:root{color-scheme:light dark;--paper:light-dark(#f6f2e9,#211e1a);--panel:light-dark(#fffdf8,#302b25);--ink:light-dark(#352c25,#f4eadf);--soft:light-dark(#75695e,#c6b7a6);--line:light-dark(#e5dbce,#51463b);--brand:light-dark(#863e32,#e2a594);--on-brand:light-dark(#fffaf2,#2d1712)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 system-ui,sans-serif}button,input{font:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--ink);padding:11px 16px;min-height:44px}button:hover{border-color:var(--brand)}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--brand);outline-offset:3px}.skip{position:absolute;top:-100px;left:12px;background:var(--panel);padding:10px;color:var(--ink);z-index:5}.skip:focus{top:10px}.web-header{padding:20px 4vw;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);background:var(--panel)}.web-brand{text-decoration:none;color:var(--brand);font:500 30px Georgia,serif;letter-spacing:2px}.web-brand span{display:block;font:13px system-ui,sans-serif;letter-spacing:0;color:var(--soft);margin-top:5px}.web-pill{font-size:12px;border:1px solid var(--line);border-radius:20px;padding:5px 12px}.web-layout{max-width:1400px;margin:auto;display:grid;grid-template-columns:260px minmax(0,1fr)}.web-sidebar{padding:32px 24px;display:flex;flex-direction:column;gap:10px;border-right:1px solid var(--line)}.nav-label,.section-label{font-size:12px;letter-spacing:1px;color:var(--soft)}.web-sidebar button{text-align:left;background:transparent;border-color:transparent}.web-sidebar button[aria-current=page]{background:var(--panel);border-color:var(--line);color:var(--brand)}#library-count{float:right;font-size:12px}.sidebar-note{font-size:13px;color:var(--soft);margin:32px 0 12px}.import-label{display:block;padding:10px 16px;border:1px dashed var(--line);border-radius:10px;color:var(--soft);font-size:14px}.import-label input{display:block;width:100%;max-width:100%;font-size:12px;margin-top:8px}.connection-note{color:var(--soft);font-size:12px;margin-top:24px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--soft);margin-right:6px}.workspace{min-width:0;padding:32px clamp(16px,4vw,56px) 48px}.workspace-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px;flex-wrap:wrap}h1{font:500 30px/1.25 Georgia,serif;margin:8px 0}h2{font-weight:500}.save-button{background:var(--brand);color:var(--on-brand);border-color:var(--brand)}.notice{padding:12px 16px;background:var(--panel);border:1px solid var(--line);border-radius:10px;margin-bottom:20px}.web-footnote{max-width:680px;margin:24px auto 0;color:var(--soft);font-size:12px}.workspace #anle-preview{padding:0;color-scheme:inherit}.workspace #anle-app{max-width:680px;border-radius:20px;box-shadow:none}.workspace #anle-app main{padding:28px;min-height:450px}.workspace #anle-app .character-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace #anle-app .setup-avatar{max-width:260px}.workspace #anle-app .avatar-stage{max-width:420px;margin:16px auto}.muted{color:var(--soft)}.empty-state{padding:32px;border:1px dashed var(--line);border-radius:16px;text-align:center}.saved-item{background:var(--panel);padding:20px;border:1px solid var(--line);border-radius:14px;margin:12px 0}.saved-item h2{margin:0;font-size:19px;overflow-wrap:anywhere}.saved-item p{color:var(--soft);font-size:13px;margin:6px 0 16px}.saved-actions{display:flex;flex-wrap:wrap;gap:8px}dialog{border:1px solid var(--line);border-radius:18px;background:var(--panel);color:var(--ink);padding:28px;width:min(440px,calc(100% - 32px))}dialog::backdrop{background:#0006}dialog h2{margin-top:0}dialog label{display:block}dialog input{display:block;width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);margin:8px 0}dialog p{font-size:13px;color:var(--soft)}.dialog-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}[hidden]{display:none!important}@media(max-width:780px){.web-layout{grid-template-columns:1fr}.web-sidebar{padding:12px 16px;border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.nav-label,.sidebar-note,.connection-note{grid-column:1/-1}.sidebar-note{margin:12px 0 4px}.web-sidebar button{padding:9px 10px}.import-label{min-width:0}.workspace{padding:24px 12px}.workspace-top{padding:0 8px}.workspace #anle-app main{padding:22px}.web-header{padding:16px 20px}.workspace h1{font-size:27px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}