:root{--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", system-ui, sans-serif;--font-serif: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, "Times New Roman", serif;--bg: oklch(.977 .006 95);--surface: oklch(.995 .003 95);--surface-2: oklch(.944 .009 95);--elev: oklch(.998 .002 95);--ink: oklch(.25 .02 75);--muted: oklch(.5 .02 80);--faint: oklch(.63 .016 85);--line: oklch(.9 .01 92);--accent: oklch(.5 .085 168);--accent-strong: oklch(.42 .085 170);--on-accent: oklch(.985 .008 160);--accent-tint: oklch(.937 .033 165);--brass: oklch(.58 .1 80);--brass-tint: oklch(.938 .04 88);--danger: oklch(.55 .18 28);--ok: oklch(.55 .11 158);--r-sm: 8px;--r: 12px;--r-lg: 16px;--r-pill: 999px;--shadow-1: 0 1px 2px oklch(.25 .02 80 / .05), 0 2px 8px oklch(.25 .02 80 / .06);--shadow-2: 0 4px 12px oklch(.25 .02 80 / .09), 0 12px 32px oklch(.25 .02 80 / .1);--cover-shadow: 0 1px 2px oklch(.25 .02 80 / .14), 0 6px 16px oklch(.25 .02 80 / .18);--ease: cubic-bezier(.23, 1, .32, 1);--dur: .22s;--z-nav: 20;--z-sticky: 30;--z-toast: 60;color-scheme:light}@media(prefers-color-scheme:dark){:root{--bg: oklch(.205 .011 80);--surface: oklch(.245 .013 80);--surface-2: oklch(.297 .014 80);--elev: oklch(.263 .013 80);--ink: oklch(.93 .012 90);--muted: oklch(.7 .016 85);--faint: oklch(.56 .014 82);--line: oklch(.325 .013 82);--accent: oklch(.73 .095 165);--accent-strong: oklch(.79 .095 163);--on-accent: oklch(.2 .03 168);--accent-tint: oklch(.315 .045 166);--brass: oklch(.76 .095 84);--brass-tint: oklch(.325 .04 85);--danger: oklch(.68 .16 28);--ok: oklch(.72 .11 158);--shadow-1: 0 1px 2px oklch(0 0 0 / .3), 0 2px 10px oklch(0 0 0 / .35);--shadow-2: 0 6px 18px oklch(0 0 0 / .45), 0 16px 40px oklch(0 0 0 / .5);--cover-shadow: 0 2px 6px oklch(0 0 0 / .5), 0 10px 24px oklch(0 0 0 / .55);color-scheme:dark}}:root[data-theme=light]{--bg: oklch(.977 .006 95);--surface: oklch(.995 .003 95);--surface-2: oklch(.944 .009 95);--elev: oklch(.998 .002 95);--ink: oklch(.25 .02 75);--muted: oklch(.5 .02 80);--faint: oklch(.63 .016 85);--line: oklch(.9 .01 92);--accent: oklch(.5 .085 168);--accent-strong: oklch(.42 .085 170);--on-accent: oklch(.985 .008 160);--accent-tint: oklch(.937 .033 165);--brass: oklch(.58 .1 80);--brass-tint: oklch(.938 .04 88);--danger: oklch(.55 .18 28);--ok: oklch(.55 .11 158);--shadow-1: 0 1px 2px oklch(.25 .02 80 / .05), 0 2px 8px oklch(.25 .02 80 / .06);--shadow-2: 0 4px 12px oklch(.25 .02 80 / .09), 0 12px 32px oklch(.25 .02 80 / .1);--cover-shadow: 0 1px 2px oklch(.25 .02 80 / .14), 0 6px 16px oklch(.25 .02 80 / .18);color-scheme:light}:root[data-theme=dark]{--bg: oklch(.205 .011 80);--surface: oklch(.245 .013 80);--surface-2: oklch(.297 .014 80);--elev: oklch(.263 .013 80);--ink: oklch(.93 .012 90);--muted: oklch(.7 .016 85);--faint: oklch(.56 .014 82);--line: oklch(.325 .013 82);--accent: oklch(.73 .095 165);--accent-strong: oklch(.79 .095 163);--on-accent: oklch(.2 .03 168);--accent-tint: oklch(.315 .045 166);--brass: oklch(.76 .095 84);--brass-tint: oklch(.325 .04 85);--danger: oklch(.68 .16 28);--ok: oklch(.72 .11 158);--shadow-1: 0 1px 2px oklch(0 0 0 / .3), 0 2px 10px oklch(0 0 0 / .35);--shadow-2: 0 6px 18px oklch(0 0 0 / .45), 0 16px 40px oklch(0 0 0 / .5);--cover-shadow: 0 2px 6px oklch(0 0 0 / .5), 0 10px 24px oklch(0 0 0 / .55);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-ui);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior-y:none}::selection{background:var(--accent-tint)}button,input{font:inherit;color:inherit}button{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}.app{display:flex;flex-direction:column;min-height:100%}.content{flex:1;width:100%;max-width:760px;margin:0 auto;padding:10px 18px calc(96px + env(safe-area-inset-bottom))}.topbar{position:sticky;top:0;z-index:var(--z-sticky);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;padding-top:calc(10px + env(safe-area-inset-top));background:color-mix(in oklch,var(--bg) 84%,transparent);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid color-mix(in oklch,var(--line) 65%,transparent)}.brand{display:flex;align-items:center;gap:9px;min-width:0}.wordmark{margin:0;line-height:0;display:flex}.wordmark .logo{display:block;height:30px;width:65.34px;color:var(--ink);background:currentColor;-webkit-mask:url(/logo.svg) center / contain no-repeat;mask:url(/logo.svg) center / contain no-repeat}.fullscreen .wordmark .logo{height:40px;width:87.12px}.brand .ver{font-size:.6rem;font-weight:600;letter-spacing:.04em;color:var(--faint);border:1px solid var(--line);border-radius:var(--r-pill);padding:2px 7px;white-space:nowrap;background:none;cursor:pointer}.avatar{width:34px;height:34px;border-radius:50%;flex:0 0 auto;display:grid;place-items:center;font-family:var(--font-serif);font-weight:600;font-size:1rem;background:var(--accent-tint);color:var(--accent-strong);border:1px solid color-mix(in oklch,var(--accent) 25%,transparent);-webkit-user-select:none;user-select:none}.page-h{font-family:var(--font-serif);font-size:1.65rem;font-weight:600;letter-spacing:-.01em;line-height:1.15;margin:14px 2px 16px;text-wrap:balance}.tabbar{position:fixed;left:50%;transform:translate(-50%);bottom:calc(14px + env(safe-area-inset-bottom));z-index:var(--z-nav);display:flex;gap:2px;padding:6px;background:color-mix(in oklch,var(--elev) 90%,transparent);backdrop-filter:saturate(1.5) blur(18px);-webkit-backdrop-filter:saturate(1.5) blur(18px);border:1px solid color-mix(in oklch,var(--line) 80%,transparent);border-radius:var(--r-pill);box-shadow:var(--shadow-2)}.tabbar button{border:none;background:none;cursor:pointer;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 15px;border-radius:var(--r-pill);font-size:.66rem;font-weight:600;letter-spacing:.01em;transition:color var(--dur) var(--ease),background var(--dur) var(--ease)}.tabbar button svg{transition:transform var(--dur) var(--ease)}.tabbar button.active{color:var(--on-accent);background:var(--accent)}.tabbar button:active svg{transform:scale(.86)}.btn{--_bg: var(--accent);--_fg: var(--on-accent);display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border:none;border-radius:var(--r);cursor:pointer;text-decoration:none;background:var(--_bg);color:var(--_fg);font-size:.93rem;font-weight:600;letter-spacing:-.01em;transition:transform .12s var(--ease),filter var(--dur) var(--ease),background var(--dur) var(--ease)}.btn svg{flex:0 0 auto}.btn:active{transform:scale(.97)}.btn:hover{filter:brightness(1.05)}.btn:disabled{opacity:.5;pointer-events:none}.btn.secondary{--_bg: var(--surface-2);--_fg: var(--ink)}.btn.ghost{--_bg: transparent;--_fg: var(--accent-strong);box-shadow:inset 0 0 0 1px var(--line)}.btn.danger{--_bg: transparent;--_fg: var(--danger);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--danger) 40%,transparent)}.btn.block{width:100%}.btn.quiet{--_bg: transparent;--_fg: var(--muted);padding:8px 12px;font-size:.84rem}.btn.quiet:hover{--_fg: var(--ink);filter:none}.iconbtn{width:38px;height:38px;flex:0 0 auto;border:none;border-radius:var(--r-sm);cursor:pointer;display:grid;place-items:center;background:var(--surface-2);color:var(--muted);transition:transform .12s var(--ease),color var(--dur) var(--ease),background var(--dur) var(--ease)}.iconbtn:hover{color:var(--ink)}.iconbtn:active{transform:scale(.9)}.searchbar{display:flex;gap:9px;margin:4px 0 18px}.field{flex:1;display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:0 14px;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint)}.field .mag{color:var(--faint);display:grid;place-items:center}.field input{flex:1;border:none;background:none;outline:none;padding:13px 0;font-size:1rem;min-width:0}.field input::placeholder{color:var(--faint)}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px 12px;flex-wrap:wrap;margin:4px 2px 14px}.section-head .count{white-space:nowrap}.section-head h2{font-family:var(--font-serif);font-size:1.15rem;font-weight:600;margin:0}.count{color:var(--faint);font-size:.8rem;font-weight:550;font-variant-numeric:tabular-nums}.segment{display:inline-flex;background:var(--surface-2);border-radius:var(--r-pill);padding:3px;gap:2px}.segment button{border:none;background:none;cursor:pointer;color:var(--muted);font-size:.76rem;font-weight:600;padding:6px 11px;border-radius:var(--r-pill);transition:color var(--dur) var(--ease),background var(--dur) var(--ease)}.segment button.on{color:var(--ink);background:var(--elev);box-shadow:var(--shadow-1)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:22px 14px}@media(min-width:560px){.grid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr))}}.book{cursor:pointer;animation:rise var(--dur) var(--ease) both}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.book .frame{position:relative;aspect-ratio:2/3;border-radius:6px var(--r-sm) var(--r-sm) 6px;overflow:hidden;background:var(--surface-2);box-shadow:var(--cover-shadow);transition:transform .18s var(--ease),box-shadow .18s var(--ease)}.book:active .frame{transform:scale(.965)}@media(hover:hover){.book:hover .frame{transform:translateY(-3px);box-shadow:var(--shadow-2)}}.book .frame img{width:100%;height:100%;object-fit:cover;display:block}.book .meta{padding:9px 2px 0}.book .t{font-family:var(--font-serif);font-size:.88rem;font-weight:600;line-height:1.22;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.book .a{font-size:.74rem;color:var(--muted);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cph{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:16% 12%;text-align:center;background:linear-gradient(155deg,oklch(.6 .05 var(--cph-h) / .25),transparent 45%),linear-gradient(335deg,oklch(.25 .05 var(--cph-h) / .3),transparent 50%),oklch(.45 .062 var(--cph-h));color:oklch(.96 .02 var(--cph-h) / .92);box-shadow:inset 10px 0 14px -10px #0000008c}.cph-rule{width:44%;height:4px;border-top:1px solid;border-bottom:1px solid;opacity:.55}.cph-t{font-family:var(--font-serif);font-weight:600;font-size:.84rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-wrap:balance}.cph-a{font-size:.6rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;opacity:.72;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.cph.small{gap:6px;padding:12% 10%}.cph.small .cph-t{font-size:.56rem;-webkit-line-clamp:3}.cph.small .cph-rule{height:3px;width:50%}.coverbox{position:relative;width:138px;flex:0 0 auto}.coverbox .ambient{position:absolute;top:-14px;right:-18px;bottom:-10px;left:-18px;z-index:0;border-radius:50%;background:var(--accent-tint);filter:blur(28px);opacity:.55;pointer-events:none}.coverbox .frame{position:relative;z-index:1;aspect-ratio:2/3;border-radius:6px var(--r-sm) var(--r-sm) 6px;overflow:hidden;background:var(--surface-2);box-shadow:var(--cover-shadow)}.coverbox img{width:100%;height:100%;object-fit:cover;display:block}.results{display:flex;flex-direction:column;gap:10px}.result{display:grid;grid-template-columns:58px 1fr auto;gap:14px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:12px 13px;animation:rise var(--dur) var(--ease) both;transition:border-color var(--dur) var(--ease)}@media(hover:hover){.result:hover{border-color:color-mix(in oklch,var(--accent) 30%,var(--line))}}.result .rcover{position:relative;width:58px;aspect-ratio:2/3;border-radius:4px 6px 6px 4px;overflow:hidden;background:var(--surface-2);box-shadow:var(--cover-shadow);align-self:start;flex:0 0 auto}.result img.rcover{object-fit:cover;display:block}.rmeta{min-width:0}.rmeta .t{font-family:var(--font-serif);font-weight:600;font-size:.98rem;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rmeta .a{color:var(--muted);font-size:.82rem;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rmeta .tags{display:flex;gap:6px;margin-top:7px;flex-wrap:wrap}.tag{font-size:.66rem;font-weight:600;color:var(--muted);background:var(--surface-2);padding:2px 8px;border-radius:var(--r-pill);font-variant-numeric:tabular-nums}.tag.dl{color:var(--brass);background:var(--brass-tint)}.rdesc{margin-top:7px;font-size:.8rem;line-height:1.45;color:var(--muted);cursor:pointer;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rdesc.open{display:block;-webkit-line-clamp:unset}.result .add{width:42px;height:42px;border-radius:var(--r-pill);border:none;cursor:pointer;background:var(--accent-tint);color:var(--accent-strong);display:grid;place-items:center;transition:transform .12s var(--ease),background var(--dur) var(--ease)}.result .add:active{transform:scale(.9)}.result .add.busy{color:var(--faint);background:var(--surface-2)}.result .add.done{background:color-mix(in oklch,var(--ok) 20%,transparent);color:var(--ok);animation:pop .32s var(--ease)}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}.dlpanel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:6px 16px 10px;margin-bottom:20px;box-shadow:var(--shadow-1)}.dlpanel h3{font-size:.72rem;font-weight:650;letter-spacing:.05em;text-transform:uppercase;color:var(--faint);margin:12px 0 6px}.dlhead{display:flex;align-items:center;justify-content:space-between;gap:10px}.dlhead h3{flex:1}.installbtn{border:1px solid color-mix(in oklch,var(--accent) 35%,transparent);background:var(--accent-tint);color:var(--accent-strong);border-radius:var(--r-pill);padding:7px 13px;font-size:.82rem;font-weight:640;cursor:pointer;white-space:nowrap;transition:transform .16s var(--ease),background var(--dur) var(--ease)}.installbtn:active{transform:scale(.97)}.homelink{border:none;background:none;padding:0;cursor:pointer;display:flex;transition:transform .16s var(--ease)}.homelink:active{transform:scale(.97)}.dlrow{display:flex;align-items:center;gap:12px;padding:9px 0;border-top:1px solid var(--line)}.dlrow:first-of-type{border-top:none}.dlrow .dt{flex:1;min-width:0;font-size:.86rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dlrow .prog{flex:0 0 64px;height:5px;border-radius:var(--r-pill);background:var(--surface-2);overflow:hidden}.dlrow .prog>i{display:block;height:100%;background:var(--accent);border-radius:inherit;transition:width .4s var(--ease)}.badge{font-size:.66rem;font-weight:650;padding:3px 10px;border-radius:var(--r-pill);white-space:nowrap}.badge.queued{background:var(--surface-2);color:var(--muted)}.badge.downloading{background:var(--accent-tint);color:var(--accent-strong)}.badge.converting{background:var(--brass-tint);color:var(--brass)}.badge.done{background:color-mix(in oklch,var(--ok) 18%,transparent);color:var(--ok)}.badge.failed{background:color-mix(in oklch,var(--danger) 16%,transparent);color:var(--danger)}.dlrow .cancel{flex:0 0 auto;width:28px;height:28px;border-radius:var(--r-pill);border:none;cursor:pointer;background:var(--surface-2);color:var(--muted);display:grid;place-items:center;transition:transform .12s var(--ease),background var(--dur) var(--ease),color var(--dur) var(--ease)}.dlrow .cancel:hover{background:color-mix(in oklch,var(--danger) 14%,transparent);color:var(--danger)}.dlrow .cancel:active{transform:scale(.86)}.bookpage{display:flex;flex-direction:column;gap:22px;padding-top:4px;animation:page-in .34s var(--ease) both}@keyframes page-in{0%{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:none}}.backlink{align-self:flex-start;display:inline-flex;align-items:center;gap:4px;background:none;border:none;cursor:pointer;color:var(--muted);font-size:.9rem;font-weight:560;padding:4px 6px 4px 0}.backlink:active,.backlink:hover{color:var(--ink)}.hero{display:flex;gap:20px;align-items:flex-start}.hero h2{font-family:var(--font-serif);font-size:1.55rem;font-weight:600;letter-spacing:-.01em;line-height:1.16;margin:6px 0 8px;text-wrap:balance}.hero .authors{color:var(--muted);font-size:.95rem}.actions{display:grid;gap:10px}.actions .row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.desc .desc-h{font-size:.72rem;font-weight:650;letter-spacing:.05em;text-transform:uppercase;color:var(--faint);margin-bottom:8px}.desc p{margin:0;font-size:.95rem;line-height:1.65;color:var(--muted);max-width:65ch;text-wrap:pretty}.desc p.clamp{display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}.desc .more{background:none;border:none;cursor:pointer;color:var(--accent-strong);font-size:.86rem;font-weight:600;padding:6px 0 0}.cover-actions{display:flex;gap:14px;align-items:center}.cover-actions .lbl{font-size:.8rem;color:var(--faint)}.cover-actions button{background:none;border:none;cursor:pointer;color:var(--muted);font-size:.84rem;font-weight:600;padding:4px 0;text-decoration:underline;text-decoration-color:color-mix(in oklch,var(--muted) 40%,transparent);text-underline-offset:3px}.cover-actions button:hover{color:var(--ink)}.dangerzone{border-top:1px solid var(--line);padding-top:16px;display:flex}.dangerzone button{background:none;border:none;cursor:pointer;color:var(--danger);display:inline-flex;align-items:center;gap:8px;font-size:.88rem;font-weight:600;padding:6px 0;opacity:.85}.dangerzone button:hover{opacity:1}.stack{display:flex;flex-direction:column;gap:14px}.note{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:15px 16px;font-size:.9rem;line-height:1.55;color:var(--muted)}.note b,.note strong{color:var(--ink)}.kv{display:flex;flex-direction:column;gap:7px}.kv .label{color:var(--faint);font-size:.72rem;font-weight:650;letter-spacing:.05em;text-transform:uppercase}.kv .val{display:flex;gap:8px;align-items:center}.mono{flex:1;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.84rem;background:var(--surface-2);border-radius:var(--r-sm);padding:10px 12px;word-break:break-all}.empty{text-align:center;color:var(--muted);padding:11vh 20px;display:flex;flex-direction:column;align-items:center}.empty .em-ico{color:var(--faint);margin-bottom:14px}.empty .em-t{font-family:var(--font-serif);font-size:1.15rem;font-weight:600;color:var(--ink)}.empty .em-s{font-size:.9rem;margin-top:6px;max-width:30ch;line-height:1.5}.skel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:22px 14px}@media(min-width:560px){.skel-grid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr))}}.skel{aspect-ratio:2/3;border-radius:var(--r-sm);background:var(--surface-2);position:relative;overflow:hidden}.skel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 20%,color-mix(in oklch,var(--elev) 60%,transparent) 50%,transparent 80%);animation:shimmer 1.4s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.toasts{position:fixed;left:0;right:0;bottom:calc(84px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:8px;z-index:var(--z-toast);pointer-events:none}.toast{display:flex;align-items:center;gap:9px;max-width:min(90vw,420px);background:var(--ink);color:var(--bg);padding:11px 17px;border-radius:var(--r-pill);font-size:.88rem;font-weight:560;box-shadow:var(--shadow-2);animation:toast-in .34s var(--ease)}.toast.ok{background:var(--ok);color:#050e08}.toast.err{background:var(--danger);color:snow;color:oklch(.99 .01 25)}@keyframes toast-in{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}}.fullscreen{min-height:100dvh;display:grid;place-items:center;padding:24px;text-align:center}.auth-box{width:100%}.auth-tabs{display:flex;gap:2px;margin:18px 0 14px;padding:4px;background:var(--surface-2);border-radius:var(--r-pill);width:100%;max-width:20rem}.auth-tabs button{flex:1;border:none;background:none;cursor:pointer;padding:9px 0;border-radius:var(--r-pill);font-size:.92rem;font-weight:600;color:var(--muted);transition:background var(--dur) var(--ease),color var(--dur) var(--ease),transform .16s var(--ease)}.auth-tabs button:active{transform:scale(.97)}.auth-tabs button.active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-1)}.auth-form{display:flex;flex-direction:column;gap:12px;width:100%;max-width:20rem;text-align:left}.afield{display:flex;flex-direction:column;gap:6px}.afield span{color:var(--faint);font-size:.74rem;font-weight:640;letter-spacing:.02em;text-transform:uppercase}.afield input{font:inherit;font-size:1rem;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;outline:none;min-width:0;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.afield input:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint);outline:none}.afield input::placeholder{color:var(--faint)}.auth-err{color:var(--danger);font-size:.88rem;line-height:1.45;background:color-mix(in oklch,var(--danger) 9%,transparent);border-radius:var(--r-sm);padding:9px 12px}.auth-hint{color:var(--muted);font-size:.85rem;line-height:1.5;max-width:20rem}.fullscreen .box{max-width:25rem;display:flex;flex-direction:column;align-items:center;gap:6px}.fullscreen .big-ico{color:var(--faint);margin-bottom:10px}.fullscreen h1{font-family:var(--font-serif);font-size:1.6rem;font-weight:600;letter-spacing:-.01em;margin:0}.fullscreen p{color:var(--muted);line-height:1.55;margin:6px 0 14px}.spinner{display:inline-block;width:26px;height:26px;border-radius:50%;border:2.5px solid var(--surface-2);border-top-color:var(--accent);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.vfoot{margin-top:22px;color:var(--faint);font-size:.72rem;font-weight:550}.ucard{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:14px 15px;display:flex;flex-direction:column;gap:9px}.uhead{display:flex;flex-direction:column;gap:2px;margin-bottom:3px}.uname{font-family:var(--font-serif);font-weight:600;font-size:1.05rem;display:flex;align-items:center;gap:8px}.ubadge{font-family:var(--font-ui);font-size:.6rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--brass);background:var(--brass-tint);padding:2px 7px;border-radius:var(--r-pill)}.uemail{color:var(--muted);font-size:.84rem}.urow{display:grid;grid-template-columns:92px 1fr auto;gap:10px;align-items:center}.urow .ul{color:var(--faint);font-size:.74rem;font-weight:600}.urow .uv{font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.urow .uv.mono{background:none;padding:0;flex:initial}.mini{border:none;background:var(--surface-2);color:var(--muted);cursor:pointer;font-size:.7rem;font-weight:600;padding:5px 9px;border-radius:var(--r-pill);transition:transform .12s var(--ease),color var(--dur) var(--ease)}.mini:active{transform:scale(.9)}.mini:hover{color:var(--ink)}.ptr-ind{display:flex;align-items:flex-end;justify-content:center;overflow:hidden;height:0}.ptr-ind.settle{transition:height .25s var(--ease)}.ptr-dot{width:36px;height:36px;margin-bottom:10px;border-radius:50%;background:var(--elev);box-shadow:var(--shadow-2);display:grid;place-items:center;color:var(--muted)}.ptr-dot svg{transition:transform .18s var(--ease)}.ptr-dot.ready{color:var(--accent-strong)}.ptr-dot.ready svg{transform:rotate(180deg)}.topbar-right{display:flex;align-items:center;gap:8px}.topbar .iconbtn{background:transparent}.topbar .iconbtn:hover{background:var(--surface-2)}.uploadrow{display:flex;justify-content:center;margin:2px 0 10px}.uploadlink{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:600;color:var(--accent-strong);padding:7px 12px;border-radius:var(--r-pill);transition:background var(--dur) var(--ease),transform .12s var(--ease)}.uploadlink:hover{background:var(--surface-2)}.uploadlink:active{transform:scale(.97)}.uploadlink:disabled{opacity:.55;pointer-events:none}.filterbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:-6px 0 10px}.filterbar .field{flex:1 1 190px;min-width:150px}.filterbar .field input{font-size:.85rem}.filterbar .segment{flex:0 0 auto}.slotchips{display:flex;flex-wrap:wrap;gap:6px}.libbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:-4px 0 4px}.libsel{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-pill);padding:7px 12px;font-size:.8rem;font-weight:600;color:var(--ink);max-width:min(46vw,240px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.libsel:focus{outline:none;border-color:var(--accent-strong)}