:root{--bg-canvas:#181518;--bg-elevated:#221f23;--paper:#f3eee6;--paper-ink:#2e2926;--wood-1:#433126;--accent:#b18152;--accent-soft:#d7b89a;--text-main:#efe9e2;--text-muted:#b9aea2;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--radius-md:16px;--radius-lg:24px;--shadow-soft:0 6px 24px #00000040;--shadow-strong:0 20px 50px #00000059}*{box-sizing:border-box}body{background:radial-gradient(circle at top,#282128,var(--bg-canvas));color:var(--text-main);margin:0;font-family:Inter,system-ui,sans-serif;line-height:1.65}h1,h2,h3,.logo{font-family:Fraunces,Georgia,serif}a{color:inherit;text-decoration:none}.app-shell{max-width:1200px;padding:var(--space-6);margin:0 auto}.panel{border-radius:var(--radius-md);box-shadow:var(--shadow-soft);padding:var(--space-4);background:linear-gradient(#ffffff0a,#ffffff03);border:1px solid #ffffff12}.panel-hover{transition:all .22s}.panel-hover:hover{box-shadow:var(--shadow-strong);transform:translateY(-6px)}.paper{background:var(--paper);color:var(--paper-ink)}.site-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:end;display:flex}.logo{font-size:2rem}.muted{color:var(--text-muted)}.nav-links{gap:var(--space-4);display:flex}.home-page{gap:var(--space-6);display:grid}.genre-shelf{background:linear-gradient(180deg,var(--shelf),var(--wood-1));padding:var(--space-4);border-radius:var(--radius-lg)}.genre-label{justify-content:space-between;display:flex}.shelf-books{gap:var(--space-3);display:flex;overflow-x:auto}.book-spine{gap:var(--space-2);background:var(--bg-elevated);min-width:170px;padding:var(--space-3);border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--genre),#000 70%);display:grid;position:relative}.book-spine.tall{min-height:330px}.book-spine.medium{min-height:300px}.book-spine.compact{min-height:270px}.image-frame{background:#111;border-radius:12px;padding:6px}.book-spine img{object-fit:cover;border-radius:8px;width:100%;height:150px}.spine-fallback{background:linear-gradient(140deg,var(--genre),#2b1f1a);border-radius:8px;place-items:center;height:150px;display:grid}.badge{border-radius:999px;padding:.2rem .55rem;font-size:.75rem;font-weight:600;display:inline-flex}.genre{color:var(--accent);background:#b181522b}.rating{color:var(--accent)}.rating em{color:var(--text-muted);font-style:normal}.book-preview{opacity:0;pointer-events:none;background:#151116;border:1px solid #ffffff26;border-radius:12px;width:220px;padding:.6rem;transition:all .2s;position:absolute;top:20%;left:100%;transform:translate(6px)}.book-spine:hover .book-preview{opacity:1;transform:translate(12px)}.reading-corner-page{gap:var(--space-4);grid-template-columns:1fr 2fr;align-items:start;display:grid}.reading-scene{background:radial-gradient(circle at top,#b1815238,#0000 70%);min-height:75vh;position:sticky;top:1rem}.scene-label{color:var(--text-muted)}.reader-illustration{place-items:center;min-height:420px;display:grid;position:relative}.lamp{background:radial-gradient(circle,#ffe9b873,#0000 65%);border-radius:50%;width:90px;height:90px;position:absolute;top:10%;right:12%}.person-shape{place-items:center;display:grid;position:absolute;bottom:18%}.head{background:#c49b7b;border-radius:50%;width:58px;height:58px}.body{background:#6e4f40;border-radius:80px 80px 40px 40px;width:170px;height:150px;margin-top:-5px}.held-book-card{width:110px;position:absolute;bottom:28%;right:26%;transform:rotate(-12deg)}.held-book-card img{object-fit:cover;border:3px solid #fff1;border-radius:8px;width:100%;height:140px}.held-book-card p{margin:.3rem 0 0;font-size:.75rem}.reading-article{max-width:760px}.article-header h1{margin:.2rem 0}.lead{font-size:1.08rem}.article-content p{margin:0 0 1rem}.article-content blockquote{border-left:4px solid var(--accent);background:#ffffff65;margin:1.2rem 0;padding:1rem}.article-gallery{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.article-gallery figure{margin:0}.article-gallery img{object-fit:cover;border:1px solid #0002;border-radius:12px;width:100%;height:190px}.article-gallery figcaption{color:#5e574f;font-size:.8rem}.conclusion-box{background:#fff7ed;border:1px solid #0002;border-radius:12px;margin-top:1rem;padding:1rem}.tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.not-found{text-align:center}.btn{border:0;border-radius:12px;padding:.65rem 1rem;font-weight:600;display:inline-block}.btn-primary{background:var(--accent);color:#1f1610}@media (width<=980px){.reading-corner-page{grid-template-columns:1fr}.reading-scene{min-height:260px;position:relative}.reader-illustration{min-height:220px}.person-shape{bottom:6%}}@media (width<=640px){.site-header{flex-direction:column;align-items:start}.book-preview{display:none}.book-spine{min-width:72vw}.article-gallery{grid-template-columns:1fr}}.admin-page{gap:1rem;display:grid}.admin-stats{grid-template-columns:repeat(4,1fr);gap:.8rem;display:grid}.admin-stats div{background:#0002;border-radius:10px;padding:.8rem;display:grid}.admin-stats strong{font-size:1.5rem}.admin-toolbar{gap:.6rem;margin:.8rem 0;display:flex}.admin-table{border-collapse:collapse;width:100%}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid #ffffff20;padding:.55rem}@media (width<=900px){.admin-stats{grid-template-columns:1fr 1fr}.admin-toolbar{flex-direction:column}.admin-table{font-size:.9rem}}.md-toolbar{flex-wrap:wrap;gap:.5rem;margin:.6rem 0;display:flex}.editor-split{grid-template-columns:1fr 1fr;align-items:start;gap:1rem;display:grid}.md-preview{min-height:320px}.md-preview h2{margin:.2rem 0}.md-preview blockquote{border-left:3px solid var(--accent);color:#5f5146;padding-left:.8rem}.md-preview img{border-radius:10px;max-width:100%}@media (width<=980px){.editor-split{grid-template-columns:1fr}}.media-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;display:grid}.media-card img{object-fit:cover;border-radius:10px;width:100%;height:140px}.media-picker{flex-wrap:wrap;gap:.4rem;margin:.5rem 0;display:flex}.media-thumb{cursor:pointer;background:#0002;border:1px solid #ffffff2a;border-radius:8px;padding:2px}.media-thumb img{object-fit:cover;border-radius:6px;width:64px;height:64px}.featured-shelf h2{margin-top:0}.genre-page-header h1,.search-page h1{margin:.2rem 0}.genre-page .shelf-books,.search-page .shelf-books{margin-top:1rem}.search-input{width:100%;max-width:520px;color:var(--text-main);background:#131013;border:1px solid #ffffff2a;border-radius:12px;margin:.6rem 0 1rem;padding:.7rem .9rem}.btn-ghost{color:var(--text-main);background:0 0;border:1px solid #ffffff30}.related-books{border-top:1px solid #0002;margin-top:1.2rem;padding-top:1rem}.related-books h3{margin-top:0}.genre-label{align-items:start;gap:1rem}@media (width<=640px){.genre-label .btn{padding:.45rem .7rem;font-size:.85rem}}.genre-shelf{will-change:transform,opacity}.book-spine:active{transform:translateY(-3px)scale(.99)}.book-spine{transform-origin:bottom}.book-preview{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.reading-scene{overflow:hidden}.held-book-card img{transition:transform .2s,box-shadow .2s;box-shadow:0 10px 24px #0006}.article-content{animation:.35s ease-out articleReveal}.article-gallery img{transition:transform .2s,box-shadow .2s}.article-gallery img:hover{transform:translateY(-3px);box-shadow:0 12px 26px #0003}.admin-table tbody tr{transition:background-color .15s}.admin-table tbody tr:hover{background:#ffffff0b}.admin-message{color:#d7f1dc;background:#2b3b2f;border:1px solid #7bb58a40;border-radius:10px;padding:.55rem .75rem}@keyframes articleReveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.article-content{animation:none}.panel-hover,.book-preview,.article-gallery img,.held-book-card img{transition:none!important}}.admin-stats-cards{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.admin-stats-cards article{background:#ffffff08;border:1px solid #ffffff1f;border-radius:12px;padding:1rem}.admin-stats-cards p{color:var(--text-muted);margin:0}.admin-stats-cards strong{font-size:1.6rem}.admin-dashboard-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.admin-dashboard-grid article{background:#00000024;border:1px solid #ffffff1a;border-radius:12px;padding:.8rem}.pill{background:#ffffff14;border-radius:999px;padding:.2rem .55rem;font-size:.8rem;display:inline-block}.pill.success{color:#d6f3e4;background:#1f5d3b}.pill.draft{color:#f6e4c9;background:#5a4421}.pagination-row{justify-content:space-between;align-items:center;margin-top:.8rem;display:flex}.genre-admin-list{gap:.6rem;display:grid}.genre-admin-item{background:#ffffff07;border:1px solid #ffffff1e;border-radius:10px;align-items:center;gap:.6rem;padding:.65rem;display:flex}.color-dot{border-radius:50%;width:14px;height:14px}.admin-empty{text-align:center;background:#ffffff08;border:1px dashed #ffffff35;border-radius:12px;padding:1rem}.admin-toast{z-index:40;border-radius:10px;padding:.7rem 1rem;position:fixed;bottom:1rem;right:1rem}.admin-toast.success{background:#254533}.admin-toast.error{background:#5f2c2c}.admin-toast.info{background:#2b394e}.confirm-overlay{z-index:50;background:#0008;place-items:center;display:grid;position:fixed;inset:0}.confirm-card{width:min(92vw,420px);max-width:420px}.admin-error{color:#ffc1c1;background:#592d2d;border-radius:10px;padding:.55rem .75rem}.editor-section{border-bottom:1px solid #ffffff14;margin-bottom:1.2rem;padding-bottom:1rem}.sticky-save-bar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#161216d9;border:1px solid #ffffff25;border-radius:12px;flex-wrap:wrap;gap:.6rem;padding:.7rem;display:flex;position:sticky;bottom:.6rem}@media (width<=900px){.admin-stats-cards,.admin-dashboard-grid{grid-template-columns:1fr 1fr}}@media (width<=640px){.admin-stats-cards,.admin-dashboard-grid{grid-template-columns:1fr}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (width<=768px){.app-shell{padding:1rem}.panel{padding:.85rem}.nav-links{flex-wrap:wrap;gap:.6rem}}@media (width>=769px) and (width<=1100px){.app-shell{max-width:980px}}