:root{--font-display: "Fraunces", "Times New Roman", serif;--font-ui: "Space Grotesk", system-ui, -apple-system, sans-serif;--font-mono: "Space Mono", ui-monospace, "SF Mono", monospace;--ink-900: #08090d;--ink-800: #0b0d12;--ink-700: #11141b;--ink-600: #1a1e27;--ink-500: #2a2f3a;--paper: #f3ece0;--paper-shadow: #d9cfbd;--paper-ink: #1b1814;--paper-ink-soft: #5c554a;--text: #ece8e0;--text-soft: #9aa0ac;--text-faint: #5b616d;--accent: #4ee6c8;--accent-dim: #2a8d7e;--accent-warm: #e8b75f;--accent-glow: 0 0 14px rgba(78, 230, 200, .45);--up: #5fd17a;--down: #e0685f;--radius-sm: 4px;--radius: 8px;--radius-lg: 16px;--shelf-gap: clamp(2rem, 5vw, 4rem);--ease: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-book: .72s;--z-circuits: 0;--z-content: 10;--z-header: 100;--z-book: 1000;--z-toast: 2000}@media (prefers-reduced-motion: reduce){:root{--dur-book: 1ms}*{animation-duration:.001ms!important;transition-duration:.001ms!important}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-ui);background:var(--ink-800);color:var(--text);min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer;background:none;border:none}img,video{max-width:100%;display:block}.mono{font-family:var(--font-mono)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#circuits{position:fixed;inset:0;z-index:var(--z-circuits);pointer-events:none;opacity:.5}.site-header{position:sticky;top:0;z-index:var(--z-header);display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:clamp(1rem,3vw,1.75rem) clamp(1rem,5vw,3rem);background:linear-gradient(to bottom,var(--ink-900) 40%,transparent);backdrop-filter:blur(2px)}.brand{font-family:var(--font-display);font-weight:600;font-size:clamp(1.1rem,2.4vw,1.5rem);letter-spacing:-.01em;line-height:1.1}.brand .tld{color:var(--accent)}.brand .tag{display:block;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-faint);margin-top:.15rem}.header-actions{display:flex;align-items:center;gap:.75rem}.btn{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.04em;padding:.55rem 1rem;border:1px solid var(--ink-600);border-radius:var(--radius-sm);color:var(--text);transition:border-color .2s,color .2s,background .2s}.btn:hover,.btn--accent{border-color:var(--accent-dim);color:var(--accent)}.btn--accent:hover{background:var(--accent);color:var(--ink-900);box-shadow:var(--accent-glow)}.library{position:relative;z-index:var(--z-content);padding:clamp(1rem,4vw,3rem) clamp(1rem,5vw,4.5rem) 6rem;max-width:min(2600px,94vw);margin-inline:auto}.library-intro{max-width:46ch;margin-bottom:clamp(2rem,6vw,4rem)}.library-intro h1{font-family:var(--font-display);font-weight:400;font-size:clamp(2rem,6vw,3.6rem);line-height:1.04;letter-spacing:-.02em}.library-intro h1 em{font-style:italic;color:var(--accent)}.library-intro p{color:var(--text-soft);margin-top:1rem;max-width:40ch}.shelf{--row-h: 200px;position:relative;display:flex;flex-wrap:wrap;align-items:flex-end;column-gap:clamp(8px,1.4vw,22px);background-image:repeating-linear-gradient(to bottom,transparent 0,transparent calc(var(--row-h) - 2px),var(--ink-600) calc(var(--row-h) - 2px),var(--ink-500) calc(var(--row-h) - 1px),transparent calc(var(--row-h) - 1px),transparent var(--row-h))}.slot{height:var(--row-h);display:flex;align-items:flex-end;padding-bottom:2px}.spine{position:relative;flex:0 0 auto;width:var(--spine-w, 170px);height:var(--spine-h, 180px);background:#08090d;border-radius:3px;cursor:pointer;overflow:hidden;transform-origin:bottom center;transition:transform .32s var(--ease),box-shadow .32s var(--ease);box-shadow:inset 0 0 0 1px #ffffff0a,0 8px 22px -10px #000000b3}.spine:hover,.spine:focus-visible{transform:translateY(-14px);box-shadow:inset 0 0 0 1px #ffffff17,0 26px 46px -16px #000000d9,var(--accent-glow);outline:none}.spine:hover .spine-cover{opacity:.95}.spine-cover{position:absolute;inset:0;background-image:var(--spine-grad);background-size:cover;background-position:top center;transition:opacity .32s var(--ease)}.spine--shot .spine-cover{background-image:var(--spine-shot);opacity:.88}.spine-tint{display:none}.spine--shot .spine-tint{display:block;position:absolute;inset:0;background:var(--spine-wash);pointer-events:none}.spine-score{position:absolute;top:12px;left:0;right:0;text-align:center;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.06em;color:var(--spine-text, #f3ece0);opacity:.85;text-shadow:0 0 2px rgba(0,0,0,.95),0 1px 3px rgba(0,0,0,.9),0 0 8px rgba(0,0,0,.7)}.spine-foot{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 10px 12px;text-align:center;color:var(--spine-text, #f3ece0);text-shadow:0 1px 5px rgba(0,0,0,.85)}.spine-title{font-family:var(--font-display);font-style:italic;font-weight:500;font-size:var(--spine-title-size, 1.04rem);line-height:1.12;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.spine--add{background:transparent;border:1px dashed var(--ink-500);box-shadow:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.spine--add:hover{border-color:var(--accent);box-shadow:var(--accent-glow);transform:translateY(-14px)}.spine--add .plus{font-family:var(--font-mono);font-size:2.4rem;color:var(--text-faint)}.spine--add .spine-foot{position:static;padding:0}.spine--add .spine-title{font-style:italic;opacity:.7}.spine--add:hover .plus,.spine--add:hover .spine-title{color:var(--accent)}.book-overlay{position:fixed;inset:0;z-index:var(--z-book);display:none;align-items:center;justify-content:center;padding:clamp(1rem,4vw,3rem);background:#040508b8;backdrop-filter:blur(6px)}.book-overlay[data-open=true]{display:flex;animation:fade .3s var(--ease)}@keyframes fade{0%{opacity:0}to{opacity:1}}.book{position:relative;display:grid;grid-template-columns:1fr 1fr;width:min(960px,100%);height:min(620px,86vh);background:var(--paper);color:var(--paper-ink);border-radius:3px;box-shadow:0 40px 80px -20px #000000e6;transform:perspective(2000px) rotateY(-12deg) scale(.96);opacity:0;animation:book-open var(--dur-book) var(--ease) forwards}@keyframes book-open{to{transform:perspective(2000px) rotateY(0) scale(1);opacity:1}}.book:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:40px;transform:translate(-50%);background:linear-gradient(to right,transparent,rgba(0,0,0,.18) 45%,rgba(0,0,0,.22) 50%,rgba(0,0,0,.18) 55%,transparent);pointer-events:none}.page{padding:clamp(1.5rem,4vw,2.75rem);overflow-y:auto}.page--left{border-right:1px solid var(--paper-shadow)}.book h2{font-family:var(--font-display);font-weight:400;font-size:clamp(1.5rem,3.5vw,2.4rem);line-height:1.06;letter-spacing:-.01em;margin-bottom:.5rem}.book .byline{font-family:var(--font-mono);font-size:.72rem;color:var(--paper-ink-soft);letter-spacing:.04em;text-transform:uppercase}.link-btn{font:inherit;color:var(--accent-dim);border-bottom:1px solid transparent}.link-btn:hover{border-color:var(--accent-dim)}.book .desc{margin-top:1.25rem;color:#3a352d;max-width:42ch}.book .links{margin-top:1.5rem;display:flex;flex-direction:column;gap:.5rem}.book .links a{font-family:var(--font-mono);font-size:.8rem;color:var(--accent-dim);text-decoration:none;border-bottom:1px solid transparent;width:fit-content}.book .links a:hover{border-color:var(--accent-dim)}.media-grid{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-bottom:1.25rem}.media-grid img,.media-grid video{border-radius:var(--radius-sm);aspect-ratio:4/3;object-fit:cover;width:100%}.media-upload{margin:-.5rem 0 1rem}.media-upload .link-btn{font-family:var(--font-mono);font-size:.72rem;cursor:pointer}.follow-row{display:flex;align-items:center;gap:.6rem;margin:.1rem 0 .9rem}.follow-btn{font-family:var(--font-mono);font-size:.74rem;letter-spacing:.02em;padding:.28rem .85rem;border-radius:999px;cursor:pointer;background:transparent;color:var(--accent-dim);border:1px solid var(--accent-dim);transition:background .18s var(--ease),color .18s var(--ease)}.follow-btn:hover{background:var(--accent-dim);color:var(--paper)}.follow-btn.is-active{background:var(--accent-dim);color:var(--paper);border-color:transparent}.follow-btn[disabled]{opacity:.5;cursor:default}.follow-count{font-family:var(--font-mono);font-size:.72rem;color:var(--paper-ink-soft)}.follow-stats{font-family:var(--font-mono);font-size:.62rem;opacity:.6;letter-spacing:.02em}.vote-block{margin-top:auto;padding-top:1.25rem;border-top:1px solid var(--paper-shadow)}.vote-row{display:flex;align-items:center;gap:1rem}.vote-btn{display:flex;align-items:center;gap:.4rem;font-family:var(--font-mono);font-size:.85rem;padding:.5rem .9rem;border-radius:var(--radius-sm);border:1px solid var(--paper-shadow);transition:all .18s}.vote-btn[data-dir=up]:hover,.vote-btn.is-active[data-dir=up]{border-color:var(--up);color:#2c7d40;background:#5fd17a1f}.vote-btn[data-dir=down]:hover,.vote-btn.is-active[data-dir=down]{border-color:var(--down);color:#b03d34;background:#e0685f1f}.vote-tally{font-family:var(--font-mono);font-size:1.1rem}.note-field{margin-top:1rem}.note-field textarea{width:100%;min-height:70px;resize:vertical;font-family:var(--font-ui);font-size:.85rem;padding:.6rem .75rem;border-radius:var(--radius-sm);border:1px solid var(--paper-shadow);background:#ffffff80}.note-locked{font-family:var(--font-mono);font-size:.72rem;color:var(--paper-ink-soft)}.note-locked a{color:var(--accent-dim)}.book-close{position:absolute;top:-14px;right:-14px;width:36px;height:36px;border-radius:50%;background:var(--ink-700);color:var(--text);border:1px solid var(--ink-600);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono)}.book-close:hover{color:var(--accent);border-color:var(--accent-dim)}.modal-overlay{position:fixed;inset:0;z-index:var(--z-book);display:none;align-items:center;justify-content:center;padding:1.5rem;background:#040508b8;backdrop-filter:blur(6px)}.modal-overlay[data-open=true]{display:flex;animation:fade .25s var(--ease)}.modal{width:min(420px,100%);background:var(--ink-700);border:1px solid var(--ink-600);border-radius:var(--radius);padding:clamp(1.5rem,4vw,2.25rem);box-shadow:0 30px 60px -20px #000000e6}.modal h2{font-family:var(--font-display);font-weight:400;font-size:1.6rem;margin-bottom:.25rem}.modal .hint{color:var(--text-soft);font-size:.85rem;margin-bottom:1.25rem}.field{margin-bottom:1rem}.field label{display:block;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);margin-bottom:.35rem}.field input,.field textarea{width:100%;padding:.7rem .85rem;background:var(--ink-800);border:1px solid var(--ink-600);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font-ui)}.field input:focus,.field textarea:focus{outline:none;border-color:var(--accent-dim);box-shadow:var(--accent-glow)}.modal .btn--accent{width:100%;justify-content:center;margin-top:.5rem;padding:.8rem}.modal .switch{text-align:center;margin-top:1rem;font-size:.8rem;color:var(--text-soft)}.modal .switch button{color:var(--accent);font-family:var(--font-mono);font-size:.8rem}#toast{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%) translateY(120%);z-index:var(--z-toast);font-family:var(--font-mono);font-size:.8rem;padding:.7rem 1.1rem;border-radius:var(--radius-sm);background:var(--ink-700);border:1px solid var(--accent-dim);color:var(--accent);transition:transform .4s var(--ease)}#toast[data-show=true]{transform:translate(-50%) translateY(0)}@media (max-width: 640px){.book{grid-template-columns:1fr;height:min(640px,88vh)}.book:before{display:none}.page--left{border-right:none;border-bottom:1px solid var(--paper-shadow)}.brand .tag{display:none}.shelf{--row-h: 200px}.spine{width:clamp(128px,44vw,170px)!important;height:clamp(150px,40vw,185px)!important}.spine-title{font-size:min(.92rem,var(--spine-title-size, .92rem))}}