:root{color-scheme:light;--font-sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--canvas: #f6f7f9;--surface: #ffffff;--surface-muted: #f0f2f5;--ink: #111318;--muted: #616975;--faint: #6b7280;--accent: #2563eb;--accent-strong: #1d4ed8;--accent-hover: #1d4ed8;--accent-soft: #eaf1ff;--border: #e2e5ea;--border-strong: #cfd4dc;--danger: #b42318;--danger-soft: #fff0ee;--warning: #8a5a06;--warning-soft: #fff7df;--success: #16734b;--success-soft: #eaf8f1;--radius-shell: 20px;--radius-card: 16px;--radius-control: 11px;--focus-ring: 0 0 0 3px rgb(37 99 235 / 20%);--canvas-overlay: rgb(246 247 249 / 96%);--nav-overlay: rgb(255 255 255 / 98%);--surface-hover: #f9fafb;--surface-subtle: #fafbfc;--field-label: #343942;--avatar-ink: #344054;--avatar-surface: #edf0f4;--image-outline: rgb(0 0 0 / 10%);--success-border: #cceadb;--success-copy: #456658;--accent-border: #d6e3ff;--danger-border: #ffd2cc;font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}html[data-theme=dark]{color-scheme:dark;--canvas: #0e1117;--surface: #161b24;--surface-muted: #232a35;--ink: #f3f5f8;--muted: #b1b9c6;--faint: #929dab;--accent: #3f63c5;--accent-strong: #9ab7ff;--accent-hover: #3155af;--accent-soft: #1c2b4b;--border: #2d3541;--border-strong: #46505e;--danger: #ff9d96;--danger-soft: #3a2022;--warning: #efc56d;--warning-soft: #3a301c;--success: #73d9ab;--success-soft: #18382b;--focus-ring: 0 0 0 3px rgb(98 136 238 / 26%);--canvas-overlay: rgb(14 17 23 / 96%);--nav-overlay: rgb(22 27 36 / 98%);--surface-hover: #1d232d;--surface-subtle: #1b2029;--field-label: #e3e7ee;--avatar-ink: #d9e0e9;--avatar-surface: #242b36;--image-outline: rgb(255 255 255 / 10%);--success-border: #285743;--success-copy: #b5d8c8;--accent-border: #304876;--danger-border: #6f3437}*,*:before,*:after{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--canvas)}body{min-width:320px;min-height:100dvh;margin:0;overflow-x:hidden;color:var(--ink);background:var(--canvas);font-family:var(--font-sans);font-size:16px;line-height:1.5}button,input,select,textarea{color:inherit;font:inherit}button,select,label.file-action{cursor:pointer}button{touch-action:manipulation}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.48}.backup-action[aria-disabled=true]{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}h1,h2,h3,p,ul,ol,dl,dd,fieldset{margin:0}h1,h2,h3{color:var(--ink);font-weight:700;line-height:1.16;text-wrap:balance}h1{font-size:clamp(1.65rem,5vw,2.15rem)}h2{font-size:1.05rem}p,dd,small{text-wrap:pretty}ul,ol{padding:0;list-style:none}svg{flex:0 0 auto}.tabular,input[type=number]{font-variant-numeric:tabular-nums}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;inset-block-start:8px;inset-inline-start:8px;z-index:50;padding:10px 14px;border-radius:8px;color:var(--surface);background:var(--ink);font-weight:700;transform:translateY(-160%);transition:transform .15s cubic-bezier(.22,1,.36,1)}.skip-link:focus{transform:translateY(0)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--accent);box-shadow:var(--focus-ring);outline:none}[data-page-title]:focus{outline:none}.app-shell{min-height:100dvh}.mobile-topbar{position:sticky;inset-block-start:0;z-index:20;display:flex;min-height:calc(62px + env(safe-area-inset-top));align-items:center;justify-content:space-between;padding:calc(8px + env(safe-area-inset-top)) 16px 8px;border-bottom:1px solid var(--border);background:var(--canvas-overlay)}.brand{display:inline-flex;min-height:44px;align-items:center;gap:10px;border-radius:10px}.brand-mark{display:grid;width:38px;height:38px;place-items:center;border-radius:10px;color:#fff;background:var(--accent)}.brand>span:last-child{display:grid}.brand strong{font-size:.98rem;line-height:1.2}.brand small{display:none;color:var(--muted);font-size:.75rem}.mobile-topbar-actions{display:flex;min-width:0;align-items:center;gap:10px}.mobile-account-link{display:inline-flex;min-height:44px;align-items:center;gap:7px;padding:0 10px;border:1px solid var(--border);border-radius:11px;color:var(--ink);background:var(--surface);font-size:.78rem;font-weight:700;transition:color .15s ease,background-color .15s ease,transform .12s cubic-bezier(.23,1,.32,1)}.mobile-account-link:active{transform:scale(.96)}.theme-switch{position:relative;display:grid;width:76px;height:44px;flex:0 0 auto;grid-template-columns:repeat(2,1fr);place-items:center;padding:5px;border:1px solid var(--border);border-radius:12px;color:var(--faint);background:var(--surface-muted);touch-action:manipulation;transition:border-color .15s ease,background-color .15s ease,transform .12s cubic-bezier(.23,1,.32,1)}.theme-switch:before{position:absolute;inset-block-start:5px;inset-inline-start:5px;width:32px;height:32px;border-radius:8px;background:var(--surface);box-shadow:0 0 0 1px #0000000d,0 2px 5px #1113181a;content:"";transform:translate(0);transition:transform .18s cubic-bezier(.23,1,.32,1)}html[data-theme=dark] .theme-switch:before{box-shadow:0 0 0 1px #ffffff1a;transform:translate(34px)}.theme-switch-option{position:relative;z-index:10;display:grid;width:32px;height:32px;place-items:center;transition:color .15s ease}html[data-theme=light] .theme-switch-option[data-mode=light],html[data-theme=dark] .theme-switch-option[data-mode=dark]{color:var(--ink)}.theme-switch:active{transform:scale(.96)}.theme-switch:focus-visible,.theme-switch:focus-visible:before{transition-duration:0ms}.desktop-sidebar{display:none}.bottom-nav{position:fixed;inset-inline:0;inset-block-end:0;z-index:30;display:grid;grid-template-columns:repeat(4,1fr);min-height:calc(66px + env(safe-area-inset-bottom));padding:5px 8px calc(5px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--nav-overlay)}.bottom-nav a{display:grid;min-width:0;min-height:52px;place-items:center;align-content:center;gap:2px;border-radius:10px;color:var(--muted);font-size:.7rem;font-weight:600;transition:color .15s ease,background-color .15s ease,transform .12s ease}.bottom-nav a[aria-current=page]{color:var(--accent-strong);background:var(--accent-soft)}.main-content{width:min(100%,760px);margin-inline:auto;padding:20px 16px calc(94px + env(safe-area-inset-bottom))}.page-stack{display:grid;gap:24px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.page-title-row,.page-actions,.page-title-row>div{min-width:0}.page-title-row{display:flex;align-items:center;gap:8px}.page-title-copy{display:grid;gap:4px}.page-title-copy p{color:var(--muted);font-size:.88rem}.page-actions{display:flex;flex:0 0 auto;gap:8px}.back-button{margin-inline-start:-9px}.button,.icon-button,.text-button,.row-edit-button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;border:1px solid transparent;font-weight:650;transition:color .15s ease,background-color .15s ease,border-color .15s ease,transform .12s ease,opacity .15s ease}.button:active:not(:disabled),.icon-button:active:not(:disabled),.text-button:active:not(:disabled),.quick-action:active:not(:disabled),.backup-action:active,.row-edit-button:active:not(:disabled),.bottom-nav a:active,.side-nav a:active{transform:scale(.96)}.button{gap:7px;padding:0 14px;border-radius:var(--radius-control);font-size:.88rem;white-space:nowrap}.button.primary{color:#fff;background:var(--accent)}.button.secondary{border-color:var(--border);background:var(--surface)}.button.accent-soft{color:var(--accent-strong);background:var(--surface)}.button.danger{color:#fff;background:var(--danger)}.button.ghost-danger{border-color:var(--border);color:var(--danger);background:var(--surface)}.icon-button,.row-edit-button{width:44px;height:44px;padding:0;border-radius:10px;background:transparent}.icon-button.subtle{border-color:var(--border);background:var(--surface)}.text-button{min-width:44px;padding:0 7px;border-radius:8px;color:var(--accent-strong);background:transparent;font-size:.88rem}.search-field{position:relative;display:flex;min-width:0;min-height:46px;flex:1;align-items:center}.search-field>svg{position:absolute;inset-inline-start:14px;color:var(--faint);pointer-events:none}.search-field input{width:100%;height:46px;padding:0 14px 0 42px;border:1px solid var(--border);border-radius:12px;outline:none;background:var(--surface);font-size:16px;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.search-field input::placeholder{color:var(--faint)}.filter-bar{display:flex;align-items:center;gap:8px}.filter-select{position:relative;display:flex;flex:0 0 auto;align-items:center}.filter-select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:118px;height:46px;padding:0 42px 0 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface);font-size:.84rem;font-weight:600;text-overflow:ellipsis}.filter-select>svg{position:absolute;inset-inline-end:13px;color:var(--muted);pointer-events:none}.continue-strip{display:flex;min-height:84px;align-items:center;justify-content:space-between;gap:16px;padding:14px 14px 14px 16px;border:1px solid var(--accent-border);border-radius:var(--radius-card);background:var(--accent-soft)}.continue-strip>div{display:grid;min-width:0;gap:2px}.continue-strip strong{overflow:hidden;font-size:1rem;text-overflow:ellipsis;white-space:nowrap}.section-kicker{color:var(--muted);font-size:.75rem;font-weight:650}.section-heading{display:flex;min-height:44px;align-items:center;justify-content:space-between;gap:12px;margin-block-end:8px}.section-heading>div{display:flex;align-items:baseline;gap:8px}.section-heading h2{font-size:.96rem}.count-label{color:var(--faint);font-size:.78rem;font-weight:600}.list-shell{overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface)}.list-shell>li+li{border-top:1px solid var(--border)}.list-shell>li{content-visibility:auto;contain-intrinsic-size:72px}.book-library-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;align-items:start}.library-book-item{min-width:0;content-visibility:auto;contain-intrinsic-size:460px}.library-book{position:relative;display:block;isolation:isolate;width:100%;max-width:350px;min-width:0;aspect-ratio:.74;margin-inline:auto;overflow:hidden;padding:9px;border-radius:29px;color:var(--book-ink);background:var(--book-rim);box-shadow:0 0 0 1px #00000014,0 16px 28px -22px #1113189e;touch-action:manipulation;transform-origin:center center;transition:transform .16s cubic-bezier(.23,1,.32,1),box-shadow .16s ease}.library-book:active{transform:scale(.96)}.library-book[data-tone="0"]{--book-rim: #160b70;--book-panel: #10065a;--book-ink: #ffffff;--book-muted: rgb(255 255 255 / 66%);--book-track: rgb(255 255 255 / 20%);--book-art: radial-gradient(ellipse at 75% 4%, rgb(145 126 255 / 95%) 0%, rgb(99 65 255 / 76%) 24%, transparent 56%), radial-gradient(ellipse at 2% 96%, #3817db 0%, rgb(47 16 176 / 78%) 34%, transparent 63%), linear-gradient(145deg, #1c0789 0%, #5435ef 52%, #16105d 100%)}.library-book[data-tone="1"]{--book-rim: #cfd4df;--book-panel: #e6e8ee;--book-ink: #111318;--book-muted: #5b626d;--book-track: rgb(17 19 24 / 14%);--book-art: radial-gradient(ellipse at 8% 44%, rgb(255 133 64 / 96%) 0%, rgb(207 80 52 / 76%) 28%, transparent 59%), radial-gradient(ellipse at 86% 15%, #171429 0%, rgb(24 22 48 / 84%) 32%, transparent 68%), linear-gradient(142deg, #e66d38 0%, #65405a 48%, #182238 100%)}.library-book[data-tone="2"]{--book-rim: #07090a;--book-panel: #111a1f;--book-ink: #ffffff;--book-muted: rgb(255 255 255 / 58%);--book-track: rgb(255 255 255 / 18%);--book-art: radial-gradient(ellipse at 63% 0%, rgb(244 248 255 / 94%) 0%, rgb(142 167 185 / 62%) 18%, transparent 49%), radial-gradient(ellipse at 88% 78%, rgb(50 77 90 / 76%) 0%, transparent 55%), linear-gradient(155deg, #030506 8%, #10191e 56%, #273841 100%)}.library-book[data-tone="3"]{--book-rim: #0b3c48;--book-panel: #0b3540;--book-ink: #ffffff;--book-muted: rgb(237 255 255 / 64%);--book-track: rgb(223 255 255 / 20%);--book-art: radial-gradient(ellipse at 18% 8%, rgb(76 226 213 / 85%) 0%, rgb(29 137 154 / 58%) 29%, transparent 60%), radial-gradient(ellipse at 88% 84%, rgb(188 85 224 / 76%) 0%, transparent 56%), linear-gradient(142deg, #083b4a 0%, #176c72 48%, #3a1e58 100%)}.library-book-art{position:absolute;z-index:0;inset:9px 9px auto;height:48%;overflow:hidden;border-radius:20px;background:var(--book-art)}.library-book-art:before,.library-book-art:after{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;content:""}.library-book-art:before{top:-8%;right:-8%;bottom:-8%;left:-8%;opacity:.22;background-image:radial-gradient(circle,rgb(255 255 255 / 48%) 0 .7px,transparent .9px),radial-gradient(circle,rgb(0 0 0 / 50%) 0 .7px,transparent .9px);background-position:0 0,3px 3px;background-size:6px 6px;transform:rotate(-4deg) scale(1.08)}.library-book-art:after{background:linear-gradient(180deg,transparent 38%,rgb(5 7 13 / 26%) 100%)}.library-book-cover{position:absolute;z-index:10;top:34%;right:9px;bottom:9px;left:9px;display:flex;height:auto;min-height:0;flex-direction:column;overflow:visible;margin:0;padding:22px 19px 17px;border-radius:0 20px 20px;color:var(--book-ink);background:var(--book-panel)}.library-book-cover:before{position:absolute;inset-block-start:-27px;inset-inline-start:0;width:34%;height:28px;border-radius:20px 18px 0 0;background:var(--book-panel);content:""}.library-book-cover:after{position:absolute;inset-block-start:-17px;inset-inline-start:29%;width:48px;height:18px;border-radius:0 20px 0 0;background:var(--book-panel);transform:skew(40deg);transform-origin:left bottom;content:""}.library-book-topline,.library-book-footer,.library-book-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.library-book-topline{position:relative;z-index:10;align-items:flex-start;color:var(--book-ink)}.library-book-volume{font-size:clamp(2.8rem,14vw,3.7rem);font-weight:430;line-height:.9}.library-book-open{display:grid;width:44px;height:44px;place-items:center;margin-block-start:-8px;margin-inline-end:-9px;color:var(--book-ink);transition:transform .16s cubic-bezier(.23,1,.32,1)}.library-book-open svg{transform:rotate(-45deg)}.library-book-copy{display:grid;gap:7px;margin-block-start:auto}.library-book-title{display:-webkit-box;overflow:hidden;color:var(--book-ink);font-size:clamp(1.05rem,4.6vw,1.34rem);font-weight:650;line-height:1.16;text-wrap:balance;-webkit-box-orient:vertical;-webkit-line-clamp:2}.library-book-description{display:-webkit-box;overflow:hidden;color:var(--book-muted);font-size:.78rem;line-height:1.35;text-wrap:pretty;-webkit-box-orient:vertical;-webkit-line-clamp:2}.library-book-meta{justify-content:flex-start;flex-wrap:wrap;margin-block-start:13px;color:var(--book-muted);font-size:.69rem}.library-book-footer{align-items:flex-end;margin-block-start:8px}.library-book-status{color:var(--book-ink);font-size:.7rem;font-weight:650}.library-book-chapters{color:var(--book-muted);font-size:.69rem;white-space:nowrap}.library-book-chapters strong{color:var(--book-ink);font-size:.78rem}.library-progress{position:relative;display:block;overflow:hidden;height:3px;margin-block-start:11px;border-radius:999px;background:var(--book-track)}.library-progress>span{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--book-ink);transform-origin:left center}.character-row-main,.reference-row-main{display:grid;min-width:0;gap:3px}.character-name,.reference-title{overflow:hidden;color:var(--ink);font-size:.93rem;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.row-meta{display:flex;min-width:0;flex-wrap:wrap;align-items:center;gap:4px 8px;color:var(--muted);font-size:.75rem}.row-progress,.overview-progress,.quota-track{position:relative;display:block;overflow:hidden;height:3px;border-radius:999px;background:var(--surface-muted)}.row-progress{margin-block-start:4px}.row-progress>span,.overview-progress>span,.quota-track>span{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--accent);transform-origin:left center}.status-badge{display:inline-flex;width:max-content;min-height:22px;align-items:center;gap:4px;padding:2px 7px;border-radius:999px;color:var(--muted);background:var(--surface-muted);font-size:.68rem;font-weight:700;white-space:nowrap}.status-badge[data-status=drafting],.status-badge[data-status=active]{color:var(--success);background:var(--success-soft)}.status-badge[data-status=revising],.status-badge[data-status=missing],.status-badge[data-status=paused]{color:var(--warning);background:var(--warning-soft)}.status-badge[data-status=deceased]{color:var(--danger);background:var(--danger-soft)}.status-badge.neutral{color:var(--muted);background:var(--surface-muted)}.empty-panel{display:grid;min-height:180px;place-items:center;align-content:center;gap:7px;padding:26px;border:1px dashed var(--border-strong);border-radius:var(--radius-card);color:var(--muted);text-align:center}.empty-panel.compact{min-height:0}.empty-panel strong{color:var(--ink)}.empty-panel p{max-width:430px;font-size:.86rem}.empty-panel .button{margin-block-start:8px}.book-overview{display:grid;gap:14px;padding:18px;border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface)}.book-overview-top{display:flex;align-items:center;justify-content:space-between}.progress-number{color:var(--muted);font-size:.82rem;font-weight:700}.overview-progress{height:5px}.book-stat-row,.data-count-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.book-stat-row>div,.data-count-grid>div{display:grid;min-width:0;gap:3px}.book-stat-row span,.data-count-grid span{color:var(--muted);font-size:.68rem}.book-stat-row strong,.data-count-grid strong{font-size:.95rem}.book-synopsis{padding-block-start:12px;border-top:1px solid var(--border);color:var(--muted);font-size:.86rem}.quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.quick-action{display:flex;min-height:70px;align-items:center;gap:10px;padding:12px;border:1px solid var(--border);border-radius:13px;background:var(--surface);text-align:left;transition:border-color .15s ease,background-color .15s ease,transform .12s ease}.quick-action>svg{color:var(--accent)}.quick-action>span{display:grid;min-width:0}.quick-action strong{font-size:.83rem}.quick-action small{color:var(--muted);font-size:.68rem}.character-row-wrap{display:flex;align-items:center}.character-row{display:grid;min-width:0;min-height:70px;flex:1;grid-template-columns:auto minmax(0,1fr) auto 18px;gap:10px;align-items:center;padding:9px 12px;transition:background-color .15s ease,transform .12s ease}.character-row-wrap .character-row{padding-inline-end:4px}.row-edit-button{margin-inline-end:6px;color:var(--muted)}.avatar{display:grid;width:38px;height:38px;place-items:center;overflow:hidden;border-radius:999px;color:var(--avatar-ink);background:var(--avatar-surface);font-size:.76rem;font-weight:750}.avatar img,.avatar-choice-image img{display:block;width:100%;height:100%;border-radius:inherit;object-fit:cover;outline:1px solid var(--image-outline);outline-offset:-1px}.appearance-count{color:var(--muted);font-size:.72rem;white-space:nowrap}.identity-card{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;padding:16px;border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface)}.identity-card>.avatar{width:48px;height:48px;border-radius:999px;font-size:.9rem}.identity-card>div{display:grid;gap:3px}.identity-card p{color:var(--muted);font-size:.84rem}.identity-summary,.tag-list{grid-column:1 / -1}.identity-summary{padding-block-start:10px;border-top:1px solid var(--border)}.tag-list{display:flex;flex-wrap:wrap;gap:6px}.tag-list li{padding:4px 8px;border-radius:999px;color:var(--muted);background:var(--surface-muted);font-size:.7rem;font-weight:600}.appearance-stack{display:grid;gap:10px}.appearance-card{display:grid;gap:14px;padding:15px;border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface)}.appearance-card>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.appearance-card>header>div{display:grid;gap:1px}.appearance-card>header a{color:var(--accent);font-weight:700}.appearance-card>header span{color:var(--muted);font-size:.72rem}.appearance-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.appearance-details>div{display:grid;gap:3px}.appearance-details dt{color:var(--muted);font-size:.7rem;font-weight:600}.appearance-details dd{font-size:.82rem}.relationship-links{display:flex;flex-wrap:wrap;align-items:center;gap:0 12px}.character-reference-link{display:inline-flex;min-height:44px;align-items:center;color:var(--accent-strong);font-weight:650;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.appearance-notes{padding-block-start:12px;border-top:1px solid var(--border);color:var(--muted);font-size:.84rem}.reference-row{display:grid;width:100%;min-height:84px;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 13px;border:0;background:transparent;text-align:left;transition:background-color .15s ease,transform .12s ease}.reference-note{display:-webkit-box;overflow:hidden;color:var(--muted);font-size:.76rem;-webkit-box-orient:vertical;-webkit-line-clamp:1}.reference-bridge{display:flex;min-width:0;flex-wrap:wrap;align-items:center;gap:4px;color:var(--accent-strong);font-size:.72rem;font-weight:650}.reference-row-end{display:flex;align-items:center;gap:5px;color:var(--muted)}.direction-label{display:none;font-size:.68rem}.storage-status{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:16px;border:1px solid var(--success-border);border-radius:var(--radius-card);background:var(--success-soft)}.storage-status-icon,.backup-action-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:11px;color:var(--success);background:var(--surface)}.storage-status>div:nth-child(2){display:grid;gap:2px}.storage-status h2{font-size:1rem}.storage-status p{color:var(--success-copy);font-size:.75rem}.data-count-grid{padding:16px;border:1px solid var(--border);border-radius:var(--radius-card) var(--radius-card) 0 0;background:var(--surface)}.quota-row{display:grid;gap:8px;padding:12px 16px 16px;border:1px solid var(--border);border-top:0;border-radius:0 0 var(--radius-card) var(--radius-card);background:var(--surface)}.quota-row>div:first-child{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:.72rem}.quota-row strong{color:var(--ink)}.backup-actions-grid{display:grid;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface)}.backup-actions-grid>*+*{border-top:1px solid var(--border)}.backup-action{position:relative;display:grid;width:100%;min-height:82px;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px;border:0;background:transparent;text-align:left;transition:background-color .15s ease,transform .12s ease}.backup-action-icon{color:var(--accent);background:var(--accent-soft)}.backup-action>span:nth-child(2){display:grid;gap:2px}.backup-action strong{font-size:.88rem}.backup-action small{color:var(--muted);font-size:.75rem}.file-action input{position:absolute;width:1px;height:1px;opacity:0}.file-action:focus-within{outline:2px solid var(--accent);outline-offset:-3px}.inline-error,.form-error{padding:10px 12px;border:1px solid var(--danger-border);border-radius:10px;color:var(--danger);background:var(--danger-soft);font-size:.8rem}.inline-error{margin-block-start:8px}.truth-grid{display:grid;gap:10px}.truth-item{display:flex;gap:12px;padding:14px;border:1px solid var(--border);border-radius:13px;background:var(--surface)}.truth-item>svg{margin-block-start:2px;color:var(--success)}.truth-item.caution>svg{color:var(--warning)}.truth-item>div{display:grid;gap:3px}.truth-item strong{font-size:.84rem}.truth-item p{color:var(--muted);font-size:.76rem}.cloud-row,.install-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px;border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface)}.account-panel{display:grid;gap:16px;padding:16px;border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface)}.account-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.account-panel-heading>div{display:grid;min-width:0;gap:4px}.account-panel-heading h2{overflow-wrap:anywhere;font-size:1rem;text-wrap:balance}.account-panel-heading p,.account-help{max-width:560px;color:var(--muted);font-size:.78rem;text-wrap:pretty}.account-actions{display:flex;flex-wrap:wrap;gap:8px}.account-workspaces{display:grid;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-control)}.account-workspaces>.section-kicker{padding:10px 12px 8px;background:var(--surface-subtle)}.account-workspace{display:flex;min-height:58px;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:0;border-top:1px solid var(--border);background:var(--surface);text-align:left;transition:color .15s ease,background-color .15s ease,transform .12s ease,opacity .15s ease}.account-workspace:active:not(:disabled){transform:scale(.96)}.account-workspace:disabled{cursor:default;opacity:1}.account-workspace[aria-pressed=true]{color:var(--accent-strong);background:var(--accent-soft)}.account-workspace>span{display:grid;min-width:0;gap:2px}.account-workspace strong{overflow:hidden;font-size:.84rem;text-overflow:ellipsis;white-space:nowrap}.account-workspace small{color:var(--muted);font-size:.72rem}.cloud-row>div,.install-row>div{display:grid;gap:4px}.cloud-row p,.install-row p{max-width:560px;color:var(--muted);font-size:.78rem}.modal{width:min(100%,620px);max-width:none;max-height:min(92dvh,820px);margin:auto 0 0;padding:0;overflow:hidden;border:0;border-radius:var(--radius-shell) var(--radius-shell) 0 0;color:var(--ink);background:transparent;box-shadow:0 -12px 40px #11131829;animation:sheet-in .22s cubic-bezier(.22,1,.36,1)}.modal[data-size=large]{width:min(100%,720px)}.modal::backdrop{background:#11131861}.modal-sheet{display:grid;max-height:min(92dvh,820px);grid-template-rows:auto minmax(0,1fr);background:var(--surface)}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 16px 13px;border-bottom:1px solid var(--border)}.modal-header>div{display:grid;gap:4px}.modal-header h2{font-size:1.1rem}.modal-header p{color:var(--muted);font-size:.77rem}.modal-body{min-height:0;overflow-y:auto;overscroll-behavior:contain}.form-stack,.confirm-panel{display:grid;gap:16px;padding:16px 16px calc(16px + env(safe-area-inset-bottom))}.field,.field-grid,.form-section{min-width:0}.field{display:grid;gap:6px}.field>span,.form-section legend{color:var(--field-label);font-size:.77rem;font-weight:650}.field small{color:var(--faint);font-size:.69rem;font-weight:500}.field input,.field select,.field textarea{width:100%;min-height:46px;padding:10px 12px;border:1px solid var(--border-strong);border-radius:var(--radius-control);outline:none;background:var(--surface);font-size:16px;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.field select{padding-block:0}.field textarea{min-height:90px;resize:vertical;line-height:1.45}.field input::placeholder,.field textarea::placeholder{color:var(--faint)}.field-grid{display:grid;gap:12px}.form-section{display:grid;gap:14px;padding:14px;border:1px solid var(--border);border-radius:13px;background:var(--surface-subtle)}.form-section legend{padding:0 5px;font-size:.84rem}.form-section>p{color:var(--muted);font-size:.76rem}.avatar-fieldset{display:grid;min-width:0;gap:10px;padding:0;border:0}.avatar-fieldset legend{color:var(--field-label);font-size:.77rem;font-weight:650}.avatar-fieldset>p{color:var(--muted);font-size:.76rem}.avatar-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.avatar-choice{display:grid;min-width:44px;min-height:56px;place-items:center;cursor:pointer}.avatar-choice-image{position:relative;display:block;width:52px;height:52px;overflow:hidden;border-radius:999px;background:var(--surface-muted);transition:box-shadow .15s ease,transform .12s ease}.avatar-choice:active .avatar-choice-image{transform:scale(.96)}.avatar-choice-check{position:absolute;z-index:10;inset-inline-end:3px;inset-block-end:3px;display:grid;width:20px;height:20px;place-items:center;border:2px solid white;border-radius:999px;color:#fff;background:var(--accent);opacity:0;transform:scale(.25);transition:opacity .15s cubic-bezier(.2,0,0,1),transform .15s cubic-bezier(.2,0,0,1)}.avatar-choice input:checked+.avatar-choice-image{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--accent)}.avatar-choice input:checked+.avatar-choice-image .avatar-choice-check{opacity:1;transform:scale(1)}.avatar-choice input:focus-visible+.avatar-choice-image{box-shadow:0 0 0 2px var(--surface),0 0 0 5px var(--accent)}.form-actions{position:sticky;inset-block-end:calc(-16px - env(safe-area-inset-bottom));z-index:10;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:2px -16px calc(-16px - env(safe-area-inset-bottom));padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--surface)}.form-actions-end{display:flex;justify-content:flex-end;gap:8px}.reference-form-bridge{display:grid;gap:10px;padding:13px;border:1px solid var(--accent-border);border-radius:13px;background:var(--accent-soft)}.reference-form-side{display:grid;gap:10px}.reference-side-label{color:var(--accent-strong);font-size:.72rem;font-weight:700}.reference-form-arrow{display:grid;width:34px;height:34px;place-items:center;justify-self:center;border-radius:999px;color:var(--accent-strong);background:var(--surface);transform:rotate(90deg)}.confirm-panel>p{color:var(--muted);font-size:.88rem}.confirm-details{padding:12px;border-radius:11px;background:var(--surface-muted)}.import-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.import-summary span{display:grid;color:var(--muted);font-size:.72rem;text-align:center}.import-summary strong{color:var(--ink);font-size:1rem}.toast{position:fixed;inset-inline:16px;inset-block-end:calc(78px + env(safe-area-inset-bottom));z-index:40;display:flex;min-height:44px;align-items:center;justify-content:center;gap:7px;padding:10px 14px;border:1px solid var(--border);border-radius:12px;color:#fff;background:#24272d;box-shadow:0 10px 30px #1113182e;font-size:.82rem;font-weight:600;animation:toast-in .18s cubic-bezier(.22,1,.36,1)}.toast[data-tone=success]{background:#165f42}.toast[data-tone=error]{background:#8f221b}.auth-gate-shell{display:grid;min-height:100dvh;grid-template-rows:auto 1fr;padding:calc(12px + env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom));background:var(--canvas)}.auth-gate-header{display:flex;width:min(100%,1080px);margin-inline:auto;align-items:center;justify-content:space-between;gap:16px}.auth-gate-header .brand small{display:block}.auth-gate-card{display:grid;width:min(100%,520px);margin:auto;gap:14px;padding:24px;border:1px solid var(--border);border-radius:20px;background:var(--surface);box-shadow:0 1px 2px #1113180d,0 24px 64px -36px #11131847}.auth-gate-mark{display:grid;width:48px;height:48px;place-items:center;border-radius:14px;color:var(--accent-strong);background:var(--accent-soft)}.auth-gate-card h1{max-width:430px;font-size:clamp(1.85rem,7vw,2.75rem);line-height:1.04;text-wrap:balance}.auth-gate-card>p:not(.inline-error){max-width:450px;color:var(--muted);font-size:.9rem;text-wrap:pretty}.auth-gate-actions{display:grid;gap:8px;margin-block-start:6px}.auth-gate-actions .button{width:100%}.auth-gate-note{padding-block-start:14px;border-top:1px solid var(--border);font-size:.74rem!important}.loading-screen,.fatal-screen{display:grid;min-height:100dvh;place-items:center;align-content:center;gap:12px;padding:24px;text-align:center}.loading-screen strong{color:var(--muted);font-size:.88rem}.loading-mark,.fatal-icon{display:grid;width:56px;height:56px;place-items:center;border-radius:15px;color:#fff;background:var(--accent)}.fatal-screen h1{max-width:560px}.fatal-screen p{max-width:520px;color:var(--muted)}@keyframes sheet-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(hover:hover)and (pointer:fine){.button.primary:hover{background:var(--accent-hover)}.button.secondary:hover,.icon-button:hover,.text-button:hover,.quick-action:hover,.row-edit-button:hover{border-color:var(--border-strong);background:var(--surface-muted)}.character-row:hover,.reference-row:hover,.backup-action:hover{background:var(--surface-hover)}.library-book:hover{box-shadow:0 0 0 1px #0000001a,0 24px 38px -24px #111318b3;transform:translateY(-5px)}.library-book:hover .library-book-open{transform:translate(2px,-2px)}.character-reference-link:hover{color:var(--accent-strong);text-decoration-thickness:2px}.avatar-choice:hover .avatar-choice-image{transform:translateY(-2px)}.bottom-nav a:hover,.side-nav a:hover,.mobile-account-link:hover,.sidebar-account>a:hover,.sidebar-account>button:hover:not(:disabled){color:var(--ink);background:var(--surface-muted)}}@media(min-width:620px){.auth-gate-shell{padding-inline:32px}.auth-gate-card{padding:32px}.main-content{padding-inline:24px}.field-grid.two,.reference-form-bridge{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-form-bridge{grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr);align-items:center}.reference-form-arrow{transform:none}.truth-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.direction-label{display:inline}.book-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 20px}.avatar-picker{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(min-width:900px){.app-shell{display:grid;grid-template-columns:220px minmax(0,1fr)}.mobile-topbar,.bottom-nav{display:none}.desktop-sidebar{position:sticky;inset-block-start:0;display:flex;min-height:100dvh;max-height:100dvh;flex-direction:column;padding:22px 14px;border-right:1px solid var(--border);background:var(--surface)}.desktop-sidebar .brand{padding:0 8px}.desktop-sidebar .brand small{display:block}.side-nav{display:grid;gap:4px;margin-block-start:34px}.side-nav a{display:flex;min-height:44px;align-items:center;gap:11px;padding:0 12px;border-radius:10px;color:var(--muted);font-size:.85rem;font-weight:650;transition:color .15s ease,background-color .15s ease,transform .12s ease}.side-nav a[aria-current=page]{color:var(--accent-strong);background:var(--accent-soft)}.sidebar-storage{display:flex;align-items:center;gap:9px;margin-block-start:0;padding:12px;border-radius:11px;background:var(--canvas)}.sidebar-footer{display:grid;gap:8px;margin-block-start:auto}.sidebar-account{display:grid;gap:6px;padding:7px;border:1px solid var(--border);border-radius:11px;background:var(--surface)}.sidebar-account>a{display:flex;min-width:0;min-height:44px;align-items:center;gap:9px;padding:3px;border-radius:8px}.sidebar-account-icon{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;border-radius:999px;color:var(--accent-strong);background:var(--accent-soft)}.sidebar-account>a>span:last-child{display:grid;min-width:0}.sidebar-account strong,.sidebar-account>a>span:last-child>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-account strong{font-size:.74rem}.sidebar-account>a>span:last-child>span{color:var(--muted);font-size:.68rem}.sidebar-account>button{min-height:36px;border:0;border-radius:8px;color:var(--muted);background:var(--canvas);font-size:.72rem;font-weight:700;transition:color .15s ease,background-color .15s ease,transform .12s cubic-bezier(.23,1,.32,1)}.sidebar-account>button:active:not(:disabled){transform:scale(.96)}.sidebar-account>button:disabled{cursor:wait;opacity:.65}.sidebar-theme-row{display:flex;min-height:58px;align-items:center;justify-content:space-between;gap:10px;padding:7px 8px 7px 12px;border-radius:11px;background:var(--canvas)}.sidebar-theme-row>div{display:grid}.sidebar-theme-row strong{font-size:.74rem}.sidebar-theme-row span{color:var(--muted);font-size:.68rem}.storage-dot{width:8px;height:8px;border-radius:999px;background:var(--success)}.sidebar-storage>div{display:grid}.sidebar-storage strong{font-size:.74rem}.sidebar-storage span:last-child{color:var(--muted);font-size:.68rem}.main-content{width:min(100%,1080px);padding:38px 42px 64px}.page-stack{gap:28px}.modal{margin:auto;border-radius:var(--radius-shell);box-shadow:0 20px 60px #11131833}.modal-header{padding-inline:20px}.form-stack,.confirm-panel{padding:20px}.form-actions{inset-block-end:-20px;margin:4px -20px -20px;padding:14px 20px}.toast{inset-inline:auto 28px;inset-block-end:28px;width:max-content;max-width:420px}.appearance-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.book-library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 18px}}@media(min-width:1200px){.app-shell{grid-template-columns:236px minmax(0,1fr)}.main-content{padding-inline:56px}.book-detail-page,.character-detail-page,.backup-page{max-width:920px}}@media(max-width:430px){.page-actions .button{width:44px;padding:0;font-size:0}.page-actions .button svg{width:19px;height:19px}.quick-actions{grid-template-columns:1fr}.status-badge{max-width:86px;overflow:hidden;text-overflow:ellipsis}.cloud-row,.install-row,.account-panel-heading{align-items:flex-start;flex-direction:column}.account-actions,.account-actions .button{width:100%}}@media(max-width:360px){.mobile-topbar .brand>span:last-child{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.library-book:hover,.library-book:hover .library-book-open{transform:none}.theme-switch,.theme-switch:before{transition-duration:.01ms!important}}