:root{color-scheme:light;--lg-gold: #c78b28;--lg-gold-dark: #a66b10;--lg-ink: #1e293b;--lg-green: #22c55e;--lg-purple: #8b5cf6;--lg-red: #ef4444;--lg-bg: #faf8f5;--lg-surface: #ffffff;--lg-surface-alt: #f4f1ea;--lg-border: #e6e2d9;--lg-text: #1e293b;--lg-text-secondary: #4b5563;--lg-text-muted: #6f6b60;--lg-cat-music: #8b5cf6;--lg-cat-games: #22c55e;--lg-cat-screen: #3b82f6;--lg-cat-automation: #c78b28;--lg-cat-utilities: #0e7490;--lg-cat-lists: #c1442d;--lg-cat-research: #6e7a4f;--lg-cat-books: #8a5a2b;--lg-shadow-sm: 0 1px 2px rgba(15, 23, 42, .05);--lg-shadow-md: 0 4px 16px rgba(15, 23, 42, .06);--lg-shadow-lg: 0 12px 28px rgba(15, 23, 42, .1);--lg-fast: .15s;--lg-base: .2s;--lg-font-display: Georgia, "Iowan Old Style", "Palatino Linotype", Palatino, serif;--lg-font-sans: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--lg-gold: #d9a441;--lg-gold-dark: #c78b28;--lg-ink: #f8fafc;--lg-green: #4ade80;--lg-purple: #a78bfa;--lg-red: #f87171;--lg-bg: #0b1220;--lg-surface: #111827;--lg-surface-alt: #161f2e;--lg-border: #1f2937;--lg-text: #f8fafc;--lg-text-secondary: #cbd5e1;--lg-text-muted: #94a3b8;--lg-shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--lg-shadow-md: 0 4px 16px rgba(0, 0, 0, .45);--lg-shadow-lg: 0 12px 28px rgba(0, 0, 0, .5)}}:root{--sa-accent: var(--lg-cat-books);--sa-accent-ink: #6d4620;--sa-focus: #935f0e;--sa-on-accent: #fdf8f0;--sa-accent-soft: rgba(138, 90, 43, .12);--sa-owned: #476d42;--sa-unread: #835d10;--sa-reading: #0d6982;--sa-read: #476d42;--sa-dnf: #676359;--sa-wishlist: #6c31f4;--sa-danger: var(--lg-red);--sa-radius-sm: 6px;--sa-radius-md: 10px;--sa-radius-lg: 16px;--sa-shadow-card: 0 8px 30px rgba(27, 34, 51, .05);--sa-shadow-lift: 0 14px 36px rgba(27, 34, 51, .09);--sa-rail: 232px;--sa-max: 1240px}@media(prefers-color-scheme:dark){:root{--sa-accent: #c08a52;--sa-accent-ink: #d8a874;--sa-focus: #d9a441;--sa-on-accent: #0b1220;--sa-accent-soft: rgba(192, 138, 82, .16);--sa-owned: #6fae67;--sa-unread: #d9a441;--sa-reading: #38bdf8;--sa-read: #6fae67;--sa-dnf: #94a3b8;--sa-wishlist: #a37ef8;--sa-shadow-card: 0 8px 30px rgba(0, 0, 0, .3);--sa-shadow-lift: 0 16px 40px rgba(0, 0, 0, .42)}}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%}body{font-family:var(--lg-font-sans);font-size:16px;line-height:1.55;color:var(--lg-text);background-color:var(--lg-bg);-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:radial-gradient(ellipse 900px 520px at 8% -8%,rgba(138,90,43,.1),transparent 60%),radial-gradient(ellipse 800px 520px at 100% 4%,rgba(199,139,40,.08),transparent 55%)}@media(prefers-color-scheme:dark){body:before{background-image:radial-gradient(1px 1px at 12% 22%,rgba(246,238,220,.45),transparent 60%),radial-gradient(1px 1px at 68% 8%,rgba(246,238,220,.3),transparent 60%),radial-gradient(1.5px 1.5px at 40% 65%,rgba(246,238,220,.22),transparent 60%),radial-gradient(ellipse 900px 600px at 10% -10%,rgba(79,63,99,.42),transparent 60%),radial-gradient(ellipse 820px 600px at 100% 6%,rgba(59,75,122,.36),transparent 55%);background-repeat:repeat,repeat,repeat,no-repeat,no-repeat;background-size:220px 220px,260px 260px,300px 300px,auto,auto}}a{color:var(--sa-accent-ink);text-decoration-thickness:1px;text-underline-offset:2px}a:hover{color:var(--sa-accent)}:focus-visible{outline:2px solid var(--sa-focus);outline-offset:2px;border-radius:3px}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3{font-family:var(--lg-font-display);font-weight:700;line-height:1.2;margin:0}h1{font-size:1.9rem}h2{font-size:1.35rem}h3{font-size:1.05rem}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Cascadia Mono,Segoe UI Mono,Menlo,monospace;font-size:.88em}.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}.shell{display:grid;grid-template-columns:var(--sa-rail) minmax(0,1fr);min-height:100vh}.rail{position:sticky;top:0;align-self:start;height:100vh;overflow-y:auto;padding:1.25rem .85rem;background:var(--lg-surface-alt);border-right:1px solid var(--lg-border);display:flex;flex-direction:column;gap:1rem}.rail__nav{display:flex;flex-direction:column;gap:1px}.rail__link{display:flex;align-items:center;gap:.6rem;padding:.5rem .6rem;border-radius:var(--sa-radius-md);color:var(--lg-text-secondary);text-decoration:none;font-size:.94rem;transition:background var(--lg-fast) ease,color var(--lg-fast) ease}.rail__link:hover{background:var(--lg-surface);color:var(--lg-text)}.rail__link .icon{flex:0 0 auto;color:var(--lg-text-muted)}.rail__link:hover .icon,.rail__link--active .icon{color:currentColor}.rail__link--active{background:var(--sa-accent-soft);color:var(--sa-accent-ink);font-weight:600}.rail__link--active:before{content:"";width:3px;align-self:stretch;margin:-.45rem 0 -.45rem -.6rem;border-radius:2px;background:var(--sa-accent)}.rail__section{margin-top:.75rem;padding:0 .6rem;font-size:.7rem;letter-spacing:.09em;text-transform:uppercase;color:var(--lg-text-muted)}.rail__footer{margin-top:auto;padding:.6rem;font-size:.8rem;color:var(--lg-text-muted);border-top:1px solid var(--lg-border)}.main{min-width:0;padding:1.5rem 1.75rem 4rem}.main__inner{max-width:var(--sa-max);margin:0 auto}.page-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.75rem;margin-bottom:1.25rem}.page-head p{margin:.25rem 0 0;color:var(--lg-text-secondary);max-width:62ch}.wordmark{display:flex;align-items:center;gap:.55rem;text-decoration:none;color:var(--lg-text);padding:0 .6rem}.wordmark__mark{display:flex;align-items:flex-end;gap:2px;height:22px}.wordmark__spine{width:4px;border-radius:1px;background:var(--sa-accent)}.wordmark__spine:nth-child(1){height:16px;opacity:.55}.wordmark__spine:nth-child(2){height:22px}.wordmark__spine:nth-child(3){height:13px;opacity:.75;background:var(--lg-gold)}.wordmark__spine:nth-child(4){height:19px;opacity:.65}.wordmark__text{font-family:var(--lg-font-display);font-weight:700;font-size:1.02rem;letter-spacing:.01em}.card{background:var(--lg-surface);border:1px solid var(--lg-border);border-radius:var(--sa-radius-lg);padding:1.5rem;box-shadow:var(--sa-shadow-card)}.card--flush{padding:0;overflow:hidden}.card__head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:1rem}.card__head h2{font-family:var(--lg-font-sans);font-size:.95rem;font-weight:600;margin:0}.grid{display:grid;gap:1rem}.grid--stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.grid--halves{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.stat{background:var(--lg-surface);border:1px solid var(--lg-border);border-radius:14px;padding:1.25rem;display:flex;flex-direction:column;gap:.25rem;text-decoration:none;color:inherit;box-shadow:var(--lg-shadow-sm);transition:transform var(--lg-fast) ease,box-shadow var(--lg-fast) ease,border-color var(--lg-fast) ease}.stat:hover{border-color:var(--sa-accent);transform:translateY(-1px);box-shadow:var(--sa-shadow-card)}.stat__value{font-family:var(--lg-font-display);font-size:2rem;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}.stat__label{font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--lg-text-muted)}.covers{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:1.5rem 1.25rem}.book-tile{display:flex;flex-direction:column;gap:.4rem;text-decoration:none;color:inherit}.book-tile__title{font-size:.87rem;font-weight:600;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.book-tile__author{font-size:.78rem;color:var(--lg-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cover{position:relative;aspect-ratio:2 / 3;border-radius:3px 6px 6px 3px;overflow:hidden;background:var(--lg-surface-alt);box-shadow:var(--lg-shadow-md);transition:transform var(--lg-base) ease,box-shadow var(--lg-base) ease}.book-tile:hover .cover{transform:translateY(-3px);box-shadow:var(--sa-shadow-lift)}.cover img{width:100%;height:100%;object-fit:cover;display:block}.cover--spine{display:flex;flex-direction:column;justify-content:space-between;padding:.6rem .5rem;color:#f6eedc;background-image:linear-gradient(100deg,#00000059,#0000000d 7%,#ffffff14 12%,#0000 30%,#00000040)}.cover--spine:after{content:"";position:absolute;top:.42rem;right:.3rem;bottom:.42rem;left:.3rem;border:1px solid rgba(246,238,220,.32);border-radius:2px;pointer-events:none}.cover__title{font-family:var(--lg-font-display);font-size:.78rem;line-height:1.2;font-weight:700;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;z-index:1}.cover__author{font-size:.66rem;opacity:.8;z-index:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cover--sm{width:54px;flex:0 0 54px}.cover--lg{width:180px;flex:0 0 180px}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.12rem .5rem;border-radius:999px;font-size:.74rem;font-weight:600;letter-spacing:.01em;border:1px solid transparent;white-space:nowrap}.badge--owned{color:var(--sa-owned);border-color:color-mix(in srgb,var(--sa-owned) 40%,transparent);background:color-mix(in srgb,var(--sa-owned) 10%,transparent)}.badge--unread{color:var(--sa-unread);border-color:color-mix(in srgb,var(--sa-unread) 40%,transparent);background:color-mix(in srgb,var(--sa-unread) 10%,transparent)}.badge--reading{color:var(--sa-reading);border-color:color-mix(in srgb,var(--sa-reading) 40%,transparent);background:color-mix(in srgb,var(--sa-reading) 10%,transparent)}.badge--wishlist{color:var(--sa-wishlist);border-color:color-mix(in srgb,var(--sa-wishlist) 40%,transparent);background:color-mix(in srgb,var(--sa-wishlist) 10%,transparent)}.badge--muted{color:var(--lg-text-muted);border-color:var(--lg-border);background:var(--lg-surface-alt)}.badge-row{display:flex;flex-wrap:wrap;gap:.35rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem .9rem;border-radius:var(--sa-radius-sm);border:1px solid var(--lg-border);background:var(--lg-surface);color:var(--lg-text);font-size:.92rem;font-weight:600;cursor:pointer;text-decoration:none;min-height:40px;transition:background var(--lg-fast) ease,border-color var(--lg-fast) ease}.button:hover:not(:disabled){border-color:var(--sa-accent)}.button:disabled{opacity:.55;cursor:not-allowed}.button--primary{background:var(--sa-accent);border-color:var(--sa-accent);color:var(--sa-on-accent)}.button--primary:hover:not(:disabled){background:var(--sa-accent-ink);border-color:var(--sa-accent-ink)}.button--ghost{background:transparent;border-color:transparent;color:var(--lg-text-secondary)}.button--ghost:hover:not(:disabled){background:var(--lg-surface-alt)}.button--danger{color:var(--sa-danger);border-color:color-mix(in srgb,var(--sa-danger) 40%,transparent)}.button--sm{min-height:32px;padding:.25rem .6rem;font-size:.84rem}.button-row{display:flex;flex-wrap:wrap;gap:.5rem}.field{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.85rem}.field>span{font-size:.84rem;font-weight:600;color:var(--lg-text-secondary)}.field input,.field select,.field textarea,.input{width:100%;padding:.5rem .65rem;border:1px solid var(--lg-border);border-radius:var(--sa-radius-sm);background:var(--lg-surface);min-height:40px}.field textarea{min-height:110px;resize:vertical}.field__hint{font-size:.8rem;color:var(--lg-text-muted);font-weight:400}.checkbox{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.6rem;font-size:.9rem}.checkbox input{margin-top:.25rem;width:18px;height:18px;flex:0 0 auto}.filters{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem;align-items:center}.chip{padding:.3rem .7rem;border-radius:999px;border:1px solid var(--lg-border);background:var(--lg-surface);font-size:.84rem;cursor:pointer;min-height:34px}.chip:hover{border-color:var(--lg-text-muted)}.chip--on{border-color:var(--sa-accent);background:var(--sa-accent-soft);color:var(--sa-accent-ink);font-weight:600}.rows{display:flex;flex-direction:column}.row{display:flex;align-items:center;gap:.75rem;padding:.6rem 0;border-bottom:1px solid var(--lg-border);text-decoration:none;color:inherit}.row:last-child{border-bottom:0}.row__main{min-width:0;flex:1}.row__title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row__meta{font-size:.82rem;color:var(--lg-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{text-align:left;padding:.45rem .6rem;border-bottom:1px solid var(--lg-border);vertical-align:top}th{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--lg-text-muted);font-weight:600}.notice{padding:.7rem .9rem;border-radius:var(--sa-radius-sm);border:1px solid var(--lg-border);background:var(--lg-surface-alt);font-size:.9rem;margin-bottom:1rem}.notice--error{border-color:color-mix(in srgb,var(--sa-danger) 45%,transparent);background:color-mix(in srgb,var(--sa-danger) 8%,transparent)}.notice--ok{border-color:color-mix(in srgb,var(--sa-owned) 45%,transparent);background:color-mix(in srgb,var(--sa-owned) 8%,transparent)}.empty{padding:2.5rem 1rem;text-align:center;color:var(--lg-text-muted)}.muted{color:var(--lg-text-muted)}.small{font-size:.85rem}.stack{display:flex;flex-direction:column;gap:1rem}.stack--tight{gap:.5rem}.inline{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.spread{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.progress{height:6px;border-radius:3px;background:var(--lg-surface-alt);overflow:hidden}.progress>div{height:100%;background:var(--sa-accent)}.scanner{position:relative;border-radius:var(--sa-radius-md);overflow:hidden;background:#000;aspect-ratio:4 / 3}.scanner video{width:100%;height:100%;object-fit:cover}.scanner__window{position:absolute;top:32%;right:10%;bottom:32%;left:10%;border:2px solid rgba(246,238,220,.9);border-radius:6px;box-shadow:0 0 0 100vmax #00000059}.landing{max-width:940px;margin:0 auto;padding:3rem 1.25rem 5rem}.landing__hero{text-align:center;padding:2rem 0 3rem}.landing__hero h1{font-size:clamp(2.1rem,6vw,3.2rem);margin-bottom:.6rem}.landing__lede{font-size:1.1rem;color:var(--lg-text-secondary);max-width:56ch;margin:0 auto 1.5rem}.pillars{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin:2.5rem 0}.pillar{border:1px solid var(--lg-border);border-left:3px solid var(--sa-accent);border-radius:var(--sa-radius-sm);background:var(--lg-surface);padding:1rem}.pillar h3{font-size:1rem;margin-bottom:.25rem}.pillar p{margin:0;font-size:.9rem;color:var(--lg-text-secondary)}.quotes{display:grid;gap:.6rem;margin:2rem 0}.quote{font-family:var(--lg-font-display);font-size:1.05rem;padding:.7rem 1rem;border-left:3px solid var(--lg-gold);background:var(--lg-surface-alt);border-radius:0 var(--sa-radius-sm) var(--sa-radius-sm) 0}.landing__footer{margin-top:3rem;padding-top:1.25rem;border-top:1px solid var(--lg-border);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;font-size:.88rem;color:var(--lg-text-muted)}.auth{display:grid;grid-template-columns:1.05fr .95fr;min-height:100vh}.auth__pitch{display:flex;flex-direction:column;justify-content:space-between;gap:2rem;padding:2rem;background:var(--lg-surface-alt);border-right:1px solid var(--lg-border)}.auth__pitch h1{font-size:2.4rem;max-width:16ch;text-wrap:balance}.auth__pitch p{max-width:42ch;color:var(--lg-text-secondary);margin:0}.auth__points{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem;font-size:.9rem;color:var(--lg-text-secondary);max-width:44ch}.auth__points li{display:flex;gap:.5rem}.auth__points li:before{content:"";flex:0 0 auto;width:3px;border-radius:2px;background:var(--sa-accent)}.auth__shelf{display:flex;align-items:flex-end;gap:3px;height:116px}.auth__shelf span{border-radius:2px 4px 4px 2px;box-shadow:var(--sa-shadow-card)}.auth__form{display:flex;flex-direction:column;justify-content:center;padding:2rem}.auth__card{width:100%;max-width:380px;margin:0 auto;padding:2rem}@media(max-width:860px){.auth{grid-template-columns:1fr;min-height:0}.auth__pitch{display:none}.auth__card{margin:8vh auto;border:0;box-shadow:none;padding:0 1.25rem}}@media(max-width:860px){.shell{grid-template-columns:1fr}.rail{position:fixed;bottom:0;left:0;right:0;top:auto;height:auto;z-index:20;flex-direction:row;padding:.35rem .35rem calc(.35rem + env(safe-area-inset-bottom));border-right:0;border-top:1px solid var(--lg-border);background:var(--lg-surface);gap:0}.rail__nav{flex-direction:row;justify-content:space-around;width:100%;gap:0}.rail__link{flex-direction:column;gap:.15rem;font-size:.68rem;padding:.35rem .25rem;text-align:center;min-width:0;flex:1}.rail__link--active:before{display:none}.rail__section,.rail__footer,.rail__desktop-only,.wordmark{display:none}.main{padding:1rem 1rem 5.5rem}.covers{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:.9rem .7rem}.button--sm,.chip{min-height:40px}.cover--lg{width:130px;flex:0 0 130px}h1{font-size:1.5rem}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}