@import"https://fonts.googleapis.com/css2?family=Battambang:wght@100;300;400;700;900&family=Siemreap&family=Moul&family=Moulpali&family=Freehand&family=Bokor&display=swap";@font-face{font-family:Khmer OS Battambang;src:local("Khmer OS Battambang"),local("KhmerOSBattambang"),local("Battambang");font-display:swap}@font-face{font-family:Khmer OS Siemreap;src:local("Khmer OS Siemreap"),local("KhmerOSSiemreap"),local("Siemreap");font-display:swap}@font-face{font-family:Khmer OS Muol Light;src:local("Khmer OS Muol Light"),local("KhmerOSMuolLight"),local("Khmer OS Muol"),local("Moul");font-display:swap}@font-face{font-family:Khmer OS Moulpali;src:local("Khmer OS Moulpali"),local("KhmerOSMoulpali"),local("Moulpali");font-display:swap}@font-face{font-family:AKbalthom Kbach;src:local("AKbalthom Kbach"),local("AKbalthomKbach"),local("Bokor"),local("Moul");font-display:swap}@font-face{font-family:"AKbalthom Kbach 1";src:local("AKbalthom Kbach 1"),local("AKbalthomKbach1"),local("Bokor"),local("Moul");font-display:swap}@font-face{font-family:AKbalthom Freehand;src:local("AKbalthom Freehand"),local("AKbalthomFreehand"),local("Freehand");font-display:swap}@font-face{font-family:ASvadek Kbach S;src:local("ASvadek Kbach S"),local("ASvadekKbachS"),local("Moul"),local("Bokor");font-display:swap}@font-face{font-family:ASvadekKbachS;src:url(/fonts/ASvadekKbachS.woff2) format("woff2");font-display:swap}@font-face{font-family:KhmerTitle;src:url(/fonts/Bokor-Khmer.woff2) format("woff2");font-display:swap}:root{--bg: #4d2611;--bg-2: #5a2d14;--bg-card: rgba(79, 40, 19, .86);--bg-hover: rgba(124, 69, 35, .92);--border: rgba(173, 114, 60, .54);--border-light: rgba(241, 194, 126, .82);--accent: #ffd28c;--accent-dark: #ebb561;--accent-2: #fff1d0;--accent-3: #f3a86f;--green: #10b981;--orange: #f59e0b;--red: #ef4444;--text-1: #fff6e8;--text-2: #f2d5af;--text-3: #d0a06d;--radius: 10px;--radius-lg: 16px;--shadow: 0 18px 38px rgba(0, 0, 0, .34);--navbar-h: 92px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--font: "Trebuchet MS", "Segoe UI", sans-serif;--wood-texture: linear-gradient( 90deg, rgba(255, 255, 255, .03) 0, rgba(255, 255, 255, 0) 16%, rgba(255, 255, 255, .02) 50%, rgba(255, 255, 255, 0) 82%, rgba(255, 255, 255, .03) 100% ), repeating-linear-gradient( 90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 56px, rgba(96, 49, 23, .28) 56px, rgba(96, 49, 23, .28) 60px ), linear-gradient( 180deg, #8d4f23 0%, #6b3418 18%, #85461f 48%, #5d2c14 76%, #471f0d 100% );--wood-panel: linear-gradient( 180deg, rgba(112, 61, 30, .92), rgba(69, 31, 15, .98) )}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font);background:var(--wood-texture);background-attachment:fixed;color:var(--text-1);line-height:1.6;overflow-x:hidden;padding-bottom:var(--safe-bottom)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block;-webkit-user-drag:none;user-drag:none;-webkit-touch-callout:none}button,input,select,textarea{font:inherit}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}.app-shell{display:flex;flex-direction:column;min-height:100vh;background:transparent}.main-content{flex:1;padding-top:calc(var(--navbar-h) + var(--safe-top))}.main-content.auth-main-content{padding-top:0}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;height:calc(var(--navbar-h) + var(--safe-top));padding-top:var(--safe-top);background:linear-gradient(180deg,#61361cfa,#3f1f10f5);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.navbar-inner{width:100%;margin:0 auto;padding:0 clamp(16px,3vw,36px);height:100%;display:flex;align-items:center;gap:16px}.navbar-logo{display:flex;align-items:center;gap:8px;font-weight:700;font-size:18px}.logo-icon{font-size:22px}.logo-text{color:#fff2d2}.navbar-logo-img{height:56px;width:auto;object-fit:contain}.navbar-filters{flex:1;min-width:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;align-items:end}.navbar-filter-item{min-width:0;display:grid;gap:4px}.navbar-filter-item label{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}.navbar-filter-item select{width:100%;min-width:0;height:34px;padding:6px 10px;border-radius:8px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-1);font-size:12px;outline:none}.navbar-filter-item select:focus{border-color:var(--border-light)}.nav-link{padding:6px 12px;border-radius:6px;color:var(--text-2);font-size:14px;transition:all .15s}.nav-link:hover,.nav-link.active{color:var(--text-1);background:#ffffff14}.admin-link{color:var(--orange)!important}.navbar-actions{display:flex;align-items:center;gap:10px}.user-dropdown{position:relative}.user-avatar-btn{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:8px;border:1px solid var(--border);background:var(--bg-card);cursor:pointer;color:var(--text-1);font-size:14px;transition:border-color .18s ease,background .18s ease,transform .18s ease}.user-avatar-btn:hover,.user-avatar-btn.active{border-color:var(--border-light);background:var(--bg-hover)}.user-avatar-btn.active{transform:translateY(-1px)}.avatar-img{width:28px;height:28px;border-radius:50%;object-fit:cover}.avatar-placeholder{width:28px;height:28px;border-radius:50%;background:var(--accent);color:#4f2611;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px}.dropdown-caret{font-size:11px;color:var(--text-2);transition:transform .18s ease,color .18s ease}.dropdown-caret.open{transform:rotate(180deg);color:var(--text-1)}.dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;z-index:200;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-6px) scale(.98);transform-origin:top right;transition:opacity .16s ease,transform .16s ease,visibility .16s ease}.dropdown-menu.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}.dropdown-menu a,.dropdown-menu button{display:block;width:100%;text-align:left;padding:10px 16px;font-size:14px;color:var(--text-2);transition:all .15s;background:none;border:none;cursor:pointer}.dropdown-menu a:hover,.dropdown-menu button:hover{background:var(--bg-hover);color:var(--text-1)}.dropdown-menu hr{border:none;border-top:1px solid var(--border);margin:4px 0}.hamburger{background:none;border:none;font-size:22px;cursor:pointer;color:var(--text-1)}.navbar-primary-mobile{display:none;flex:1;justify-content:space-around;align-items:stretch;gap:4px}.navbar-icon-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px 6px;color:var(--text-2);text-decoration:none;font-size:11px;letter-spacing:.02em;border-radius:8px;min-width:52px;transition:color .12s ease,background .12s ease}.navbar-icon-link:hover{background:var(--bg-hover);color:var(--text-1)}.navbar-icon-link.active{color:var(--accent-2);background:#ffd28c24}.navbar-icon-label{font-weight:500;line-height:1}.navbar-settings-btn{display:none;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:1px solid var(--border);color:var(--text-1);border-radius:10px;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease}.navbar-settings-btn:hover{background:var(--bg-hover);border-color:var(--accent);color:var(--accent-2)}.navbar-settings-btn.is-open{background:#ffd28c2e;border-color:var(--accent);color:var(--accent-2)}.mobile-menu{background:var(--bg-2);border-top:1px solid var(--border);padding:16px 24px;display:flex;flex-direction:column;gap:12px}.mobile-search{display:flex}.mobile-search input{flex:1;padding:8px 12px;background:var(--bg-card);border:1px solid var(--border);border-right:none;color:var(--text-1);border-radius:8px 0 0 8px}.mobile-search button{padding:8px 14px;background:var(--accent);color:#4f2611;border:none;border-radius:0 8px 8px 0;cursor:pointer}.mobile-menu a,.mobile-menu button{color:var(--text-2);font-size:15px;text-align:left;background:none;border:none;cursor:pointer}.desktop-only{display:flex}.mobile-only{display:none}@media (max-width: 1100px){:root{--navbar-h: 72px}.desktop-only{display:none}.mobile-only,.navbar-primary-mobile.mobile-only{display:flex}.navbar-settings-btn.mobile-only{display:inline-flex}}@media (max-width: 768px){:root{--navbar-h: 64px}.navbar-primary-mobile{gap:2px}.navbar-icon-link{min-width:36px;padding:2px 3px;gap:1px;font-size:9px;border-radius:6px}.navbar-icon-link svg{width:16px;height:16px}.navbar-settings-btn{width:34px;height:34px;border-radius:8px}.navbar-settings-btn svg{width:18px;height:18px}}@media (max-width: 380px){.navbar-icon-link{min-width:30px;font-size:8px}.navbar-icon-link svg{width:14px;height:14px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 18px;border-radius:var(--radius);font-size:14px;font-weight:500;cursor:pointer;border:none;transition:all .18s;white-space:nowrap}.btn-primary{background:linear-gradient(180deg,#f6d29b,#e4b25c);color:#4f2611}.btn-primary:hover{background:var(--accent-dark)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text-2)}.btn-ghost:hover{background:#ffffff14;color:var(--text-1);border-color:var(--border-light)}.btn-outline{background:transparent;border:2px solid var(--accent);color:var(--accent)}.btn-outline:hover{background:#ffffff14;color:#fff4de}.btn-success{background:var(--green);color:#fff}.btn-danger{background:var(--red);color:#fff}.btn-icon{background:var(--bg-card);border:1px solid var(--border);color:var(--text-2);border-radius:8px}.btn-icon:hover,.btn-icon.active{color:var(--red);border-color:var(--red)}.btn-oauth{background:var(--bg-card);border:1px solid var(--border);color:var(--text-1);flex:1}.btn-oauth:hover{background:var(--bg-hover)}.btn-lg{padding:12px 28px;font-size:16px}.btn-sm{padding:5px 12px;font-size:12px}.btn-full{width:100%}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:13.5px;font-weight:500;color:var(--text-2)}.form-group input,.form-group select,.form-group textarea{padding:10px 14px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;color:var(--text-1);font-size:14px;outline:none;transition:border .15s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent)}.form-group input:disabled{opacity:.5;cursor:not-allowed}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.required{color:var(--red)}.input-with-icon{position:relative}.input-with-icon input{width:100%;padding-right:40px}.pw-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:18px}.alert{padding:12px 16px;border-radius:8px;font-size:14px}.alert-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5}.notice-card{padding:12px 16px;border-radius:10px;border:1px solid rgba(255,210,140,.28);background:#ffe8bf1a;color:var(--text-1)}.auth-demo-panel{margin:6px 0 4px}.dashboard-message{margin-bottom:18px}.books-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px}.book-card{background:var(--wood-panel);border:1px solid var(--border);border-radius:22px;overflow:hidden;transition:all .2s;display:flex;flex-direction:column}.book-card:hover{border-color:var(--border-light);transform:translateY(-2px);box-shadow:var(--shadow)}.book-card-link{display:flex;flex-direction:column;text-decoration:none}.book-cover-wrap{position:relative;background:#241209d1;aspect-ratio:2/3;overflow:hidden}.book-cover{width:100%;height:100%;object-fit:cover;transition:transform .3s}.book-card:hover .book-cover{transform:scale(1.04)}.book-format-badge{position:absolute;top:8px;left:8px;background:#000000b3;color:var(--accent-2);font-size:9px;font-weight:700;padding:2px 6px;border-radius:4px;letter-spacing:.5px}.book-reading-badge{position:absolute;top:8px;right:8px;width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:#000000b3;border-radius:50%;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(74,222,128,.3)}.book-reading-ring{position:absolute;top:2px;right:2px;bottom:2px;left:2px;width:calc(100% - 4px);height:calc(100% - 4px)}.book-reading-pct{position:relative;font-size:9.5px;font-weight:700;color:#4ade80;letter-spacing:-.02em;line-height:1}.book-bookmark-btn{position:absolute;bottom:8px;left:8px;z-index:2;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:6px;border:1px solid rgba(255,255,255,.18);background:#0000008c;color:#ffffffb3;cursor:pointer;opacity:0;transition:opacity .18s,color .18s,background .18s,border-color .18s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.book-card:hover .book-bookmark-btn,.book-bookmark-btn.saved{opacity:1}.book-bookmark-btn:hover{color:var(--accent);background:#000000b8;border-color:var(--accent-dark)}.book-bookmark-btn.saved{color:var(--accent);border-color:var(--accent-dark);background:#000000a6}.book-progress-inline{display:flex;flex-direction:column;gap:4px;margin-top:2px}.book-progress-bar{width:100%;height:4px;border-radius:999px;background:#ffffff14;overflow:hidden}.book-progress-fill{height:100%;background:linear-gradient(90deg,#4ade80,#22c55e);border-radius:999px;transition:width .3s ease}.book-progress-text{font-size:10.5px;font-weight:600;color:#4ade80;letter-spacing:.02em}.spotlight-progress{display:flex;flex-direction:column;gap:3px}.spotlight-progress-bar{width:100%;height:4px;border-radius:999px;background:#ffffff14;overflow:hidden}.spotlight-progress-fill{height:100%;background:linear-gradient(90deg,#4ade80,#22c55e);border-radius:999px}.spotlight-progress-label{font-size:10px;font-weight:600;color:#4ade80;letter-spacing:.04em;text-transform:uppercase}.reading-filter-toggle{width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;cursor:pointer;color:var(--text-1);transition:all .18s ease;text-align:left}.reading-filter-toggle:hover{border-color:#4ade8080;background:var(--bg-hover)}.reading-filter-toggle.active{border-color:#4ade80b3;background:#4ade801f}.reading-filter-ring{position:relative;width:32px;height:32px;flex-shrink:0}.reading-filter-ring svg{width:100%;height:100%}.reading-filter-text{display:flex;flex-direction:column;gap:2px;min-width:0}.reading-filter-title{font-size:13px;font-weight:600;color:var(--text-1)}.reading-filter-toggle.active .reading-filter-title{color:#d9ffe7}.reading-filter-count{font-size:11px;color:var(--text-3)}.reading-filter-toggle.active .reading-filter-count{color:#4ade80}.book-info{padding:12px;flex:1;display:flex;flex-direction:column;gap:4px}.book-title{font-size:13.5px;font-weight:600;color:var(--text-1);line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.book-author{font-size:12px;color:#efc895}.book-rating{font-size:12px;color:var(--orange)}.rating-val{color:#e6c08e}.book-reads{font-size:11px;color:#e6c08e}.book-card-actions{display:flex;gap:6px;padding:10px 12px;border-top:1px solid var(--border)}.book-card-actions .btn{flex:1;font-size:12px}.skeleton{background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-hover) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.book-skeleton{aspect-ratio:2/3}.cat-skeleton{height:100px}.hero-section{display:flex;align-items:center;gap:48px;padding:80px 48px 64px;max-width:1280px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#ffd28c24;border:1px solid rgba(255,210,140,.28);color:var(--accent);padding:6px 16px;border-radius:20px;font-size:13px;font-weight:500;margin-bottom:20px}.hero-title{font-size:52px;font-weight:800;line-height:1.1;margin-bottom:16px}.gradient-text{background:linear-gradient(135deg,var(--accent),var(--accent-3));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bookshelf-khmer-quote{display:block;margin-top:12px;font-family:"AKbalthom Kbach 1","Khmer Unicode AKbalthom Kbach 1",Khmer UI,serif;text-align:center;font-size:clamp(8px,3vw,30px);font-weight:400}.hero-desc{font-size:17px;color:var(--text-2);max-width:480px;margin-bottom:28px;line-height:1.7}.hero-search{display:flex;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden;max-width:520px;margin-bottom:16px}.hero-search input{flex:1;padding:14px 20px;background:transparent;border:none;outline:none;color:var(--text-1);font-size:15px}.hero-search .btn{border-radius:0;padding:14px 24px}.hero-tags{display:flex;flex-wrap:wrap;gap:8px}.hero-tag{padding:5px 14px;border:1px solid var(--border);border-radius:20px;font-size:13px;color:var(--text-2)}.hero-tag:hover{border-color:var(--accent);color:var(--accent)}.hero-visual{flex-shrink:0}.book-stack{display:flex;gap:8px;align-items:flex-end}.book-spine{width:28px;border-radius:4px 2px 2px 4px}.s1{height:200px;background:linear-gradient(180deg,#4f8ef7,#3a72d8)}.s2{height:240px;background:linear-gradient(180deg,#a78bfa,#7c3aed)}.s3{height:180px;background:linear-gradient(180deg,#22d3ee,#0891b2)}.s4{height:220px;background:linear-gradient(180deg,#f59e0b,#d97706)}.stats-section{background:var(--bg-2);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.stats-inner{max-width:900px;margin:0 auto;padding:32px 24px;display:flex;justify-content:space-around}.stat-item{text-align:center}.stat-val{font-size:30px;font-weight:800;color:var(--accent)}.stat-label{font-size:13px;color:var(--text-3);margin-top:2px}.section{max-width:1280px;margin:0 auto;padding:56px 48px 0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-header h2{font-size:22px;font-weight:700}.see-all{font-size:14px;color:var(--accent)}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px}.category-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:18px 14px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;transition:all .2s}.category-card:hover{border-color:var(--accent);background:var(--bg-hover);transform:translateY(-2px)}.cat-icon{font-size:28px}.cat-name{font-size:13px;font-weight:600;color:var(--text-1)}.cat-count{font-size:11px;color:var(--text-3)}.free-section{padding-bottom:56px}.cta-section{background:var(--wood-panel);border-top:1px solid var(--border);margin-top:24px}.cta-inner{max-width:560px;margin:0 auto;padding:44px 20px;text-align:center}.cta-inner h2{font-size:28px;font-weight:800;margin-bottom:10px}.cta-inner p{color:var(--text-2);font-size:15px;margin-bottom:22px}.cta-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.home-page{padding-bottom:24px}.library-landing{width:100%;margin:0 auto;padding:24px clamp(12px,2.5vw,30px) 18px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.85fr);gap:32px;align-items:start}.bookshelf-stage{position:relative;border-radius:28px;overflow:hidden;border:1px solid rgba(201,154,88,.22);background:var(--wood-texture);box-shadow:0 24px 60px #0006;padding:26px 26px 30px}.bookshelf-stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#1b0d0614,#1b0d0659);pointer-events:none}.bookshelf-header{position:relative;display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px}.bookshelf-title{font-size:28px;font-weight:800;line-height:1.15;color:#fff4e4}.bookshelf-link{margin-top:8px}.bookshelf-wall{position:relative;display:grid;gap:22px}.bookshelf-row{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:0 4px 18px}.bookshelf-row:after{content:"";position:absolute;left:-10px;right:-10px;bottom:0;height:14px;border-radius:999px;background:linear-gradient(180deg,#8d5b31,#5e3417);box-shadow:0 10px 18px #00000047}.spotlight-book{position:relative;z-index:1;display:grid;grid-template-rows:auto 1fr;background:linear-gradient(180deg,#30170c80,#150904ad);border:1px solid rgba(255,255,255,.08);border-radius:22px;overflow:hidden;text-decoration:none;transform:translateY(0);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;box-shadow:0 18px 28px #00000038;max-width:none;width:100%;justify-self:center}.spotlight-book:hover{transform:translateY(-6px);border-color:#ffffff2e;box-shadow:0 26px 40px #0000004d}.spotlight-book-placeholder{visibility:hidden;pointer-events:none}.spotlight-cover-shell{background:linear-gradient(180deg,#12090447,#12090414);padding:10px 10px 0}.spotlight-cover{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:16px 16px 8px 8px;display:block}.spotlight-meta{padding:10px 10px 12px;display:grid;gap:7px}.spotlight-meta h3{font-size:14px;line-height:1.3;color:#fff4e4}.spotlight-meta p{color:#dbc3a3;font-size:12px}.spotlight-footer{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#f0d5b4}.shelf-skeleton{height:280px;max-width:none;width:100%;justify-self:center;border-radius:22px}.library-copy{padding:18px 6px 0;display:grid;gap:18px}.library-title{font-size:52px;font-weight:800;line-height:1.06}.library-desc{font-size:17px;color:var(--text-2);line-height:1.75;max-width:460px}.library-tags{display:flex;flex-wrap:wrap;gap:8px}.library-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:6px}.library-note-card{background:linear-gradient(180deg,#ffffff08,#ffffff03);border:1px solid var(--border);border-radius:16px;padding:14px 14px 16px;display:grid;gap:6px}.library-note-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3)}.library-note-card strong{font-size:28px;color:var(--accent)}.library-note-card span:last-child{font-size:12px;color:var(--text-2);line-height:1.5}.library-landing-full{display:block;padding-top:18px}.bookshelf-stage-full{width:100%;padding-top:0}.bookshelf-stage-full .bookshelf-row{grid-template-columns:repeat(8,minmax(0,1fr));width:100%;justify-self:stretch}.bookshelf-header-wide{align-items:flex-start;justify-content:flex-start;gap:0;flex-wrap:nowrap;width:100%;max-width:none;min-height:clamp(150px,15vw,190px);padding-right:clamp(360px,30vw,470px);margin-bottom:0}.bookshelf-copy{max-width:620px;margin:0}.bookshelf-copy-centered{flex:0 1 auto;width:auto;max-width:none;display:flex;min-width:0;align-items:flex-start;justify-content:flex-start;text-align:left}.bookshelf-hero-brand{display:flex;align-items:center;justify-content:flex-start;gap:clamp(10px,1.8vw,22px);width:auto;max-width:100%;flex-wrap:nowrap;margin-left:-12px}.bookshelf-hero-brand picture{display:block;flex:0 0 auto;line-height:0}.bookshelf-hero-logo{width:clamp(136px,16vw,210px);height:auto;object-fit:contain;flex:0 0 auto;margin:0;transform:translate(-24px)}.bookshelf-title-large{margin:0;width:auto;max-width:min(100%,900px);display:flex;align-items:center;font-size:clamp(54px,6.2vw,74px);font-family:ASvadekKbachS,KhmerTitle,Bokor,serif;font-weight:400;justify-content:flex-start;text-align:left;text-shadow:yellow;padding:0}.bookshelf-title-text{display:inline-block;line-height:1;white-space:nowrap}.bookshelf-tools{display:grid;gap:14px;position:absolute;top:50%;right:0;transform:translateY(-50%);flex:0 0 auto;justify-items:end;width:clamp(360px,28vw,440px);min-width:0;margin-left:0;align-self:auto;padding-bottom:0}.bookshelf-search{margin:0;width:100%}.bookshelf-search-shell{position:relative;width:100%;margin-inline:0}.bookshelf-suggestions{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:3;display:grid;gap:6px;padding:8px;border-radius:18px;background:#2a1309f5;border:1px solid rgba(255,255,255,.1);box-shadow:0 16px 36px #00000047}.bookshelf-suggestion{display:grid;gap:2px;width:100%;text-align:left;padding:10px 12px;border:1px solid transparent;border-radius:14px;background:#ffffff0a;color:#fff0d7;cursor:pointer}.bookshelf-suggestion:hover{background:#ffd28c1f;border-color:#ffd28c42}.bookshelf-suggestion strong{font-size:13px;font-weight:700}.bookshelf-suggestion span{font-size:11px;color:#ddb68a}.bookshelf-empty-state{padding:56px 24px;background:#160a053d;border-radius:24px;border:1px solid rgba(255,255,255,.08)}.bookshelf-guides{position:relative;z-index:1;display:grid;grid-template-columns:1fr;gap:14px;margin-bottom:18px}.bookshelf-guide-block{padding:14px 16px;border-radius:20px;background:#2310074d;border:1px solid rgba(255,255,255,.08);display:grid;gap:10px}.bookshelf-guide-block .group-cards-grid{grid-template-columns:repeat(auto-fill,minmax(100px,110px))}.bookshelf-guide-block .group-card{min-height:88px}.bookshelf-guide-block .group-card-main{padding:10px 8px 8px;gap:4px}.bookshelf-guide-block .group-card-icon{font-size:24px}.bookshelf-guide-block .group-card-name{font-size:12px}.bookshelf-guide-block .group-card-meta{font-size:11px}.bookshelf-guide-block .group-card-books-link{padding:5px 8px;font-size:11px}.bookshelf-guide-label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#d7b07f}.bookshelf-guide-chips{display:flex;flex-wrap:wrap;gap:8px}.bookshelf-guide-chip{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#fff0d7;font-size:12px;transition:transform .18s ease,background .18s ease,border-color .18s ease}.bookshelf-guide-chip:hover{transform:translateY(-1px);background:#ffd28c24;border-color:#ffd28c57}.bookshelf-guide-chip strong{font-size:11px;color:#5a2d14;background:#f3cf9c;padding:2px 7px;border-radius:999px}button.bookshelf-guide-chip{cursor:pointer;text-decoration:none}button.bookshelf-guide-chip.active{background:#ffd28c38;border-color:#ffd28c80;box-shadow:0 0 0 2px #ffd28c26;transform:translateY(-1px)}.bookshelf-category-expand{margin-top:6px;padding:16px;border-radius:14px;background:#ffffff0a;border:1px solid rgba(255,210,140,.18);animation:categoryExpandIn .25s ease}@keyframes categoryExpandIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.bookshelf-category-expand-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.bookshelf-category-expand-title{font-size:14px;font-weight:600;color:#f3cf9c;letter-spacing:.02em}.bookshelf-category-expand-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0f;color:#fff9;font-size:16px;cursor:pointer;transition:background .15s}.bookshelf-category-expand-close:hover{background:#ffffff24;color:#fff}.bookshelf-category-expand-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.bookshelf-category-card{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:12px;border:1px solid rgba(255,210,140,.14);background:#ffd28c0f;text-decoration:none;transition:background .18s,border-color .18s,transform .15s}.bookshelf-category-card:hover{background:#ffd28c29;border-color:#ffd28c66;transform:translateY(-2px)}.bookshelf-category-card-name{font-size:14px;font-weight:600;color:#fff0d7}.bookshelf-category-card-count{font-size:11.5px;font-weight:500;color:#f3cf9c;opacity:.8}.bookshelf-category-card-desc{font-size:11px;color:#ffffff73;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.auth-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:8px 12px;position:relative;overflow:hidden;background:var(--wood-texture);background-attachment:fixed}.auth-page:before,.auth-page:after{content:"";position:absolute;border-radius:999px;filter:blur(48px);opacity:.45}.auth-page:before{width:340px;height:340px;top:-100px;right:-60px;background:#ffb45047}.auth-page:after{width:280px;height:280px;bottom:-100px;left:-60px;background:#b45a1452}.auth-card{position:relative;z-index:1;width:100%;max-width:460px;padding:clamp(14px,2vw,20px) clamp(16px,2.5vw,28px);border-radius:24px;border:1px solid var(--border);background:linear-gradient(180deg,#5a2e14f5,#411c0afa);box-shadow:0 32px 70px #00000080;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);overflow:hidden}.auth-card:before{content:"";position:absolute;inset:0 0 auto;height:110px;background:linear-gradient(180deg,rgba(255,180,60,.1),transparent);pointer-events:none}.auth-card-wide{max-width:560px}.auth-header{position:relative;z-index:1;text-align:left;margin-bottom:14px}.auth-logo{display:inline-flex;align-items:center;min-height:28px;padding:0 12px;margin-bottom:10px;border-radius:999px;background:#ffc86426;border:1px solid var(--border);color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 6px 16px #0003}.auth-header h1{color:var(--text-1);font-size:clamp(1.5rem,3vw,1.9rem);font-weight:700;letter-spacing:-.03em}.auth-header p{color:var(--text-2);font-size:13px;line-height:1.5;margin-top:4px}.auth-form{display:flex;flex-direction:column;gap:10px;position:relative;z-index:1}.auth-divider{display:flex;align-items:center;gap:14px;margin-top:12px;color:var(--text-3);font-size:13px}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:var(--border)}.auth-divider span{white-space:nowrap}.auth-footer{text-align:center;position:relative;z-index:1;font-size:14px;color:var(--text-2);margin-top:12px}.auth-footer a{color:var(--accent);font-weight:700}.terms-note{font-size:12px;color:var(--text-3);line-height:1.5;margin-top:-2px}.terms-note a{color:var(--accent)}.auth-card .alert-error{position:relative;z-index:1;margin-bottom:18px;background:#ff505026;border:1px solid rgba(233,82,82,.3);color:#ff9090;box-shadow:0 12px 30px #0003}.auth-demo-panel{position:relative;z-index:1;margin:0 0 10px;border-radius:14px;border:1px solid var(--border);background:#78411980;color:var(--text-2);box-shadow:0 8px 20px #0003}.auth-demo-panel .btn-ghost{border-color:var(--border);background:#ffd28c14;color:var(--accent)}.auth-demo-panel .btn-ghost:hover{background:#ffd28c29;border-color:var(--border-light)}.auth-label-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:5px}.auth-label-row label{color:var(--text-1);font-size:13px;font-weight:600}.auth-inline-link{border:none;background:none;color:var(--accent);cursor:pointer;font-size:13px;font-weight:600;padding:0}.auth-inline-link:hover{color:var(--accent-2)}.auth-forgot-row{display:flex;justify-content:flex-end;margin-top:-4px}.auth-field-group{gap:0}.auth-field-group .auth-input-shell{position:relative;display:flex;align-items:center;min-height:46px;padding:0 14px 0 46px;border-radius:14px;border:1px solid var(--border);background:#321608b3;box-shadow:0 6px 18px #0003;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.auth-field-group .auth-input-shell:focus-within{border-color:var(--accent-dark);box-shadow:0 12px 28px #ebb5612e;transform:translateY(-1px)}.auth-field-group .auth-input-shell.has-trailing{padding-right:60px}.auth-input-icon{position:absolute;left:14px;width:18px;height:18px;color:var(--text-3);display:inline-flex;align-items:center;justify-content:center}.auth-input-icon svg,.auth-input-trailing svg{width:18px;height:18px}.auth-field-group .auth-input-shell input{width:100%;padding:12px 0;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;background-color:transparent!important;border:none;border-radius:0;box-shadow:none;color:var(--text-1);-webkit-text-fill-color:var(--text-1);caret-color:var(--text-1);font-size:14px}.auth-field-group .auth-input-shell input::placeholder{color:var(--text-3)}.auth-field-group .auth-input-shell input:focus{outline:none}.auth-field-group .auth-input-shell input:-webkit-autofill,.auth-field-group .auth-input-shell input:-webkit-autofill:hover,.auth-field-group .auth-input-shell input:-webkit-autofill:focus,.auth-field-group .auth-input-shell input:-webkit-autofill:active{-webkit-text-fill-color:var(--text-1);caret-color:var(--text-1);box-shadow:0 0 0 1000px #32160803 inset;-webkit-box-shadow:0 0 0 1000px rgba(50,22,8,.01) inset;transition:background-color 9999s ease-out,color 9999s ease-out}.auth-input-trailing{position:absolute;right:14px;display:inline-flex;align-items:center;justify-content:center}.auth-password-toggle{width:36px;height:36px;border:none;border-radius:50%;background:transparent;color:var(--text-3);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:color .18s ease,background .18s ease}.auth-password-toggle:hover{color:var(--accent);background:#ffd28c1f}.auth-submit-btn{min-height:46px;border-radius:14px;border:none;background:linear-gradient(90deg,#c46c1a,#e8a840);color:#fff6e8;font-size:16px;font-weight:700;box-shadow:0 14px 28px #0000004d}.auth-submit-btn:hover{transform:translateY(-1px);background:linear-gradient(90deg,#d47820,#f0b84a)}.auth-submit-btn:disabled{background:linear-gradient(90deg,#c46c1a99,#e8a84099);color:#fff6e8cc}.auth-social-section{position:relative;z-index:1}.auth-social-buttons{display:flex;justify-content:center;gap:14px;margin-top:10px}.auth-social-button{width:52px;height:52px;border:1px solid var(--border);border-radius:50%;background:#50280ecc;box-shadow:0 8px 20px #00000040;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.auth-social-button:hover{transform:translateY(-2px);border-color:var(--border-light);box-shadow:0 12px 24px #00000059}.auth-social-button svg{width:24px;height:24px}.auth-social-status{margin-top:14px;text-align:center;color:var(--text-3);font-size:13px;line-height:1.6}.pw-strength{display:flex;align-items:center;gap:8px;margin-top:6px}.pw-bar{height:4px;border-radius:2px;transition:all .3s;background:var(--border)}.spinner-sm{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;display:inline-block}.browse-page{display:flex;gap:28px;width:100%;margin:0 auto;padding:24px clamp(12px,2.5vw,30px) 36px;align-items:flex-start}.browse-page-no-sidebar{display:block}.browse-sidebar{width:260px;flex-shrink:0;background:var(--wood-panel);border:1px solid var(--border);border-radius:24px;padding:24px;position:sticky;top:86px;box-shadow:var(--shadow)}.sidebar-title{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-3);margin-bottom:20px}.filter-group{margin-bottom:24px}.sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.filter-label{display:block;font-size:13px;font-weight:600;color:var(--text-2);margin-bottom:10px}.filter-search-form{display:grid;gap:10px}.filter-search-input,.filter-select{width:100%;padding:8px 12px;background:var(--bg-card);border:1px solid var(--border);color:var(--text-1);border-radius:8px}.filter-search-input::placeholder{color:var(--text-3)}.filter-search-input:focus,.filter-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #f3cf9c24}.filter-search-btn{width:100%;justify-content:center}.browse-results{flex:1;min-width:0;background:#32170b6b;border:1px solid var(--border);border-radius:28px;padding:24px;box-shadow:var(--shadow)}.browse-page-no-sidebar .browse-results{width:100%}.results-header{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-bottom:24px}.results-back-btn{margin-bottom:6px}.results-title{font-size:22px;font-weight:700}.results-count{font-size:13px;color:var(--text-3);margin-top:4px}.empty-state{display:flex;flex-direction:column;align-items:center;gap:12px;padding:64px 24px;text-align:center}.empty-state.large{padding:100px 24px}.empty-state.small{padding:32px 24px}.empty-icon{font-size:48px}.empty-state h2,.empty-state h3{font-size:20px}.empty-state p{color:var(--text-2)}.pagination{display:flex;gap:8px;justify-content:center;margin-top:32px;flex-wrap:wrap;align-items:center}.pagination-btn{min-width:42px}.pagination-ellipsis{color:#f0d6b0;font-size:13px;letter-spacing:.25em;padding:0 2px}.bookshelf-pagination{margin-top:22px}.book-detail-page{max-width:1000px;margin:0 auto;padding:40px 24px}.book-detail-topbar{display:flex;justify-content:flex-start;margin-bottom:20px}.book-detail-hero{display:flex;gap:48px;margin-bottom:40px}.book-detail-cover-wrap{position:relative;flex-shrink:0}.book-detail-cover{width:220px;height:320px;object-fit:cover;border-radius:var(--radius);box-shadow:var(--shadow)}.format-badge.large{position:absolute;top:10px;left:10px}.book-detail-info{flex:1}.book-categories{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.category-chip{padding:4px 12px;background:#ffd28c1f;border:1px solid rgba(255,210,140,.24);color:var(--accent);border-radius:20px;font-size:12px}.book-detail-title{font-size:30px;font-weight:800;line-height:1.2;margin-bottom:8px}.book-detail-author{font-size:16px;color:var(--text-2);margin-bottom:16px}.detail-rating{color:var(--orange);font-size:16px;margin-bottom:6px}.detail-rating span{color:var(--text-2);font-size:13px;margin-left:6px}.detail-stats{display:flex;flex-wrap:wrap;gap:14px;font-size:13px;color:var(--text-3);margin-bottom:20px}.book-detail-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px}.action-buttons{display:flex;gap:10px;flex-wrap:wrap}.book-specs{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:13px;color:var(--text-2)}.book-specs span{font-weight:500;color:var(--text-3)}.detail-tabs{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:28px}.tab-btn{padding:10px 20px;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-2);font-size:14px;font-weight:500;cursor:pointer;margin-bottom:-1px;transition:all .15s}.tab-btn.active{color:var(--accent);border-bottom-color:var(--accent)}.book-description{color:var(--text-2);line-height:1.8;font-size:15px}.tag-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}.tag-chip{padding:4px 12px;background:var(--bg-card);border:1px solid var(--border);border-radius:20px;font-size:12px;color:var(--text-2)}.review-form{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:24px;display:flex;flex-direction:column;gap:12px}.review-form h3{font-size:16px}.star-picker{display:flex;gap:4px}.star-btn{background:none;border:none;font-size:24px;cursor:pointer;color:var(--border-light);transition:color .1s}.star-btn.active{color:var(--orange)}.review-form textarea{min-height:80px;resize:vertical}.reviews-list{display:flex;flex-direction:column;gap:16px}.review-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.review-header{display:flex;justify-content:space-between;margin-bottom:8px}.reviewer{display:flex;align-items:center;gap:8px}.reviewer-avatar{width:28px;height:28px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.review-stars{color:var(--orange);font-size:14px}.review-text{color:var(--text-2);font-size:14px}.review-date{font-size:11px;color:var(--text-3);display:block;margin-top:6px}.reader-shell{min-height:100vh;min-height:100dvh;height:100dvh;overflow:hidden}.reader-main-content{padding-top:0;min-height:0;height:100%;overflow:hidden}.reader-loading-screen,.reader-error{min-height:100vh;min-height:100dvh;background:radial-gradient(circle at top,rgba(70,76,120,.35),transparent 40%),linear-gradient(180deg,#0f1118,#050608)}.reader-error{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;padding:24px;text-align:center}.reader-error-detail{max-width:560px;margin:-6px 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.5;color:#f7f8fb8c;word-break:break-word}.reader-page-shell{position:fixed;top:0;right:0;bottom:0;left:0;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;display:flex;flex-direction:column;background:var(--wood-texture);background-position:center;color:#f7f8fb;overflow:hidden;overscroll-behavior:none;z-index:50;animation:readerShellIn .35s ease-out both}@keyframes readerShellIn{0%{opacity:0}to{opacity:1}}.reader-page-shell:fullscreen,.reader-page-shell:-webkit-full-screen{height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;width:100vw}.reader-page-shell:fullscreen .reader-topbar,.reader-page-shell:-webkit-full-screen .reader-topbar{position:absolute;top:0;left:0;right:0;z-index:20;padding:4px 14px;gap:8px;background:#1e120ad9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:1;transition:opacity .3s ease}.reader-page-shell:fullscreen .reader-topbar-btn,.reader-page-shell:-webkit-full-screen .reader-topbar-btn{min-height:32px;padding:0 10px;font-size:12px}.reader-page-shell:fullscreen .reader-topbar-title strong,.reader-page-shell:-webkit-full-screen .reader-topbar-title strong{font-size:clamp(14px,1.8vw,22px)}.reader-page-shell:fullscreen .reader-topbar-title span,.reader-page-shell:-webkit-full-screen .reader-topbar-title span{font-size:10px}.reader-page-shell:fullscreen .reader-bottom-bar,.reader-page-shell:-webkit-full-screen .reader-bottom-bar{position:absolute;bottom:0;left:0;right:0;z-index:20;padding:4px 14px;background:#1e120ad9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:1;transition:opacity .3s ease}.reader-page-shell:fullscreen .reader-stage,.reader-page-shell:-webkit-full-screen .reader-stage{position:absolute;top:0;right:0;bottom:0;left:0}.reader-page-shell:fullscreen.ui-hidden .reader-topbar,.reader-page-shell:-webkit-full-screen.ui-hidden .reader-topbar,.reader-page-shell:fullscreen.ui-hidden .reader-bottom-bar,.reader-page-shell:-webkit-full-screen.ui-hidden .reader-bottom-bar{opacity:0;pointer-events:none}.reader-page-shell.reader-css-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;width:100vw}.reader-page-shell.reader-css-fullscreen .reader-topbar{position:absolute;top:0;left:0;right:0;z-index:20;padding:4px 14px;gap:8px;background:#1e120ad9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:1;transition:opacity .3s ease}.reader-page-shell.reader-css-fullscreen .reader-topbar-btn{min-height:32px;padding:0 10px;font-size:12px}.reader-page-shell.reader-css-fullscreen .reader-topbar-title strong{font-size:clamp(14px,1.8vw,22px)}.reader-page-shell.reader-css-fullscreen .reader-topbar-title span{font-size:10px}.reader-page-shell.reader-css-fullscreen .reader-bottom-bar{position:absolute;bottom:0;left:0;right:0;z-index:20;padding:4px 14px;background:#1e120ad9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:1;transition:opacity .3s ease}.reader-page-shell.reader-css-fullscreen .reader-stage{position:absolute;top:0;right:0;bottom:0;left:0}.reader-page-shell.reader-css-fullscreen.ui-hidden .reader-topbar,.reader-page-shell.reader-css-fullscreen.ui-hidden .reader-bottom-bar{opacity:0;pointer-events:none}.reader-page-shell.reader-css-fullscreen .reader-topbar{padding-top:max(4px,env(safe-area-inset-top));padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}.reader-page-shell.reader-css-fullscreen .reader-bottom-bar{padding-bottom:max(4px,env(safe-area-inset-bottom));padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}html.reader-css-fullscreen-lock,html.reader-css-fullscreen-lock body{overflow:hidden;overscroll-behavior:none}.reader-locked{overscroll-behavior:none}.reader-topbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,auto) minmax(0,1fr);align-items:center;gap:14px;padding:max(10px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) 10px max(20px,env(safe-area-inset-left));background:var(--wood-panel);border-bottom:1px solid var(--border);flex-shrink:0;transition:transform .3s ease,opacity .3s ease}.reader-page-shell.ui-hidden .reader-topbar{transform:translateY(-100%);opacity:0;pointer-events:none;position:absolute;top:0;left:0;right:0;z-index:20}.reader-page-shell.ui-hidden .reader-bottom-bar{transform:translateY(100%);opacity:0;pointer-events:none;position:absolute;bottom:0;left:0;right:0;z-index:20}.reader-topbar-group{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.reader-topbar-group.right{justify-content:flex-end}.reader-topbar-title{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;min-width:0;max-width:100%}.reader-topbar-title strong{font-size:clamp(18px,2.3vw,34px);font-weight:700;letter-spacing:.02em;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reader-topbar-title span{font-size:12px;color:#ebf1ffb8;text-transform:uppercase;letter-spacing:.22em}.reader-topbar-btn,.reader-mini-btn,.reader-chip,.reader-panel-head button{border:1px solid rgba(255,210,140,.2);background:#4f2813ad;color:#fff4de;cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease}.reader-topbar-btn:hover,.reader-mini-btn:hover,.reader-chip:hover,.reader-panel-head button:hover{background:#7c4523e6;border-color:#ffd28c6b}.reader-topbar-btn.active,.reader-chip.active{background:#ffd28c2e;border-color:#ffd28c6b;color:#ffe8bf}.reader-topbar-btn{min-height:42px;padding:0 16px;border-radius:999px;font-size:14px}.reader-topbar-btn:disabled{opacity:.62;cursor:not-allowed}.reader-topbar-icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:42px;padding:0;aspect-ratio:1}.reader-topbar-icon{display:inline-flex;align-items:center;justify-content:center}.reader-topbar-icon-svg{width:18px;height:18px}.reader-topbar-spinner{animation:reader-topbar-spin .9s linear infinite}.reader-topbar-icon-badge{position:absolute;top:8px;right:8px;width:8px;height:8px;border-radius:999px;background:#f97316;box-shadow:0 0 0 2px #4f2813d9}.reader-topbar-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}@keyframes reader-topbar-spin{to{transform:rotate(360deg)}}.reader-stage{position:relative;flex:1;display:flex;align-items:stretch;justify-content:stretch;padding:0;overflow:hidden;min-height:0;min-width:0;overscroll-behavior:none}.reader-opening-state{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;background:var(--wood-texture);background-position:center;animation:readerFadeIn .3s ease-out both}.reader-opening-state .spinner{width:44px;height:44px;border:3px solid rgba(255,210,140,.18);border-top-color:#ffd28cb3}.reader-opening-label{font-size:14px;color:#ffe6be99;letter-spacing:.08em;text-transform:uppercase}.reader-opening-note{max-width:min(420px,calc(100vw - 48px));margin:0;font-size:14px;line-height:1.6;color:#fff0d7b8;text-align:center}@keyframes readerFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.reader-panel{position:absolute;top:16px;right:16px;width:min(300px,calc(100vw - 32px));max-height:calc(100% - 32px);padding:16px;border-radius:16px;background:#451f0ff5;border:1px solid rgba(255,210,140,.18);box-shadow:0 20px 50px #1c0c0573;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);overflow-y:auto;z-index:11;touch-action:pan-y}.reader-exit-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:24px;background:#12090485;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.reader-exit-dialog{width:min(460px,100%);display:grid;gap:14px;padding:22px;border-radius:20px;background:#451f0ff5;border:1px solid rgba(255,210,140,.18);box-shadow:0 22px 54px #1c0c0580;color:#fff4de}.reader-exit-dialog h3{margin:0;font-size:clamp(22px,2vw,28px)}.reader-exit-dialog p{margin:0;color:#ffe8bfd1;line-height:1.6}.reader-exit-dialog.saving{justify-items:center;text-align:center}.reader-exit-dialog.saving .spinner{width:42px;height:42px;border-color:#ffd28c2e;border-top-color:#ffd28c}.reader-exit-dialog.saving .reader-exit-actions{justify-content:center;width:100%}.reader-exit-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.reader-exit-actions .reader-topbar-btn{min-width:112px}.reader-panel.bookmarks{left:16px;right:auto}.reader-panel.settings{width:min(380px,calc(100vw - 32px))}.reader-panel.pages{left:50%;right:auto;transform:translate(-50%);width:min(980px,calc(100vw - 32px))}.reader-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.reader-panel-head h3{font-size:18px;font-weight:700}.reader-panel-head button,.reader-mini-btn{min-height:34px;padding:0 12px;border-radius:999px;font-size:12px}.reader-panel-section+.reader-panel-section{margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08)}.reader-panel-label{display:block;margin-bottom:12px;color:#dee6f7a8;font-size:12px;letter-spacing:.18em;text-transform:uppercase}.reader-panel-item{display:block;width:100%;padding:12px 14px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#ffffff0a;color:#f3f6ff;text-align:left;cursor:pointer}.reader-panel-item-row{display:flex;align-items:stretch;gap:8px;margin-top:8px}.reader-panel-item-row .reader-panel-item{flex:1;margin-top:0}.reader-panel-item+.reader-panel-item{margin-top:8px}.reader-panel-item:hover{background:#4ca7ff1f;border-color:#58b5ff47}.reader-panel-delete-btn{flex-shrink:0;min-width:36px;padding:0 10px;border:1px solid rgba(255,80,80,.22);border-radius:12px;background:#ff3c3c14;color:#ff8282e6;cursor:pointer;font-size:13px;transition:background .18s ease,border-color .18s ease}.reader-panel-delete-btn:hover{background:#ff3c3c38;border-color:#ff505080}.reader-page-grid{max-height:min(70vh,640px);overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:12px;padding-right:4px}.reader-page-thumb{display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#ffffff08;color:#f3f6ff;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease;content-visibility:auto;contain:layout paint style}.reader-page-thumb:hover,.reader-page-thumb.active{background:#4ca7ff1f;border-color:#58b5ff47;transform:translateY(-1px)}.reader-page-thumb-sheet{aspect-ratio:3 / 4;border-radius:10px;overflow:hidden;background:#fffffff5}.reader-page-thumb-image{width:100%;height:100%;object-fit:contain;background:#fff}.reader-page-thumb-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#111827}.reader-page-thumb-placeholder span{font-size:12px;color:#1118278c;text-align:center}.reader-page-thumb-placeholder strong{font-size:22px}.reader-page-thumb-number{font-size:12px;color:#e2ebf9cc;text-align:center}.reader-panel-empty{color:#dee6f7a8;font-size:14px}.reader-setting-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.reader-setting-row-stack{align-items:flex-start;flex-direction:column}.reader-setting-value{font-size:20px;font-weight:700;color:#fff4de}.reader-setting-note{margin:0;color:#ebf1ffb8;font-size:13px;line-height:1.5}.reader-zoom-actions{display:flex;align-items:center;gap:10px}.reader-setting-grid,.reader-chip-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.reader-page-indicator{font-size:13px;color:#ffffffd9;white-space:nowrap}.page-bookmark-icon{position:absolute;top:0;z-index:12;background:none;border:none;cursor:pointer;padding:6px 8px;opacity:.45;transition:opacity .2s,transform .15s}.page-bookmark-icon:hover{opacity:.85;transform:scale(1.12)}.page-bookmark-icon.left{left:4px}.page-bookmark-icon.right{right:4px}.page-bookmark-icon svg{display:block;fill:#8c8c8c80;stroke:#888;stroke-width:1.2}.page-bookmark-icon.active{opacity:1}.page-bookmark-icon.active svg{fill:#10b981;stroke:#10b981}.reader-theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.reader-theme-chip{position:relative;padding:8px 10px;border-radius:6px;border:2px solid rgba(160,160,160,.35);font-size:13px;font-weight:500;cursor:pointer;text-align:left;transition:border-color .15s}.reader-theme-chip:hover{border-color:#c8c8c899}.reader-theme-chip.active{border-color:#f59e0b}.reader-theme-check{position:absolute;right:8px;top:50%;transform:translateY(-50%);color:#f59e0b;font-size:15px;font-weight:700}.reader-layout-toggle{display:flex;gap:8px}.reader-stage-content{display:flex;flex:1;min-height:0;min-width:0;position:relative;animation:readerContentIn .4s ease-out both}@keyframes readerContentIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.flipbook-stage{width:100%;flex:1;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;min-height:0;min-width:0;overflow:hidden;overscroll-behavior:contain;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent;background:var(--wood-texture);background-position:center}.flipbook-stage.page-turning{cursor:pointer}.flipbook-stage.zoomed{cursor:grab;overflow:auto;scrollbar-gutter:stable both-edges;align-items:flex-start;justify-content:flex-start}.flipbook-stage.zoomed .flipbook-stage-canvas{width:auto;height:auto;align-items:center;justify-content:center}.flipbook-stage.zoomed.dragging{cursor:grabbing}.flipbook-stage.drawing{cursor:crosshair;touch-action:none}.reader-zoom-fab{position:absolute;right:16px;bottom:64px;z-index:18;display:flex;align-items:center;gap:2px;padding:4px;border-radius:999px;background:#1e120ad1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 6px 20px #00000052;transition:opacity .25s ease}.reader-page-shell.ui-hidden .reader-zoom-fab{opacity:0;pointer-events:none}.reader-zoom-fab-btn,.reader-zoom-fab-value{border:0;background:transparent;color:#fdf3e6;cursor:pointer;font:inherit;line-height:1;border-radius:999px;transition:background .18s ease}.reader-zoom-fab-btn{width:36px;height:36px;font-size:22px;font-weight:600;display:flex;align-items:center;justify-content:center}.reader-zoom-fab-btn:hover:not(:disabled),.reader-zoom-fab-value:hover{background:#ffd28c2e}.reader-zoom-fab-btn:disabled{opacity:.35;cursor:not-allowed}.reader-zoom-fab-value{min-width:52px;height:36px;padding:0 6px;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}@media (max-width: 640px){.reader-zoom-fab{right:10px;bottom:58px}.reader-zoom-fab-btn{width:40px;height:40px}}.flipbook-stage-canvas{box-sizing:border-box;width:100%;align-self:stretch;display:flex;align-items:center;justify-content:center}.reader-mini-btn:disabled{opacity:.35;cursor:not-allowed}.flipbook-shell{position:relative;flex:0 0 auto;max-width:100%;max-height:100%;padding:0;border-radius:0;background:transparent;overflow:hidden;min-height:0}.flipbook-shell.single .flipbook-spine{display:none}.flipbook-shell.single .flipbook-pages{grid-template-columns:minmax(0,1fr)}.flipbook-shell.single .flipbook-page-panel.single{width:100%}.flipbook-spine{position:absolute;top:0;bottom:0;left:50%;width:10px;transform:translate(-50%);border-radius:0;background:linear-gradient(90deg,#00000029,#0000000a 40%,#0000000a 60%,#00000029);box-shadow:-2px 0 8px #0000001f,2px 0 8px #0000001f;z-index:3}.flipbook-pages{position:relative;z-index:1;width:100%;height:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;min-height:0}.flipbook-page-panel img.flipbook-page-image,.flipbook-page-panel canvas.flipbook-page-image{display:block;width:100%;height:100%;object-fit:fill;background:transparent;transform-origin:center center;transition:filter .18s ease,opacity .18s ease;-webkit-user-drag:none}.flipbook-page-panel{position:relative;overflow:hidden;background:transparent;border-radius:0;box-shadow:none;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}.flipbook-page-panel.drawing{cursor:crosshair}.flipbook-page-panel.left{border-radius:0;transform-origin:right center;box-shadow:none}.flipbook-page-panel.right{border-radius:0;transform-origin:left center;box-shadow:none}.flipbook-page-panel.left:before{content:"";position:absolute;bottom:0;left:0;width:68px;height:68px;background:linear-gradient(135deg,#c8bbaa 36%,#d7cdc199 48%,#fff0 54%);border-top-right-radius:100%;box-shadow:5px -5px 12px #0003;z-index:10;pointer-events:none}.flipbook-page-panel.loading:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,#00000005,#ffffff85,#00000005);animation:readerPulse 1.4s linear infinite}.flipbook-page-image{width:100%;height:100%;object-fit:contain;background:transparent;transform-origin:center center}.reader-ink-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;transform-origin:center center}.flipbook-page-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:28px;text-align:center;color:#111827;background:linear-gradient(180deg,#fffffffa,#f4f4f4fa),repeating-linear-gradient(180deg,rgba(17,24,39,.05),rgba(17,24,39,.05) 1px,transparent 1px,transparent 18px)}.flipbook-page-placeholder span{color:#11182780;font-size:12px;letter-spacing:.18em;text-transform:uppercase}.flipbook-page-placeholder strong{font-size:clamp(20px,2.4vw,34px);line-height:1.15}.flipbook-page-meta{position:absolute;bottom:12px;padding:4px 10px;border-radius:999px;background:#11182714;color:#111827a8;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.flipbook-page-meta.left{left:12px}.flipbook-page-meta.right{right:12px}.flipbook-shell.flipbook-real{overflow:visible;display:flex;align-items:center;justify-content:center}.flipbook-real .flipbook-real-book.stf__parent{width:100%!important;min-width:0!important;min-height:0!important;max-width:none!important}.flip-sheet{background:#fbf7ef;overflow:hidden;box-shadow:inset 0 0 24px #0000000d;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}.flip-sheet .flip-sheet-panel{width:100%;height:100%}.flip-sheet .flipbook-page-image{display:block;width:100%;height:100%;object-fit:fill;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.flip-sheet .page-bookmark-icon svg{pointer-events:none}.flip-sheet:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.flip-sheet.right:after{background:linear-gradient(to right,#00000012,#0000 9%)}.flip-sheet.left:after{background:linear-gradient(to left,#00000012,#0000 9%)}.flipbook-flipper{position:absolute;top:0;bottom:0;width:calc(50% - 1px);transform-style:preserve-3d;pointer-events:none;z-index:5}.flipbook-flipper.next{right:0;transform-origin:left center;animation:flipNext .72s ease forwards}.flipbook-flipper.prev{left:0;transform-origin:right center;animation:flipPrev .72s ease forwards}.flipbook-flipper-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;overflow:hidden}.flipbook-flipper-face.back{transform:rotateY(180deg)}.flipbook-flipper-face .flipbook-page-panel{height:100%;border-radius:0}.flipbook-curl-shadow{position:absolute;top:-10%;bottom:-10%;width:42px;right:-18px;border-radius:999px;background:radial-gradient(circle,rgba(0,0,0,.42),transparent 70%);opacity:.8}@media (pointer: coarse) and (min-width: 744px) and (max-width: 1366px){.reader-page-shell{height:100dvh;min-height:100dvh;max-height:100dvh}.reader-stage-content{overflow-x:hidden}.flipbook-page-meta{font-size:clamp(11px,1.1vw,13px);line-height:1.45;word-break:keep-all;overflow-wrap:normal;-webkit-hyphens:none;hyphens:none}.flipbook-page-placeholder{word-break:keep-all;overflow-wrap:normal;-webkit-hyphens:none;hyphens:none}.flipbook-page-placeholder span{font-size:clamp(11px,1.2vw,14px)}.flipbook-page-placeholder strong{font-size:clamp(22px,2.6vw,36px)}.reader-page-shell img,.reader-page-shell video{max-width:100%}}.epub-stage{width:min(1100px,100%);display:flex;flex-direction:column;gap:18px}.epub-toolbar-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px}.epub-toolbar-label{min-width:48px;text-align:center;color:#dee6f7d1;font-size:13px}.epub-reader-frame{min-height:min(78vh,860px);padding:16px;border-radius:28px;background:#ffffff14;border:1px solid rgba(255,255,255,.08);box-shadow:0 36px 80px #00000073}.epub-viewer{width:100%;height:min(74vh,820px);background:#fff;border-radius:18px;overflow:hidden}.reader-bottom-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px max(20px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));background:var(--wood-panel);border-top:1px solid var(--border);flex-shrink:0;transition:transform .3s ease,opacity .3s ease}.reader-slider-preview{position:absolute;left:50%;bottom:18px;transform:translate(-50%);z-index:8;width:min(280px,calc(100% - 24px));padding:12px;border-radius:18px;background:#451f0ff5;border:1px solid rgba(255,210,140,.18);box-shadow:0 20px 48px #1c0c056b;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.reader-slider-preview-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;color:#e6edf9eb;font-size:12px}.reader-slider-preview-strip{display:flex;justify-content:center;gap:0}.reader-slider-preview-card{width:148px;display:flex;flex-direction:column;align-items:center;gap:8px;color:#ffe8bfe0;font-size:11px}.reader-slider-preview-card.active{color:#ffe8bf}.reader-slider-preview-sheet{width:100%;aspect-ratio:3 / 4;border-radius:12px;overflow:hidden;background:#fffffff5;border:2px solid transparent}.reader-slider-preview-card.active .reader-slider-preview-sheet{border-color:#58b5ff6b}.reader-slider-preview-image{width:100%;height:100%;object-fit:contain;background:#fff}.reader-slider-preview-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#111827;font-size:12px}.reader-draw-panel{position:absolute;right:18px;bottom:18px;z-index:9;width:min(420px,calc(100% - 24px));padding:14px;border-radius:18px;background:#451f0ff5;border:1px solid rgba(255,210,140,.18);box-shadow:0 20px 48px #1c0c056b;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.reader-draw-panel-row{display:flex;align-items:center;gap:10px}.reader-draw-panel-row+.reader-draw-panel-row{margin-top:12px}.reader-draw-panel-row strong{flex:1;font-size:14px}.reader-draw-panel-row.colors{flex-wrap:wrap}.reader-color-chip{width:30px;height:30px;border-radius:10px;border:2px solid rgba(255,255,255,.12);background:var(--swatch);cursor:pointer}.reader-color-chip.active{border-color:#8cd5ff;box-shadow:0 0 0 2px #8cd5ff33}.reader-size-chip{min-width:44px;min-height:36px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:#ffffff0f;color:#f3f6ff;cursor:pointer}.reader-size-chip.active{background:#4ca7ff2e;border-color:#58b5ff6b;color:#8cd5ff}.reader-draw-panel-row.tools{flex-wrap:wrap;gap:6px}.reader-tool-chip{padding:4px 10px;min-height:32px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:#ffffff0f;color:#f3f6ff;font-size:11px;font-weight:500;letter-spacing:.02em;cursor:pointer;transition:background .15s,border-color .15s}.reader-tool-chip:hover{background:#ffffff1f}.reader-tool-chip.active{background:#4ca7ff38;border-color:#58b5ff7a;color:#8cd5ff}.reader-text-annotation{position:absolute;pointer-events:none;white-space:pre;font-weight:600;line-height:1.2;text-shadow:0 1px 3px rgba(0,0,0,.3);z-index:2;-webkit-user-select:none;user-select:none;transition:outline-color .15s,box-shadow .15s;outline:2px solid transparent;border-radius:3px;padding:1px 3px}.reader-text-annotation.interactive{pointer-events:auto;cursor:grab;outline-color:transparent}.reader-text-annotation.interactive:hover{outline-color:#3b82f680;box-shadow:0 0 0 3px #3b82f626}.reader-text-annotation.selected{outline-color:#3b82f6b3;box-shadow:0 0 0 2px #3b82f633}.reader-text-annotation.moving{cursor:grabbing;outline-color:#3b82f6cc;box-shadow:0 0 0 3px #3b82f640;opacity:.85}.reader-text-input-wrap{position:absolute;z-index:10;transform:translate(-2px,-2px)}.reader-text-input{min-width:140px;max-width:300px;padding:4px 8px;border:2px solid #3b82f6;border-radius:6px;background:#fffffff2;color:#111827;outline:none;box-shadow:0 2px 12px #00000040}.reader-text-input::placeholder{color:#11182766}.reader-draw-label{font-size:11px;color:#fff9;min-width:32px;letter-spacing:.04em}.reader-draw-panel-row.fonts{flex-wrap:wrap;gap:6px}.reader-draw-panel-hint{margin-top:8px;font-size:11px;color:#ffffff73;text-align:center;line-height:1.4}.reader-selection-overlay rect{pointer-events:none}.reader-selection-handle{pointer-events:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));transition:r .12s}.reader-notes-filter-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.reader-notes-filter-chip{padding:4px 10px;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:#ffffff0f;color:#ccd6f6;font-size:11.5px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s}.reader-notes-filter-chip:hover{background:#ffffff1f}.reader-notes-filter-chip.active{background:#4ca7ff33;border-color:#58b5ff80;color:#8cd5ff}.reader-notes-list{display:flex;flex-direction:column;gap:14px;margin-top:4px}.reader-notes-group-head{display:flex;align-items:center;gap:8px;margin-bottom:6px}.reader-notes-tool-badge{display:inline-block;padding:2px 9px;border-radius:6px;background:#4ca7ff26;color:#8cd5ff;font-size:11.5px;font-weight:600;letter-spacing:.03em}.reader-notes-tool-count{font-size:11px;color:#ffffff73}.reader-notes-page-chips{display:flex;flex-wrap:wrap;gap:5px}.reader-notes-page-chip{display:inline-flex;align-items:center;gap:3px;padding:4px 10px;border:1px solid rgba(255,255,255,.1);border-radius:7px;background:#ffffff0d;color:#e2e8f0;font-size:12px;cursor:pointer;transition:background .15s,border-color .15s,transform .1s}.reader-notes-page-chip:hover{background:#ffffff1f;border-color:#ffffff40;transform:translateY(-1px)}.reader-notes-page-chip.current{background:#4ca7ff2e;border-color:#58b5ff66;color:#8cd5ff}.reader-notes-page-num{font-weight:600}.reader-notes-page-count{font-size:10px;color:#ffffff80;font-weight:500}.reader-notes-filter-header{display:flex;align-items:center;justify-content:space-between}.reader-notes-clear-all-btn{padding:3px 10px;border:1px solid rgba(255,80,80,.25);border-radius:8px;background:#ff3c3c1a;color:#ff8c8ce6;font-size:11px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s}.reader-notes-clear-all-btn:hover{background:#ff3c3c40;border-color:#ff505080}.reader-notes-delete-tool-btn{margin-left:auto;padding:2px 8px;border:1px solid rgba(255,80,80,.2);border-radius:6px;background:#ff3c3c14;color:#ff8282cc;font-size:10.5px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s}.reader-notes-delete-tool-btn:hover{background:#ff3c3c38;border-color:#ff505073}.reader-notes-page-chip-wrap{position:relative;display:inline-flex}.reader-notes-page-delete{position:absolute;top:-6px;right:-6px;width:18px;height:18px;padding:0;border:1px solid rgba(255,80,80,.3);border-radius:50%;background:#281414f2;color:#ff8282e6;font-size:12px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .15s,background .15s}.reader-notes-page-chip-wrap:hover .reader-notes-page-delete{opacity:1}.reader-notes-page-delete:hover{background:#ff3c3c59;border-color:#ff505099}.reader-slider-group{flex:1;display:flex;align-items:center;gap:12px}.reader-range{width:100%;accent-color:#24b8ff}.reader-chip,.reader-mini-btn{min-height:40px;padding:0 14px;border-radius:14px;font-size:13px}.reader-progress-track{flex:1;height:8px;border-radius:999px;background:#ffffff1f;overflow:hidden}.reader-progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#2ec9ff,#4de2ff)}.reader-progress-label{color:#dee6f7d1;font-size:13px;white-space:nowrap}@keyframes flipNext{0%{transform:rotateY(0)}to{transform:rotateY(-180deg)}}@keyframes flipPrev{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}@keyframes readerPulse{0%{transform:translate(-35%);opacity:.25}50%{opacity:.58}to{transform:translate(35%);opacity:.25}}.dashboard-page{display:flex;max-width:1200px;margin:0 auto;padding:40px 24px;gap:28px}.dashboard-sidebar{width:240px;flex-shrink:0}.user-info-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;text-align:center;margin-bottom:16px}.user-avatar-large{width:72px;height:72px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;margin:0 auto 12px;overflow:hidden}.user-avatar-large img{width:100%;height:100%;object-fit:cover}.user-info-card h3{font-size:16px;font-weight:600}.user-info-card p{font-size:12px;color:var(--text-3);margin-top:4px}.role-badge{display:inline-block;margin-top:8px;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:600}.role-admin{background:#ef444426;color:var(--red)}.role-librarian{background:#f59e0b26;color:var(--orange)}.role-reader{background:#ffd28c24;color:var(--accent)}.dashboard-nav{display:flex;flex-direction:column;gap:4px}.dash-nav-item{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:none;border:none;color:var(--text-2);font-size:14px;border-radius:8px;cursor:pointer;text-align:left;transition:all .15s}.dash-nav-item:hover,.dash-nav-item.active{background:var(--bg-hover);color:var(--text-1)}.dash-nav-item.active{color:var(--accent)}.nav-count{background:var(--bg-card);color:var(--text-3);font-size:11px;padding:1px 8px;border-radius:10px}.dashboard-main{flex:1;min-width:0}.dash-section-title{font-size:22px;font-weight:700;margin-bottom:24px}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.library-book-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:14px;display:flex;gap:12px}.library-book-card img{width:60px;height:85px;object-fit:cover;border-radius:6px;flex-shrink:0}.lib-book-info{flex:1}.lib-book-info h4{font-size:13px;font-weight:600;line-height:1.3;margin-bottom:3px}.lib-book-info p{font-size:11px;color:var(--text-3)}.lib-book-actions{display:flex;flex-direction:column;gap:6px;margin-top:8px}.reading-list{display:flex;flex-direction:column;gap:14px}.reading-item{display:flex;gap:16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;align-items:center}.reading-cover{width:60px;height:85px;object-fit:cover;border-radius:6px;flex-shrink:0}.reading-info{flex:1}.reading-info h4{font-size:15px;font-weight:600}.reading-info p{font-size:12px;color:var(--text-3)}.progress-row{display:flex;align-items:center;gap:10px;margin:8px 0}.progress-track{flex:1;height:6px;background:var(--border);border-radius:3px}.progress-fill{height:100%;background:var(--accent);border-radius:3px}.progress-row span{font-size:12px;color:var(--text-3);white-space:nowrap}.last-read{font-size:11px;color:var(--text-3)}.settings-form{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;display:flex;flex-direction:column;gap:18px;margin-bottom:20px}.settings-form h3{font-size:16px;font-weight:600}.settings-hint{font-size:13px;color:var(--text-3);margin-top:-8px}.social-link-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border-radius:var(--radius);border:1px solid var(--border);background:#0000002e}.social-link-info{display:flex;align-items:center;gap:12px}.social-link-icon{width:38px;height:38px;border-radius:50%;background:#ffffff14;display:flex;align-items:center;justify-content:center;flex-shrink:0}.social-link-name{display:block;font-size:14px;font-weight:600;color:var(--text-1)}.social-link-status{display:block;font-size:12px;margin-top:2px}.social-link-status.connected{color:var(--green)}.social-link-status.disconnected{color:var(--text-3)}.avatar-upload-section{display:flex;align-items:center;gap:20px}.avatar-upload-preview{width:80px;height:80px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;overflow:hidden;flex-shrink:0}.avatar-upload-preview img{width:100%;height:100%;object-fit:cover}.avatar-upload-actions{display:flex;flex-direction:column;gap:8px}.avatar-upload-label{display:inline-flex;align-items:center;justify-content:center}.avatar-upload-hint{font-size:12px;color:var(--text-3);margin:0}.admin-page{display:flex;min-height:calc(100vh - var(--navbar-h) - var(--safe-top))}.admin-sidebar{width:220px;background:var(--bg-2);border-right:1px solid var(--border);padding:24px 0;flex-shrink:0}.admin-brand{font-size:15px;font-weight:700;padding:0 20px 20px;border-bottom:1px solid var(--border);margin-bottom:12px}.admin-nav-link{display:block;padding:10px 20px;color:var(--text-2);font-size:14px;transition:all .15s;border-left:3px solid transparent}.admin-nav-link:hover{background:var(--bg-hover);color:var(--text-1);border-left-color:var(--border-light)}.admin-nav-link.active{background:#ffd28c14;color:var(--text-1);border-left-color:var(--accent)}.admin-content{flex:1;padding:32px;min-width:0}.admin-notice{margin-bottom:18px;padding:12px 16px;border-radius:10px;border:1px solid rgba(255,210,140,.3);background:#ffe8bf1f;color:var(--text-1)}.admin-toolbar{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px}.admin-toolbar-actions{display:flex;align-items:center;gap:12px}.admin-search-input{width:min(320px,100%);padding:10px 14px;border-radius:10px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-1)}.admin-search-input:focus{outline:none;border-color:var(--border-light)}.admin-muted{color:var(--text-3);font-size:13px;margin-top:4px}.admin-field-hint{display:block;color:var(--text-3);font-size:12px;margin-top:5px}.admin-section-divider{border:none;border-top:1px solid var(--border);margin:36px 0 28px}.settings-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:28px;overflow:hidden}.settings-card-header{display:flex;align-items:flex-start;gap:16px;padding:20px 24px;border-bottom:1px solid var(--border);background:#ffd28c0f}.settings-card-icon{width:44px;height:44px;border-radius:10px;background:#ffd28c1f;border:1px solid rgba(255,210,140,.25);display:flex;align-items:center;justify-content:center;flex-shrink:0}.settings-card-icon--sort{font-size:22px;color:var(--accent);font-weight:700}.settings-card-title{font-size:16px;font-weight:700;color:var(--accent-2);margin:0 0 4px}.settings-card-body{padding:24px}.settings-ribbon-row{display:flex;align-items:flex-start;gap:40px;flex-wrap:wrap}.settings-ribbon-preview{display:flex;flex-direction:column;align-items:center}.srp-book{position:relative;width:80px;height:110px;background:linear-gradient(135deg,#5a3010,#3d1f08);border-radius:4px 6px 6px 4px;border:1px solid rgba(255,180,80,.2);box-shadow:3px 3px 12px #00000080;overflow:visible}.srp-page{position:absolute;top:5px;right:5px;bottom:5px;left:10px;background:#f5ede0;border-radius:2px;display:flex;flex-direction:column;justify-content:center;gap:5px;padding:8px}.srp-page span{display:block;height:3px;background:#3c1e0a33;border-radius:2px}.srp-page span:nth-child(3){width:70%}.srp-page span:nth-child(5){width:55%}.srp-ribbon{position:absolute;top:-2px;right:-4px;z-index:2;filter:drop-shadow(1px 2px 4px rgba(0,0,0,.4))}.settings-ribbon-control{flex:1;min-width:200px}.admin-settings-tabs{display:flex;gap:6px;flex-wrap:wrap;border-bottom:2px solid var(--border);margin-bottom:28px;padding-bottom:0}.admin-settings-tab{background:#ffd28c0f;border:1px solid var(--border);border-bottom:none;border-radius:8px 8px 0 0;padding:10px 22px;color:var(--text-2);font-size:14px;font-weight:600;cursor:pointer;transition:background .15s,color .15s,border-color .15s;letter-spacing:.01em}.admin-settings-tab:hover{background:#ffd28c1f;color:var(--text-1);border-color:#ffd28c4d}.admin-settings-tab.active{background:#ffd28c2e;color:var(--accent);border-color:var(--accent);border-bottom:2px solid var(--bg-card, #3d1f08);margin-bottom:-2px}.admin-settings-section{padding:20px;background:var(--bg-card);border:1px solid var(--border);border-radius:0 8px 8px}.admin-settings-heading{font-size:16px;font-weight:700;color:var(--accent-2);margin-bottom:6px}.admin-toggle-row{margin:10px 0}.admin-toggle-label{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.admin-toggle-label input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.admin-toggle-track{position:relative;width:44px;height:24px;background:var(--border);border-radius:12px;transition:background .2s;flex-shrink:0}.admin-toggle-label input:checked+.admin-toggle-track{background:var(--accent)}.admin-toggle-thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;transition:left .2s;box-shadow:0 1px 3px #0000004d}.admin-toggle-label input:checked+.admin-toggle-track .admin-toggle-thumb{left:23px}.admin-toggle-text{font-size:14px;color:var(--text-1);font-weight:500}.admin-reader-bookmark-preview{margin-top:16px}.admin-reader-preview-book{position:relative;display:inline-flex;width:90px;height:120px;background:linear-gradient(135deg,#5a3010,#3d1f08);border-radius:4px 8px 8px 4px;border:1px solid rgba(255,180,80,.2);box-shadow:3px 3px 10px #0006;overflow:visible}.admin-reader-preview-page{position:absolute;top:5px;right:5px;bottom:5px;left:12px;background:#f5ede0;border-radius:2px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:8px;gap:5px}.admin-reader-preview-lines{width:100%;display:flex;flex-direction:column;gap:5px}.admin-reader-preview-lines span{display:block;height:3px;background:#3c1e0a33;border-radius:2px}.admin-reader-preview-lines span:nth-child(3){width:70%}.admin-reader-preview-lines span:nth-child(5){width:55%}.admin-reader-preview-ribbon{position:absolute;top:-2px;right:-4px;z-index:2;filter:drop-shadow(1px 2px 3px rgba(0,0,0,.35))}.sort-options-editor{display:grid;gap:12px}.sort-option-row{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}.sort-option-row-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.sort-option-value-tag{font-size:12px;font-weight:700;color:var(--accent);background:#ffd28c1a;border:1px solid rgba(255,210,140,.25);border-radius:4px;padding:2px 8px;cursor:pointer}.sort-option-row-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sort-option-image-preview{grid-column:1 / -1}.sort-option-image-preview img{height:48px;width:auto;border-radius:6px;border:1px solid var(--border);object-fit:cover}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:32px}.admin-stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.stat-icon{font-size:24px;margin-bottom:8px}.stat-value{font-size:28px;font-weight:800;line-height:1;margin-bottom:4px}.admin-two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px}.admin-two-col h3{font-size:15px;font-weight:600;margin-bottom:12px}.admin-list{display:flex;flex-direction:column;gap:8px}.admin-list-item{display:flex;justify-content:space-between;align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:10px 14px}.rank{font-weight:700;color:var(--accent);min-width:28px}.item-title{flex:1;font-size:13px}.item-meta{font-size:12px;color:var(--text-3)}.admin-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.upload-form{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;margin-bottom:24px;display:flex;flex-direction:column;gap:16px}.bulk-file-list{display:flex;flex-direction:column;gap:6px;padding:12px;background:#00000026;border-radius:var(--radius);border:1px solid var(--border);max-height:240px;overflow-y:auto}.bulk-file-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;background:var(--bg-card);border:1px solid var(--border);font-size:13px}.bulk-file-cover-picker{flex-shrink:0;width:52px;height:68px;border-radius:6px;border:1px dashed var(--border);background:#0000001a;cursor:pointer;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:border-color .15s,background .15s;position:relative}.bulk-file-cover-picker:hover{border-color:var(--accent);background:#0000002e}.bulk-file-cover-input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%}.bulk-file-cover-img{width:100%;height:100%;object-fit:cover;border-radius:5px}.bulk-file-cover-empty{font-size:22px;color:var(--text-3);font-weight:300;line-height:1}.bulk-file-details{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.bulk-file-info{display:flex;align-items:center;gap:8px;overflow:hidden}.bulk-file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;color:var(--text-3);font-size:12px}.bulk-file-size{color:var(--text-3);font-size:11px;flex-shrink:0}.bulk-file-title{width:100%;padding:6px 10px;border-radius:6px;border:1px solid var(--border);background:#0000001f;color:var(--text-1);font-size:14px;font-weight:500;outline:none;transition:border-color .15s}.bulk-file-title:focus{border-color:var(--accent)}.bulk-file-status{font-size:12px;font-weight:600;flex-shrink:0;display:flex;align-items:center;gap:6px}.bulk-file-status.pending{color:var(--text-3)}.bulk-file-status.uploading{color:var(--accent)}.bulk-file-status.done{color:#10b981}.bulk-file-status.failed{color:#ef4444}.bulk-file-remove{background:none;border:none;color:var(--text-3);cursor:pointer;font-size:12px;padding:2px 8px;border-radius:6px;transition:color .15s,background .15s}.bulk-file-remove:hover{color:#ef4444;background:#ef44441a}.checkbox-label{display:inline-flex;align-items:center;gap:8px}.toggle-free-btn{display:inline-flex;align-items:center;gap:12px;padding:10px 18px;border-radius:12px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-2);font-size:15px;font-weight:600;cursor:pointer;transition:all .25s ease;min-height:48px}.toggle-free-btn:hover{border-color:var(--accent)}.toggle-free-btn.active{background:linear-gradient(135deg,#10b9811f,#10b9810f);border-color:#10b981;color:#10b981}.toggle-free-btn:disabled{opacity:.5;cursor:not-allowed}.toggle-free-track{position:relative;width:44px;height:24px;border-radius:12px;flex-shrink:0;background:#ffffff1f;transition:background .25s ease}.toggle-free-btn.active .toggle-free-track{background:#10b981}.toggle-free-thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .25s ease;box-shadow:0 1px 3px #0000004d}.toggle-free-btn.active .toggle-free-thumb{transform:translate(20px)}.admin-form-actions{display:flex;gap:10px}.form-fieldset{border:1px solid var(--border-1, rgba(255, 255, 255, .08));border-radius:var(--radius-md, 10px);padding:16px 20px 8px;margin:16px 0 8px}.form-fieldset legend{padding:0 8px;font-size:13px;font-weight:600;color:var(--text-1);letter-spacing:.02em}.form-hint{margin:0 0 12px;font-size:12px;line-height:1.5;color:var(--text-2, rgba(255, 255, 255, .6))}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px 16px}.form-grid .form-group{margin-bottom:0}.admin-delete-panel{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;background:#ef444412;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-lg);padding:20px 24px;margin-bottom:20px}.admin-delete-panel-body{flex:1}.admin-delete-panel-title{font-size:15px;font-weight:600;color:var(--text-1);margin-bottom:8px;display:flex;align-items:center;flex-wrap:wrap;gap:6px}.admin-delete-panel-actions{display:flex;flex-direction:column;gap:8px;flex-shrink:0}.admin-row-pending-delete td{background:#ef44440f!important}.admin-insert-row td{background:#ffd28c0d;border-top:1px dashed rgba(255,210,140,.3)}.admin-inline-input{width:100%;padding:5px 9px;border-radius:6px;border:1px solid var(--border);background:var(--bg-2);color:var(--text-1);font-size:13px}.admin-inline-input:focus{outline:none;border-color:var(--border-light)}.admin-table-footer{padding:10px 14px;border-top:1px solid var(--border);background:var(--bg-card);border-radius:0 0 var(--radius) var(--radius)}.admin-table-wrap{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;background:var(--bg-card);border-radius:var(--radius);overflow:hidden;border:1px solid var(--border)}.admin-table th{background:#ffd28c14;padding:12px 14px;text-align:left;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--accent);border-bottom:1px solid var(--border)}.admin-table td{padding:12px 14px;font-size:13px;color:var(--text-2);border-bottom:1px solid rgba(28,48,80,.5)}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:#ffd28c0a}.format-badge{background:#fff0d01a;color:var(--accent-2);padding:2px 7px;border-radius:5px;font-size:11px;font-weight:700}.format-badge.sm{font-size:10px}.status-chip{padding:3px 10px;border-radius:10px;font-size:11px;font-weight:600}.status-published{background:#10b9811f;color:var(--green)}.status-draft{background:#f59e0b1f;color:var(--orange)}.status-archived{background:#ef44441f;color:var(--red)}.status-select{background:var(--bg-2);border:1px solid var(--border);color:var(--text-1);padding:4px 8px;border-radius:6px;font-size:12px}.admin-checklist{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;padding:12px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px}.admin-checklist-item{display:flex;align-items:center;gap:10px;min-height:42px;padding:10px 12px;border:1px solid rgba(255,210,140,.14);border-radius:8px;background:#ffffff08;color:var(--text-1);cursor:pointer}.admin-checklist-item:hover{border-color:var(--border-light);background:#ffd28c14}.admin-checklist-item input{width:16px;height:16px;accent-color:var(--accent-dark)}.admin-checklist-item span{font-size:14px;line-height:1.3}.admin-checklist-cats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.admin-cat-item{align-items:flex-start}.admin-cat-text{display:flex;flex-direction:column;gap:2px;min-width:0}.admin-cat-name{font-size:14px;line-height:1.35}.admin-cat-meta{font-size:12px;line-height:1.3;opacity:.55}.admin-checklist-thumb{flex:0 0 34px;width:34px;height:34px;border-radius:6px;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;background:#ffffff0d;font-size:16px;line-height:1}.admin-checklist-thumb img{width:100%;height:100%;object-fit:cover}.admin-action-row{display:flex;gap:8px}.admin-tag{display:inline-block;padding:2px 9px;margin:2px 3px;border-radius:6px;background:#ffd28c1f;border:1px solid rgba(255,210,140,.2);color:var(--text-2);font-size:12px;font-weight:500}.admin-checklist-scroll{max-height:240px;overflow-y:auto;grid-template-columns:1fr}.admin-tag-options{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.admin-tag-option{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:500;color:var(--text-2);cursor:pointer;padding:4px 10px;border-radius:999px;border:1px solid var(--border);background:var(--surface-2);transition:border-color .15s,background .15s}.admin-tag-option:has(input:checked){border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent)}.admin-tag-option input[type=checkbox]{display:none}.group-tree-cell{display:inline-flex;align-items:center;gap:6px}.group-tree-arrow{opacity:.55;font-size:13px}.group-tree-toggle-spacer{display:inline-block;width:18px;flex:0 0 18px}.group-tree-root,.group-tree-children{list-style:none;margin:0;padding:0}.group-tree-root{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:6px 0;max-height:320px;overflow-y:auto}.group-tree-node{display:block}.group-tree-row{display:flex;align-items:center;gap:6px;padding:6px 10px 6px 8px;border-radius:6px;margin:1px 6px;transition:background .12s ease}.group-tree-row:hover{background:#ffd28c14}.group-tree-row.active{background:#ffd28c2e}.group-tree-row.active .group-tree-name{color:var(--text-1);font-weight:600}.group-tree-toggle{flex:0 0 18px;width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-2);cursor:pointer;font-size:9px;padding:0;transition:transform .15s ease;transform:rotate(0)}.group-tree-toggle.open{transform:rotate(90deg)}.group-tree-toggle:hover{color:var(--text-1)}.group-tree-leaf{flex:0 0 18px;text-align:center;color:var(--text-3);font-size:14px;line-height:18px}.group-tree-name{flex:1 1 auto;text-align:left;background:transparent;border:none;color:var(--text-2);cursor:pointer;font-size:14px;padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.group-tree-name:hover{color:var(--text-1)}.group-cards-nav{display:flex;flex-direction:column;gap:14px}.group-cards-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;padding:8px 14px;background:#ffd28c0f;border:1px solid var(--border);border-radius:8px;font-size:14px}.group-cards-crumb-wrap{display:inline-flex;align-items:center;gap:6px}.group-cards-crumb{background:transparent;border:none;color:var(--text-2);cursor:pointer;padding:4px 6px;border-radius:4px;font-size:14px}.group-cards-crumb:hover{color:var(--text-1);background:#ffd28c1a}.group-cards-crumb.current{color:var(--text-1);font-weight:600;padding:4px 6px}.group-cards-crumb-sep{color:var(--text-3);font-size:14px}.group-cards-view-books{margin-left:auto;background:var(--accent-dark, #b8860b);color:#fff;border:none;border-radius:6px;padding:6px 14px;font-size:13px;cursor:pointer;transition:filter .15s ease}.group-cards-view-books:hover{filter:brightness(1.1)}.group-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.group-card{display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;overflow:hidden;min-height:120px;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.group-card:hover{transform:translateY(-2px);border-color:var(--border-light, rgba(255, 210, 140, .4));box-shadow:0 4px 12px #0003}.group-card-main{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:14px 10px 12px;background:transparent;border:none;color:var(--text-1);cursor:pointer;text-align:center}.group-card-icon{font-size:34px;line-height:1}.group-card-name{font-size:14px;font-weight:600;word-break:break-word;line-height:1.3}.group-card-meta{font-size:12px;color:var(--text-3)}.group-card-books-link{background:#ffd28c14;border:none;border-top:1px solid var(--border);color:var(--text-2);cursor:pointer;padding:7px 10px;font-size:12px;transition:background .12s ease,color .12s ease}.group-card-books-link:hover{background:#ffd28c2e;color:var(--text-1)}.group-cards-empty{padding:18px;text-align:center;color:var(--text-3);font-size:14px;background:var(--bg-card);border:1px dashed var(--border);border-radius:8px}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px;color:var(--text-3)}.spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.footer{background:var(--wood-panel);border-top:1px solid var(--border)}.footer-bottom{border-top:1px solid var(--border);padding:20px clamp(16px,3vw,36px);text-align:center;font-size:12px;color:var(--text-3)}.not-found-page{display:flex;align-items:center;justify-content:center;min-height:70vh}.nf-content{text-align:center}.nf-icon{font-size:64px;display:block;margin-bottom:8px}.nf-content h1{font-size:80px;font-weight:800;color:var(--accent)}.nf-content h2{font-size:24px;font-weight:700}.nf-content p{color:var(--text-2);margin:12px 0 24px}@media (max-width: 1280px){.navbar-filters{grid-template-columns:repeat(4,minmax(0,1fr))}.navbar-filter-item:nth-child(n+5){display:none}.hero-section{padding:64px 32px 48px}.section{padding:48px 32px 0}.library-landing{grid-template-columns:minmax(0,1.2fr) minmax(280px,.9fr);gap:24px}.bookshelf-stage-full .bookshelf-row{grid-template-columns:repeat(6,minmax(0,1fr))}.books-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px}}@media (max-width: 1024px){.navbar-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.navbar-filter-item:nth-child(n+4){display:none}.bookshelf-stage-full .bookshelf-row{grid-template-columns:repeat(5,minmax(0,1fr))}.library-title,.hero-title{font-size:44px}.section{padding:40px 24px 0}.footer-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.dashboard-page{padding:32px 20px}.admin-content{padding:24px 20px}.browse-sidebar{width:230px}.browse-page{gap:20px;padding:20px 16px 28px}.book-detail-hero{gap:32px}.admin-stats-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}}@media (max-width: 640px){.bookshelf-stage{padding:22px 14px 18px}.bookshelf-header{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:14px}.bookshelf-copy-centered{width:100%;align-items:center;justify-content:flex-start;text-align:left}.bookshelf-hero-brand{flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:clamp(8px,2.4vw,14px);width:100%;margin-left:0;padding-left:clamp(6px,2.2vw,14px);min-width:0;overflow:visible}.bookshelf-hero-logo{width:clamp(104px,27vw,136px);margin:0;transform:none;flex:0 0 auto}.bookshelf-title-large{flex:1 1 auto;min-width:0;padding:0;font-size:clamp(28px,8vw,44px);justify-content:flex-start;text-align:left;overflow:visible;text-overflow:clip}.bookshelf-title-text{white-space:nowrap;overflow-wrap:normal}.bookshelf-search input{min-width:0}}@media (max-width: 900px){.library-landing{grid-template-columns:1fr;padding:36px 24px 12px}.bookshelf-stage{order:1;padding:22px 18px 24px}.bookshelf-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.library-copy{order:2;padding-top:0}.library-title{font-size:36px}.library-notes{grid-template-columns:1fr}.bookshelf-header-wide{flex-direction:row;align-items:center;flex-wrap:wrap;min-height:auto;padding-right:0}.bookshelf-copy{max-width:none}.bookshelf-copy-centered,.bookshelf-title-large{text-align:left}.bookshelf-copy-centered{flex:1 1 auto;align-items:center}.bookshelf-hero-brand{align-items:center;gap:14px;justify-content:flex-start;margin-left:0}.bookshelf-hero-logo{width:156px;margin:0;transform:translate(-8px)}.bookshelf-tools{position:static;top:auto;right:auto;transform:none;flex:0 0 auto;justify-items:end;width:min(360px,100%);min-width:0;margin-left:0;align-self:center;padding-bottom:0}.bookshelf-search-shell{width:min(360px,100%)}.bookshelf-guides{grid-template-columns:1fr}.bookshelf-title-large{justify-content:flex-start;padding-top:0;font-size:34px}.hero-section{flex-direction:column;padding:40px 24px}.hero-visual{display:none}.hero-title{font-size:36px}.browse-page{flex-direction:column}.browse-sidebar{width:100%;position:static}.book-detail-hero{flex-direction:column}.admin-two-col{grid-template-columns:1fr}.admin-toolbar,.admin-toolbar-actions{flex-direction:column;align-items:stretch}.admin-search-input{width:100%}.dashboard-page{flex-direction:column}.dashboard-sidebar{width:100%}.form-row{grid-template-columns:1fr}.footer-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;width:100%}.reader-topbar{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"nav title" "tools tools";row-gap:10px;padding-inline:16px}.reader-topbar-group{grid-area:nav;justify-content:flex-start;flex-wrap:wrap}.reader-topbar-group.right{grid-area:tools;justify-content:center;flex-wrap:wrap}.reader-topbar-title{grid-area:title;align-items:flex-end;text-align:right;min-width:0}.reader-topbar-title strong{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reader-stage{padding:0}.reader-panel,.reader-panel.bookmarks{left:8px;right:8px;width:auto;max-height:min(50vh,360px)}.reader-exit-overlay{padding:14px}.reader-exit-actions{justify-content:stretch}.reader-exit-actions .reader-topbar-btn{flex:1 1 140px}.reader-panel.pages{left:8px;right:8px;width:auto;transform:none}.reader-page-grid{max-height:min(54vh,420px);grid-template-columns:repeat(auto-fill,minmax(92px,1fr))}.reader-bottom-bar{flex-direction:column;align-items:stretch}.reader-chip-row{justify-content:center}.reader-slider-preview,.reader-draw-panel{left:8px;right:8px;width:auto;transform:none}.reader-slider-preview{bottom:12px}.reader-slider-preview-card{width:80px}.reader-draw-panel{bottom:12px}.epub-reader-frame{min-height:62vh}.epub-viewer{height:58vh}.hero-section{padding:36px 20px 28px;gap:24px}.hero-title{font-size:32px}.hero-desc{font-size:15px}.section{padding:32px 20px 0}.section-header h2{font-size:20px}.books-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px}.bookshelf-stage-full .bookshelf-row{grid-template-columns:repeat(3,minmax(0,1fr))}.bookshelf-title{font-size:24px}.bookshelf-stage{padding:20px 14px 22px}.library-landing{padding:24px 16px 14px}.library-title{font-size:34px}.library-desc{font-size:15px}.library-note-card strong{font-size:24px}.admin-page{flex-direction:column}.admin-sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border);padding:12px 0;display:flex;flex-wrap:wrap;gap:4px;overflow-x:auto}.admin-brand{width:100%;border-bottom:none;margin-bottom:4px;padding:4px 20px 8px}.admin-nav-link{border-left:none;border-bottom:3px solid transparent;padding:8px 14px;white-space:nowrap}.admin-nav-link.active{border-left-color:transparent;border-bottom-color:var(--accent)}.admin-content{padding:20px 16px}.admin-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-stat-card{padding:14px}.stat-value{font-size:22px}.admin-header-row{flex-direction:column;align-items:stretch;gap:12px}.upload-form{padding:16px}.auth-card{padding:24px 20px}.book-detail-hero{gap:20px;margin-bottom:24px}.footer-bottom{padding:16px 20px;flex-direction:column;gap:8px;text-align:center}.stats-inner{flex-wrap:wrap;gap:16px;padding:24px 16px}.stat-val{font-size:24px}.cta-inner h2{font-size:22px}.section-header{flex-wrap:wrap;gap:10px}.nf-content h1{font-size:56px}.nf-content h2{font-size:20px}.nf-icon{font-size:48px}.browse-sidebar{padding:18px;border-radius:18px}.browse-results{padding:18px;border-radius:22px}.results-title{font-size:20px}.bulk-file-item{flex-wrap:wrap}.bulk-file-cover-picker{width:44px;height:58px}.admin-toolbar-actions .btn{width:100%}}@media (max-width: 640px){.bookshelf-header{flex-direction:column;gap:12px;margin-bottom:14px}.bookshelf-copy-centered,.bookshelf-title-large{text-align:left}.bookshelf-copy-centered{width:100%;align-items:center;justify-content:flex-start}.bookshelf-hero-brand{flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:10px;margin-left:0;width:100%;overflow:hidden}.bookshelf-hero-logo{width:clamp(72px,24vw,110px);transform:none;margin:0}.bookshelf-title-large{font-size:clamp(28px,9vw,42px)}.bookshelf-tools{width:100%;justify-items:stretch;margin-left:0}.bookshelf-search,.bookshelf-search-shell{width:100%}.bookshelf-row{grid-template-columns:1fr}.spotlight-book{max-width:320px}.bookshelf-wall{justify-items:center}.section{padding:40px 24px 0}.flipbook-spine{width:6px}.flipbook-page-meta{bottom:6px;font-size:9px}.flipbook-page-panel.left:before{width:40px;height:40px}.reader-chip,.reader-mini-btn,.reader-topbar-btn{min-height:38px;font-size:12px}.books-grid,.group-cards-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.group-card{border-radius:10px;min-height:110px}.group-card-main{padding:14px 8px 10px;gap:6px}.group-card-icon{font-size:32px}.group-card-name{font-size:13px;line-height:1.2}.group-card-meta{font-size:11px}.group-card-books-link{padding:6px 8px;font-size:11px}.book-card{border-radius:14px}.book-info{padding:8px;gap:2px}.book-title{font-size:12px;line-height:1.25}.book-author,.book-rating,.book-reads{font-size:10.5px}.book-card-actions{padding:6px 8px;gap:4px}.book-card-actions .btn{font-size:11px;padding:6px 4px;min-height:0}.book-format-badge{font-size:8px;padding:1px 4px}.book-reading-badge{width:30px;height:30px}.hero-title,.library-title{font-size:28px}.bookshelf-title{font-size:22px}.bookshelf-title-large{padding:6px 0 0;font-size:clamp(22px,7.5vw,36px);min-width:0;overflow:hidden;text-overflow:ellipsis}.bookshelf-title-text{white-space:normal;overflow-wrap:anywhere}.bookshelf-hero-brand{gap:10px;flex-wrap:nowrap;min-width:0}.bookshelf-hero-logo{width:clamp(64px,20vw,100px);margin:0;transform:none;flex:0 0 auto}.section{padding:24px 14px 0}.hero-section{padding:24px 14px 20px}.btn-lg{padding:10px 22px;font-size:15px}.dashboard-page{padding:20px 14px;gap:16px}.dashboard-sidebar,.dashboard-main{border-radius:16px}.admin-content{padding:16px 12px}.admin-stats-grid{grid-template-columns:1fr 1fr;gap:10px}.admin-stat-card{padding:12px}.admin-table th,.admin-table td{padding:10px 8px;font-size:12px}.upload-form{padding:14px;border-radius:14px}.browse-page{padding:14px 10px 20px;gap:14px}.browse-sidebar{padding:14px;border-radius:16px}.browse-results{padding:14px;border-radius:18px}.filter-select{font-size:13px}.library-landing{padding:18px 12px 10px;gap:18px}.bookshelf-stage{padding:16px 12px 18px;border-radius:22px}.bookshelf-stage-full .bookshelf-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding-inline:0}.bookshelf-stage-full .bookshelf-wall{justify-items:stretch}.library-notes{gap:8px}.library-note-card{padding:12px}.library-note-card strong{font-size:20px}.auth-card{padding:20px 16px;border-radius:22px}.auth-header{text-align:center}.auth-label-row{flex-wrap:wrap}.auth-social-buttons{gap:16px}.auth-social-button{width:60px;height:60px}.auth-social-button svg{width:28px;height:28px}.cta-inner{padding:32px 16px}.cta-inner h2{font-size:20px}.cta-actions{flex-direction:column}.cta-actions .btn{width:100%}.footer-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.stats-inner{gap:12px}.stat-val{font-size:20px}.stat-label{font-size:11px}.nf-content h1{font-size:44px}.book-format-badge{font-size:8px}.book-reading-badge{width:34px;height:34px}.book-reading-pct{font-size:8px}.navbar-inner{gap:8px;padding:0 12px}.navbar-logo{font-size:15px}.logo-icon{font-size:18px}.dropdown-menu{min-width:160px}.mobile-menu{padding:14px 16px;gap:10px}.mobile-search input{font-size:14px}.alert{font-size:13px;padding:10px 12px}.form-group input,.form-group select,.form-group textarea{padding:9px 12px;font-size:13px}.form-group label{font-size:12.5px}.btn{font-size:13px;padding:7px 14px}.btn-sm{font-size:11px;padding:4px 10px}.results-title{font-size:18px}.results-count{font-size:12px}.category-card{padding:14px 10px}.cat-icon{font-size:22px}.cat-name{font-size:12px}.book-stack{transform:scale(.75);transform-origin:center}}@media (max-width: 900px){html,body{overflow-x:hidden}.admin-table-wrap{-webkit-overflow-scrolling:touch}}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg);color:var(--text-1);padding:2rem}.error-boundary-content{text-align:center;max-width:480px}.error-boundary-content h2{color:var(--accent);font-size:1.75rem;margin-bottom:.75rem}.error-boundary-content p{color:var(--text-2);margin-bottom:1.5rem}.error-boundary-actions{display:flex;gap:1rem;justify-content:center}@media (max-width: 420px){.bookshelf-stage{padding:22px 14px 18px}.bookshelf-hero-brand{flex-direction:row;align-items:center;justify-content:flex-start;gap:7px}.bookshelf-hero-logo{width:clamp(88px,29vw,116px)}.bookshelf-title-large{font-size:clamp(24px,8vw,34px)}.bookshelf-title-text{white-space:nowrap;overflow-wrap:normal}}@media (max-width: 640px){.bookshelf-stage{padding:22px 14px 18px}.bookshelf-header{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:14px}.bookshelf-copy-centered{width:100%;align-items:center;justify-content:flex-start;text-align:left}.bookshelf-hero-brand{flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:clamp(8px,2.4vw,14px);width:100%;margin-left:0;padding-left:clamp(6px,2.2vw,14px);min-width:0;overflow:visible}.bookshelf-hero-logo{width:clamp(104px,27vw,136px);margin:0;transform:none;flex:0 0 auto}.bookshelf-title-large{flex:1 1 auto;min-width:0;padding:0;font-size:clamp(28px,8vw,44px);justify-content:flex-start;text-align:left;overflow:visible;text-overflow:clip}.bookshelf-title-text{white-space:nowrap;overflow-wrap:normal}}@media (max-width: 420px){.bookshelf-stage{padding:22px 14px 18px}.bookshelf-hero-brand{gap:7px;padding-left:4px}.bookshelf-hero-logo{width:clamp(88px,29vw,116px)}.bookshelf-title-large{font-size:clamp(24px,8vw,34px)}}@media (max-width: 640px){.bookshelf-stage.bookshelf-stage-full{padding:0 18px 18px!important}.bookshelf-header.bookshelf-header-wide{flex-direction:column;align-items:stretch;gap:14px;min-height:0;padding-right:0;margin-bottom:14px}.bookshelf-copy.bookshelf-copy-centered{width:100%;justify-content:flex-start;align-items:center;text-align:left}.bookshelf-hero-brand{flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:clamp(8px,2vw,14px);width:100%;margin-left:0;padding-left:0;overflow:visible}.bookshelf-hero-logo{width:clamp(128px,32vw,164px)!important;margin:0;transform:translate(-20px,-2px)!important;flex:0 0 auto;filter:drop-shadow(0 10px 18px rgba(35,14,5,.28))}.bookshelf-title-large{flex:1 1 auto;min-width:0;padding:0;font-size:clamp(28px,8vw,44px);justify-content:flex-start;text-align:left;overflow:visible;text-overflow:clip}.bookshelf-title-text{white-space:nowrap;overflow-wrap:normal}}@media (max-width: 420px){.bookshelf-stage.bookshelf-stage-full{padding:0 16px 16px!important}.bookshelf-hero-brand{gap:8px;padding-left:0}.bookshelf-hero-logo{width:clamp(108px,30vw,124px)!important;transform:translate(-18px,-1px)!important}.bookshelf-title-large{font-size:clamp(24px,8vw,34px)}}.navbar-primary{display:flex;align-items:center;gap:4px;flex:0 0 auto}.navbar-primary-link{display:inline-flex;align-items:center;padding:8px 14px;border-radius:8px;color:var(--text-2);font-size:14px;font-weight:600;letter-spacing:.02em;transition:color .15s ease,background .15s ease,border-color .15s ease;border:1px solid transparent;white-space:nowrap}.navbar-primary-link:hover{color:var(--text-1);background:#ffffff0f}.navbar-primary-link.active{color:var(--accent-2);background:#ffd28c24;border-color:#ffd28c52}.bookshelf-primary-nav{position:absolute;top:clamp(28px,4.2vw,48px);left:50%;z-index:2;display:inline-flex;align-items:center;justify-content:center;gap:6px;width:max-content;max-width:min(45vw,600px);padding:8px 12px;border-radius:999px;border:1px solid rgba(255,210,140,.24);background:#2d140861;box-shadow:0 14px 30px #190a0438;transform:translate(-50%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.bookshelf-primary-nav .navbar-primary-link{padding:8px 14px;font-size:14px}@media (max-width: 1280px){.navbar-primary-link{padding:6px 12px;font-size:13px}.bookshelf-primary-nav{max-width:42vw;gap:4px;padding:6px 10px}.bookshelf-primary-nav .navbar-primary-link{padding:6px 10px;font-size:12px}}@media (max-width: 1100px){.navbar-primary,.bookshelf-primary-nav{display:none}}.content-page{max-width:1320px;margin:0 auto;padding:20px clamp(16px,3vw,36px) 24px;color:var(--text-1)}.content-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px;flex-wrap:wrap}.content-page-header h1{font-size:clamp(26px,3vw,36px);margin:0;color:var(--accent-2)}.content-page-header p{margin:6px 0 0;color:var(--text-2);font-size:14px;max-width:720px}.content-empty{text-align:center;padding:60px 24px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-2)}.posts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}@media (min-width: 1024px){.posts-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}}@media (min-width: 1280px){.posts-grid{grid-template-columns:repeat(8,minmax(0,1fr))}}.post-card{display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;text-decoration:none;color:inherit}.post-card:hover{transform:translateY(-2px);border-color:var(--border-light);box-shadow:var(--shadow)}.post-card-image{aspect-ratio:16 / 9;width:100%;background:linear-gradient(135deg,#5a2d14,#2c1607);overflow:hidden}.post-card-image img{width:100%;height:100%;object-fit:cover;display:block}.post-card-image.placeholder{display:flex;align-items:center;justify-content:center;color:var(--text-3);font-size:13px;letter-spacing:.08em;text-transform:uppercase}.post-card-body{padding:14px 16px 18px;display:flex;flex-direction:column;gap:6px}.post-card-title{font-size:17px;font-weight:700;color:var(--accent-2);line-height:1.3;margin:0}.post-card-subtitle{font-size:13px;color:var(--text-3);margin:0}.post-card-date{margin-top:6px;font-size:12px;color:var(--text-3)}.post-detail{max-width:820px;margin:0 auto;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px clamp(20px,4vw,44px) 40px}.post-detail-back{display:inline-flex;align-items:center;gap:6px;margin-bottom:16px;color:var(--accent);font-size:13px;text-decoration:none}.post-detail-back:hover{color:var(--accent-2)}.post-detail h1{font-size:clamp(24px,3vw,34px);color:var(--accent-2);margin:0 0 6px;line-height:1.25}.post-detail .post-detail-subtitle{font-size:15px;color:var(--text-2);margin:0 0 18px}.post-detail-meta{font-size:12px;color:var(--text-3);margin-bottom:10px}.post-detail-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.post-tag{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;padding:3px 9px;border-radius:999px;background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent)}.post-card-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.post-detail-image{width:100%;border-radius:var(--radius);margin-bottom:22px;display:block}.post-body{color:var(--text-1);font-size:16px;line-height:1.75}.post-body p{margin:0 0 1em}.post-body img{max-width:100%;height:auto;border-radius:var(--radius);margin:14px 0;display:block}.post-body .rte-image-row{width:100%;align-items:start}.post-body .rte-image-row img{margin:0;width:100%}.post-body h1,.post-body h2,.post-body h3{color:var(--accent-2);margin:1.4em 0 .4em}.post-body a{color:var(--accent);text-decoration:underline}.post-body blockquote{border-left:3px solid var(--accent-3);padding-left:14px;color:var(--text-2);margin:1em 0}.post-body ul,.post-body ol{padding-left:1.4em;margin:0 0 1em}.mp3-page-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:16px;height:calc(100dvh - 380px);min-height:320px}.mp3-now-playing{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px;display:flex;flex-direction:column;align-items:center;gap:14px;min-height:0;overflow:hidden}.mp3-now-playing-cover{width:100%;aspect-ratio:1 / 1;max-width:min(240px,28vh);max-height:min(240px,28vh);margin:0 auto;border-radius:var(--radius);background:linear-gradient(135deg,#2c1607,#5a2d14);overflow:hidden;display:flex;align-items:center;justify-content:center;color:var(--text-3);font-size:14px;flex-shrink:1;min-height:80px}.mp3-now-playing-cover img{width:100%;height:100%;object-fit:cover}.mp3-now-playing h2{margin:0;font-size:22px;color:var(--accent-2);text-align:center}.mp3-now-playing p{margin:0;color:var(--text-2);text-align:center;font-size:14px}.mp3-custom-controls{width:100%;display:flex;flex-direction:column;gap:8px;padding:4px 0}.mp3-controls-row{display:flex;align-items:center;justify-content:center;gap:8px}.mp3-ctrl-btn{background:none;border:none;cursor:pointer;color:var(--text-2);padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.mp3-ctrl-btn:hover:not(:disabled){background:#ffffff14;color:var(--accent)}.mp3-ctrl-btn:disabled{opacity:.3;cursor:not-allowed}.mp3-play-btn{background:var(--accent);border:none;border-radius:50%;width:48px;height:48px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#2a1000;flex-shrink:0;transition:background .15s,transform .1s}.mp3-play-btn:hover{background:var(--accent-dark);transform:scale(1.06)}.mp3-seek-row{display:flex;align-items:center;gap:8px}.mp3-time{font-size:12px;color:var(--text-3);font-variant-numeric:tabular-nums;min-width:36px;text-align:center;flex-shrink:0}.mp3-seek-bar,.mp3-volume-bar{flex:1;height:4px;cursor:pointer;accent-color:var(--accent);border-radius:2px}.mp3-volume-row{display:flex;align-items:center;gap:8px;color:var(--text-3)}.mp3-track-list{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:8px;height:100%;min-height:0;overflow-y:auto}.mp3-track-list-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border-bottom:1px solid var(--border);color:var(--text-3);font-size:12px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.mp3-header-actions-compact{display:inline-flex;align-items:center;gap:6px}.mp3-download-icon-btn-sm{width:28px;height:28px;min-width:28px;padding:0;border-radius:8px}.mp3-download-icon-btn-sm .mp3-download-icon{width:14px;height:14px}.mp3-download-icon-btn-sm .mp3-download-spinner{width:12px;height:12px}.mp3-track-row{display:grid;grid-template-columns:1fr 32px 32px;align-items:center;gap:4px;border-radius:10px;border:1px solid transparent;transition:background .15s ease,border-color .15s ease,opacity .15s ease,transform .15s ease}.mp3-track-row.active{background:#ffd28c1f;border-color:#ffd28c4d}.mp3-track-row.dragging{opacity:.5;transform:scale(.99)}.mp3-track-row.drop-target{border-color:#ffd28c8c;background:#ffd28c14}.mp3-track{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;cursor:pointer;border:0;background:transparent;width:100%;text-align:left;color:var(--text-1);transition:background .15s ease}.mp3-track:hover{background:#ffffff0d}.mp3-track-handle{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:28px;height:32px;margin-right:6px;border-radius:8px;cursor:grab;color:var(--text-3);-webkit-user-select:none;user-select:none;touch-action:none}.mp3-track-handle:hover{background:#ffffff0f;color:var(--text-2)}.mp3-track-handle:active{cursor:grabbing;background:#ffd28c29}.mp3-track-handle span{display:block;width:16px;height:2px;background:currentColor;border-radius:2px}.mp3-track-index{color:var(--text-3);font-variant-numeric:tabular-nums;font-size:13px;text-align:right}.mp3-track-cover{width:56px;height:56px;border-radius:8px;overflow:hidden;background:linear-gradient(135deg,#2c1607,#5a2d14);display:flex;align-items:center;justify-content:center;color:var(--text-3);font-size:11px}.mp3-track-cover img{width:100%;height:100%;object-fit:cover}.mp3-track-meta{min-width:0}.mp3-track-title{font-weight:600;font-size:14px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mp3-track-desc{font-size:12px;color:var(--text-3);margin:2px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-player{position:fixed;bottom:0;left:0;right:0;z-index:999;display:flex;align-items:center;gap:12px;padding:10px 20px;background:#2a1408f7;border-top:1px solid var(--border);box-shadow:0 -4px 24px #00000073;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mini-player-cover{width:44px;height:44px;border-radius:6px;object-fit:cover;flex-shrink:0}.mini-player-cover-fallback{width:44px;height:44px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:1px solid var(--border);color:var(--text-3);font-size:18px;flex-shrink:0}.mini-player-info{flex:1;min-width:0}.mini-player-title{font-size:14px;font-weight:600;color:var(--text-1);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.mini-player-title:hover{color:var(--accent)}.mini-player-controls{display:flex;align-items:center;gap:4px;flex-shrink:0}.mini-player-btn{background:none;border:none;cursor:pointer;padding:6px;color:var(--text-2);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.mini-player-btn:hover:not(:disabled){background:#ffffff1a;color:var(--accent)}.mini-player-btn:disabled{opacity:.3;cursor:not-allowed}.mini-player-play-btn{background:var(--accent);color:#2a1000;border-radius:50%;width:38px;height:38px}.mini-player-play-btn:hover:not(:disabled){background:var(--accent-dark);color:#2a1000}.mini-player-close-btn{margin-left:8px;color:var(--text-3)}.about-page{max-width:880px;margin:0 auto;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px clamp(20px,4vw,48px) 44px}.about-page h1{margin:0 0 18px;color:var(--accent-2);font-size:clamp(26px,3vw,34px)}.about-body{color:var(--text-1);font-size:16px;line-height:1.75}.about-body img{max-width:100%;height:auto;border-radius:var(--radius);margin:14px 0;display:block}.about-body .rte-image-row{width:100%;align-items:start}.about-body .rte-image-row img{margin:0;width:100%}.about-pdf-btn-wrap{margin-top:32px;display:flex;justify-content:center}.about-pdf-btn{display:inline-flex;align-items:center;gap:8px;font-size:15px;padding:10px 28px}.admin-content-form{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px;margin-bottom:24px;display:grid;gap:14px}.admin-content-form label{display:block;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);margin-bottom:6px}.admin-content-form input[type=text],.admin-content-form input[type=url],.admin-content-form textarea{width:100%;padding:10px 12px;background:#0000002e;border:1px solid var(--border);border-radius:8px;color:var(--text-1);font-size:14px}.admin-content-form textarea{min-height:200px;resize:vertical;font-family:inherit}.admin-content-form .form-actions{display:flex;gap:10px;flex-wrap:wrap}.admin-content-list{display:grid;gap:12px}.admin-content-row{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:14px;padding:12px 14px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px}.admin-content-row .thumb{width:64px;height:64px;border-radius:10px;background:linear-gradient(135deg,#2c1607,#5a2d14);overflow:hidden;display:flex;align-items:center;justify-content:center;color:var(--text-3);font-size:11px}.admin-content-row .thumb img{width:100%;height:100%;object-fit:cover}.admin-content-row .meta{min-width:0}.admin-content-row .meta strong{display:block;color:var(--accent-2);font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-content-row .meta span{display:block;color:var(--text-3);font-size:12px}.admin-content-row .actions{display:flex;gap:8px}.admin-radio-row{display:flex;gap:14px;align-items:center;font-size:13px;color:var(--text-2)}.admin-radio-row label{display:inline-flex;align-items:center;gap:6px;font-size:13px;text-transform:none;letter-spacing:0;font-weight:500;color:var(--text-2);margin:0}.mp3-header-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end}.mp3-download-icon-btn{width:44px;height:40px;min-width:44px;padding:0;border-radius:10px}.mp3-download-icon{width:20px;height:20px}.mp3-download-spinner{width:18px;height:18px;border:2px solid rgba(79,38,17,.28);border-top-color:#4f2611;border-radius:50%;animation:mp3-download-spin .8s linear infinite}.mp3-download-status{flex-basis:100%;margin:0;color:var(--accent-2);font-size:12px;text-align:right}@keyframes mp3-download-spin{to{transform:rotate(360deg)}}.mp3-guest-note{margin:6px 0 0;font-size:13px;color:var(--text-3);text-align:center}.mp3-guest-note a{color:var(--accent);text-decoration:underline}.admin-mp3-draft{display:grid;gap:14px;padding:14px 16px 18px;margin-top:4px;border:1px solid var(--border);border-radius:var(--radius);background:#ffffff05}.admin-mp3-draft-header{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--accent-2)}.content-hero-section{display:block;padding:0;margin-bottom:22px}.content-hero-stage{padding:18px 22px 22px}.content-hero-stage .bookshelf-header.bookshelf-header-wide{margin-bottom:0;min-height:clamp(120px,12vw,160px)}.mp3-page-layout.mp3-layout-left{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr)}.mp3-page-layout.mp3-layout-left .mp3-now-playing{order:2}.mp3-page-layout.mp3-layout-left .mp3-track-list{order:1}.mp3-page-layout.mp3-layout-top,.mp3-page-layout.mp3-layout-bottom{grid-template-columns:1fr}.mp3-page-layout.mp3-layout-top .mp3-now-playing{order:2}.mp3-page-layout.mp3-layout-top .mp3-track-list{order:1;max-height:320px}.mp3-page-layout.mp3-layout-bottom .mp3-track-list{max-height:320px}@media (max-width: 768px){.mp3-page-layout{grid-template-columns:1fr;gap:0;height:auto}.mp3-page-layout .mp3-now-playing{border-bottom:0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding-bottom:12px}.mp3-page-layout .mp3-track-list{border-top:1px solid var(--border);border-radius:0 0 var(--radius-lg) var(--radius-lg);height:auto;max-height:50vh}}.mp3-groups-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;padding:4px 0 24px}.mp3-group-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;text-align:left;padding:0;transition:border-color .18s,transform .18s,box-shadow .18s;display:flex;flex-direction:column;width:100%}.mp3-group-card:hover{border-color:var(--accent-2);transform:translateY(-2px);box-shadow:0 6px 20px #00000040}.mp3-group-cover{width:100%;aspect-ratio:1 / 1;background:linear-gradient(135deg,#2c1607,#5a2d14);overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mp3-group-cover img{width:100%;height:100%;object-fit:cover}.mp3-group-cover-placeholder{font-size:48px;opacity:.4}.mp3-group-info{padding:14px 16px 16px;display:flex;flex-direction:column;gap:4px;flex:1}.mp3-group-title{margin:0;font-size:15px;font-weight:600;color:var(--accent-2);line-height:1.3}.mp3-group-desc{margin:0;font-size:13px;color:var(--text-2);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mp3-group-count{font-size:12px;color:var(--text-3);margin-top:4px}.mp3-group-header{display:flex;align-items:center;gap:16px;margin-bottom:16px;flex-wrap:wrap}.mp3-back-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:1px solid var(--border);border-radius:var(--radius);padding:6px 14px;font-size:13px;color:var(--text-2);cursor:pointer;transition:border-color .15s,color .15s;flex-shrink:0}.mp3-back-btn:hover{border-color:var(--accent-2);color:var(--accent-2)}.mp3-group-header-info{flex:1;min-width:0}.mp3-group-header-title{margin:0;font-size:20px;color:var(--accent-2)}.mp3-group-header-desc{margin:2px 0 0;font-size:14px;color:var(--text-2)}.mp3-ungrouped-section{margin-top:32px}.mp3-ungrouped-title{font-size:16px;color:var(--text-2);margin:0 0 12px;font-weight:600}.admin-mp3-tabs{display:flex;gap:4px;margin-bottom:20px;border-bottom:1px solid var(--border);padding-bottom:0}.admin-mp3-tab{background:none;border:none;border-bottom:2px solid transparent;padding:8px 16px;font-size:14px;font-weight:500;color:var(--text-2);cursor:pointer;margin-bottom:-1px;transition:color .15s,border-color .15s}.admin-mp3-tab:hover{color:var(--accent-2)}.admin-mp3-tab.active{color:var(--accent-2);border-bottom-color:var(--accent-2)}@media (max-width: 600px){.mp3-groups-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.mp3-group-header{gap:10px}}.rte{border:1px solid var(--border);border-radius:12px;background:var(--wood-panel);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow)}.rte.is-focused{border-color:var(--accent);box-shadow:0 0 0 3px #ffd28c38}.rte-toolbar{display:flex;flex-wrap:wrap;gap:4px;align-items:center;padding:8px 10px;background:#0000002e;border-bottom:1px solid var(--border)}.rte-btn{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;padding:0 7px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--text-1);cursor:pointer;font-size:13px;line-height:1;transition:background .12s ease,border-color .12s ease}.rte-btn:hover{background:var(--bg-hover);border-color:var(--border)}.rte-btn:active,.rte-btn.is-active{background:#ffd28c38;border-color:var(--accent);color:var(--accent-2)}.rte-btn:disabled{opacity:.4;cursor:not-allowed}.rte-divider{width:1px;height:22px;background:var(--border);margin:0 4px}.rte-select{height:30px;border:1px solid var(--border);border-radius:6px;background:#00000038;color:var(--text-1);padding:0 6px;font-size:13px;max-width:160px}.rte-image-size-select,.rte-image-place-select{max-width:132px}.rte-select:focus{outline:none;border-color:var(--accent)}.rte-select:disabled{opacity:.5;cursor:not-allowed}.rte-bullet-wrap{position:relative;display:inline-flex}.rte-bullet-btn{display:inline-flex;align-items:center;gap:2px;padding:0 6px}.rte-bullet-arrow{font-size:9px;line-height:1;opacity:.75}.rte-bullet-panel{position:fixed;z-index:300;background:var(--bg-card, #1c1c2e);border:1px solid var(--border);border-radius:10px;padding:10px;box-shadow:0 6px 24px #00000080;min-width:232px;max-height:300px;overflow-y:auto}.rte-bullet-panel::-webkit-scrollbar{width:6px}.rte-bullet-panel::-webkit-scrollbar-track{background:transparent;border-radius:3px}.rte-bullet-panel::-webkit-scrollbar-thumb{background:var(--border, rgba(255, 255, 255, .2));border-radius:3px}.rte-bullet-panel::-webkit-scrollbar-thumb:hover{background:var(--text-2, rgba(255, 255, 255, .4))}.rte-bullet-panel-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-2, #888);margin:0 0 8px 2px}.rte-bullet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.rte-bullet-option{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:8px 8px 6px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--text-1);cursor:pointer;width:100%;transition:background .1s,border-color .1s}.rte-bullet-option:hover{background:var(--bg-hover, rgba(255,255,255,.07));border-color:var(--border)}.rte-bullet-option:active{background:#ffd28c26;border-color:var(--accent)}.rte-bullet-option-label{font-size:10px;color:var(--text-2, #888);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.rte-bullet-preview{display:flex;flex-direction:column;gap:4px;width:100%}.rte-bullet-preview-row{display:flex;align-items:center;gap:4px}.rte-bullet-preview-char{font-size:11px;min-width:13px;line-height:1;flex-shrink:0}.rte-bullet-preview-line{height:3px;background:var(--text-2, #888);border-radius:2px;flex:1;max-width:100%}.rte-color-wrap{position:relative;display:inline-flex}.rte-color-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none}.rte-color-btn{padding:0 6px}.rte-area{padding:16px 18px;outline:none;color:var(--text-1);font-family:Times New Roman,Khmer OS Battambang,serif;font-size:16px;line-height:1.7;min-height:360px;background:var(--wood-texture);word-wrap:break-word;overflow-y:auto;max-height:70vh}.rte-area:empty:before{content:attr(data-placeholder);color:var(--text-3);pointer-events:none}.rte-area p{margin:0 0 1em}.rte-area h1,.rte-area h2,.rte-area h3,.rte-area h4{margin:1.2em 0 .5em;line-height:1.3}.rte-area ul,.rte-area ol{padding-left:1.6em;margin:0 0 1em}.rte-area blockquote{border-left:3px solid var(--accent);padding:4px 14px;margin:0 0 1em;color:var(--text-2);background:#0000002e;border-radius:4px}.rte-area pre{background:transparent;padding:12px 14px;border-radius:8px;overflow-x:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;margin:0 0 1em;color:var(--text-1)}.rte-area img{max-width:100%;height:auto;border-radius:8px;margin:4px 0}.rte-area .rte-image-row{width:100%;align-items:start}.rte-area .rte-image-row img{margin:0;width:100%}.rte-area img.rte-selected-image{outline:2px solid var(--accent);outline-offset:3px}.rte-resize-overlay{pointer-events:none}.rte-resize-overlay .rte-resize-frame{position:absolute;top:0;right:0;bottom:0;left:0;border:1.5px dashed var(--accent);border-radius:2px;pointer-events:none;box-shadow:0 0 0 1px #00000059}.rte-resize-overlay .rte-resize-handle{position:absolute;width:12px;height:12px;background:var(--accent);border:2px solid #1a1a1a;border-radius:50%;pointer-events:auto;box-shadow:0 1px 3px #00000080;user-select:none;-webkit-user-select:none}.rte-resize-overlay .rte-resize-handle:hover{transform:scale(1.15)}.rte-area .rte-video{position:relative;padding-bottom:56.25%;height:0;margin:12px 0;border-radius:8px;overflow:hidden}.rte-area .rte-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.rte-area img{cursor:grab;transition:transform .15s ease-out,box-shadow .15s ease-out}.rte-area img:hover{transform:scale(1.02);box-shadow:0 4px 12px #00000026}.rte-area img.rte-dragging{cursor:grabbing;transform:scale(1.05);box-shadow:0 8px 24px #00000040;z-index:1000;opacity:.95;will-change:transform;transition:none}.rte-area img.rte-dragging-placeholder{position:relative}.rte-area .rte-image-row{position:relative;transition:grid-template-columns .3s ease-out}.rte-area .rte-image-row:before{content:"";position:absolute;left:0;top:-2px;height:2px;width:100%;background:linear-gradient(90deg,var(--accent),var(--accent) 50%,transparent);z-index:100;opacity:0;pointer-events:none;transition:opacity .2s ease-out}.rte-area .rte-image-row.rte-drop-active:before{opacity:1}.rte-area .rte-image-row.rte-drop-active:before{animation:rte-pulse-indicator .4s ease-in-out}@keyframes rte-pulse-indicator{0%,to{opacity:.8}50%{opacity:1}}.rte-area .rte-image-row.rte-drop-zone-hover{border-radius:4px;background:rgba(var(--accent-rgb),.05);padding:4px;margin:12px 0 12px -4px}.rte-area .rte-image-row.rte-drop-zone-invalid{opacity:.6;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,0,0,.05) 10px,rgba(255,0,0,.05) 20px);border-radius:4px;padding:4px;margin:12px 0 12px -4px}.rte-area.rte-drag-active{background:rgba(var(--accent-rgb),.02)}.rte-area .rte-image-row.rte-row-rebalancing{transition:grid-template-columns .25s cubic-bezier(.25,.46,.45,.94)}.rte-area .rte-image-row.rte-row-rebalancing img{transition:all .25s ease-out}.rte-area hr.post-jump-break{border:0;border-top:2px dashed var(--accent);position:relative;margin:18px 0;height:0;overflow:visible}.rte-area hr.post-jump-break:after{content:"Jump break (Read more)";position:absolute;top:-10px;left:50%;transform:translate(-50%);background:var(--bg);color:var(--accent);padding:0 8px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;border-radius:999px}.admin-cover-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-bottom:8px}.admin-cover-thumb{position:relative;aspect-ratio:4 / 3;border-radius:10px;overflow:hidden;border:1px solid var(--border);background:var(--bg-card)}.admin-cover-thumb img{width:100%;height:100%;object-fit:cover;display:block}.admin-cover-thumb.is-primary{outline:2px solid var(--accent, #f59e0b);outline-offset:-2px}.admin-cover-badge{position:absolute;top:6px;left:6px;background:var(--accent, #f59e0b);color:#1a1a1a;font-size:10px;letter-spacing:.06em;text-transform:uppercase;padding:2px 6px;border-radius:999px;font-weight:700}.admin-cover-actions{position:absolute;bottom:6px;right:6px;display:flex;gap:4px;background:#0000008c;padding:3px;border-radius:6px}.admin-cover-actions .btn-sm{min-width:28px;height:26px;padding:0 6px;font-size:14px}.admin-cover-add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;aspect-ratio:4 / 3;border:1px dashed var(--border-light);border-radius:10px;cursor:pointer;color:var(--text-2);font-size:14px;text-align:center;background:#0000002e;transition:background .12s ease,border-color .12s ease}.admin-cover-add:hover{background:var(--bg-hover);border-color:var(--accent)}.admin-thumb-count{position:absolute;right:6px;bottom:6px;background:#000000b3;color:#fff;padding:2px 6px;font-size:11px;border-radius:999px;font-weight:600}.post-detail-gallery{margin:18px 0 24px}.post-detail-gallery-main{position:relative;width:100%;border-radius:14px;overflow:hidden;background:var(--bg-card);aspect-ratio:16 / 9}.post-detail-gallery-main img{width:100%;height:100%;object-fit:cover;display:block}.post-detail-gallery-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:999px;border:0;background:#0009;color:#fff;font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}.post-detail-gallery-nav:hover{background:#000000d9}.post-detail-gallery-nav.prev{left:12px}.post-detail-gallery-nav.next{right:12px}.post-detail-gallery-counter{position:absolute;bottom:10px;right:12px;background:#0009;color:#fff;font-size:12px;padding:3px 8px;border-radius:999px}.post-detail-gallery-thumbs{display:flex;gap:8px;margin-top:10px;overflow-x:auto;padding-bottom:4px}.post-detail-gallery-thumb{flex:0 0 90px;height:60px;border-radius:8px;border:2px solid transparent;overflow:hidden;padding:0;background:var(--bg-card);cursor:pointer}.post-detail-gallery-thumb img{width:100%;height:100%;object-fit:cover;display:block}.post-detail-gallery-thumb.is-active{border-color:var(--accent)}.post-body iframe{max-width:100%;border-radius:8px;border:0}.post-body .rte-video{position:relative;padding-bottom:56.25%;height:0;margin:16px 0;border-radius:8px;overflow:hidden}.post-detail-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.post-bookmark-wrap{position:relative}.post-bookmark-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-3);cursor:pointer;transition:color .18s,border-color .18s,background .18s}.post-bookmark-btn:hover{color:var(--accent);border-color:var(--accent-dark);background:var(--bg-hover)}.post-bookmark-btn.saved{color:var(--accent);border-color:var(--accent-dark)}.post-bookmark-btn:disabled{opacity:.5;cursor:not-allowed}.post-signin-prompt,.mp3-signin-prompt{position:absolute;right:0;top:calc(100% + 8px);background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius);padding:12px 14px;min-width:200px;box-shadow:var(--shadow);z-index:200;display:flex;flex-direction:column;gap:8px}.post-signin-prompt p,.mp3-signin-prompt p{font-size:13px;color:var(--text-2);margin:0}.post-signin-dismiss{position:absolute;top:6px;right:8px;background:none;border:none;color:var(--text-3);cursor:pointer;font-size:14px;padding:2px 4px;line-height:1}.post-signin-dismiss:hover{color:var(--text-1)}.mp3-track-bookmark-wrap{position:relative;display:flex;align-items:center;justify-content:center}.mp3-track-bookmark{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;border:none;background:transparent;color:var(--text-3);cursor:pointer;transition:color .15s,background .15s;opacity:0}.mp3-track-row:hover .mp3-track-bookmark,.mp3-track-row.active .mp3-track-bookmark,.mp3-track-bookmark.saved{opacity:1}.mp3-track-bookmark:hover{color:var(--accent);background:#ffd28c1f}.mp3-track-bookmark.saved{color:var(--accent)}.mp3-signin-prompt{right:0;top:calc(100% + 4px);min-width:190px}.library-tabs{display:flex;gap:4px;margin:20px 0 24px}.library-tab{padding:7px 16px;border-radius:8px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-2);font-size:13px;cursor:pointer;transition:all .15s}.library-tab:hover{border-color:var(--border-light);color:var(--text-1)}.library-tab.active{background:linear-gradient(180deg,#f6d29b,#e4b25c);color:#4f2611;border-color:transparent;font-weight:600}.library-section-title{font-size:18px;color:var(--accent-2);margin:0 0 14px}.library-section{margin-bottom:36px}.library-grid{display:flex;flex-direction:column;gap:10px}.library-card{display:grid;grid-template-columns:64px 1fr 36px;align-items:center;gap:14px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;transition:border-color .15s,background .15s}.library-card:hover{border-color:var(--border-light);background:var(--bg-hover)}.library-card-cover{width:64px;height:64px;border-radius:8px;overflow:hidden;background:var(--bg);flex-shrink:0}.library-card-cover img{width:100%;height:100%;object-fit:cover}.library-card-cover-track{display:flex;align-items:center;justify-content:center;color:var(--text-3)}.library-card-body{min-width:0;display:flex;flex-direction:column;gap:3px}.library-card-type{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}.library-card-title{font-size:15px;font-weight:600;color:var(--accent-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none}.library-card-title:hover{color:var(--accent)}.library-card-subtitle{font-size:12px;color:var(--text-3);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-card-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.library-card-remove{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;border:1px solid transparent;background:transparent;color:var(--accent);cursor:pointer;transition:color .15s,background .15s,border-color .15s;flex-shrink:0}.library-card-remove:hover{color:var(--red);background:#ef44441a;border-color:#ef44444d}.library-card-remove:disabled{opacity:.4;cursor:not-allowed}.library-empty-state{display:flex;flex-direction:column;align-items:center;gap:14px;padding:64px 24px;text-align:center;color:var(--text-2)}.library-empty-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bg-card);border:1px solid var(--border);color:var(--accent-dark);font-size:28px}.library-empty-state h2{font-size:22px;color:var(--accent-2);margin:0}.library-empty-state p{font-size:14px;color:var(--text-3);max-width:340px;margin:0}.library-empty-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:8px}.post-body .rte-video iframe{position:absolute;top:0;left:0;width:100%;height:100%}.post-body hr.post-jump-break{border:0;border-top:1px dashed var(--border);margin:24px 0;position:relative;height:0}.post-body hr.post-jump-break:after{content:""}.dash-library-section{margin-bottom:32px}.dash-library-section-title{font-size:15px;font-weight:700;color:var(--text-3);text-transform:uppercase;letter-spacing:.07em;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid var(--border)}.dash-saved-list{display:flex;flex-direction:column;gap:8px}.dash-saved-card{display:grid;grid-template-columns:52px 1fr 36px;align-items:center;gap:12px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;transition:border-color .15s,background .15s}.dash-saved-card:hover{border-color:var(--border-light);background:var(--bg-hover)}.dash-saved-cover{width:52px;height:52px;border-radius:8px;overflow:hidden;background:var(--bg);flex-shrink:0}.dash-saved-cover img{width:100%;height:100%;object-fit:cover}.dash-saved-cover-post,.dash-saved-cover-track{display:flex;align-items:center;justify-content:center;color:var(--text-3)}.dash-saved-info{min-width:0;display:flex;flex-direction:column;gap:3px}.dash-saved-title{font-size:14px;font-weight:600;color:var(--accent-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none}.dash-saved-title:hover{color:var(--accent)}.dash-saved-sub{font-size:12px;color:var(--text-3);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-saved-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.dash-saved-remove{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:6px;border:1px solid transparent;background:transparent;color:var(--accent);cursor:pointer;flex-shrink:0;transition:color .15s,background .15s,border-color .15s}.dash-saved-remove:hover{color:var(--red);background:#ef44441a;border-color:#ef44444d}.dash-saved-remove:disabled{opacity:.4;cursor:not-allowed}.dash-book-row{grid-template-columns:52px 1fr auto}.post-body table{border-collapse:collapse;margin:12px 0;width:100%}.post-body td,.post-body th{border:1px solid var(--border);padding:6px 10px}.ambient-player{position:fixed;top:calc(var(--navbar-h) + var(--safe-top) + 10px);right:12px;z-index:600;display:flex;flex-direction:column;align-items:flex-end;gap:6px}.ambient-btn{position:relative;width:42px;height:42px;border-radius:50%;border:2px solid var(--accent);background:var(--bg-card);color:var(--accent);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 12px #00000073;transition:background .15s ease,transform .15s ease;overflow:visible}.ambient-btn:hover{background:var(--bg-hover);transform:scale(1.08)}.ambient-player.is-playing .ambient-btn{background:color-mix(in srgb,var(--accent) 18%,var(--bg-card));border-color:var(--accent)}.ambient-pulse{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid var(--accent);opacity:0;animation:ambient-ring 2s ease-out infinite;pointer-events:none}@keyframes ambient-ring{0%{transform:scale(1);opacity:.8}to{transform:scale(1.6);opacity:0}}.ambient-prompt{display:flex;align-items:center;gap:2px;max-width:min(76vw,290px);padding:5px 6px 5px 8px;border-radius:999px;background:var(--bg-card);border:1px solid var(--border-light);box-shadow:0 8px 24px #00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:ambient-prompt-in .32s ease-out,ambient-prompt-bob 2.8s ease-in-out .32s infinite;transform-origin:top right}.ambient-prompt-action{display:flex;align-items:center;gap:8px;border:0;background:none;padding:2px;cursor:pointer;text-align:left;font:inherit;color:var(--text-1)}.ambient-prompt-icon{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--accent);color:var(--bg)}.ambient-prompt-text{font-size:.82rem;font-weight:600;line-height:1.2}.ambient-prompt-dismiss{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:0;border-radius:50%;background:transparent;color:var(--text-2);cursor:pointer;opacity:.75;transition:opacity .15s ease,background .15s ease}.ambient-prompt-dismiss:hover{opacity:1;background:var(--bg-hover)}@keyframes ambient-prompt-in{0%{opacity:0;transform:translateY(-6px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ambient-prompt-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@media (prefers-reduced-motion: reduce){.ambient-prompt{animation:ambient-prompt-in .2s ease-out}}.ambient-volume-popup{display:flex;align-items:center;gap:8px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:20px;padding:6px 12px;box-shadow:0 4px 16px #0006;color:var(--text-2);animation:ambient-popup-in .15s ease}@keyframes ambient-popup-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.ambient-volume-popup input[type=range]{width:90px;accent-color:var(--accent);cursor:pointer}.ambient-volume-pct{font-size:11px;color:var(--text-3);min-width:30px;text-align:right}@media (max-width: 600px){.ambient-player{top:calc(var(--navbar-h) + var(--safe-top) + 6px);right:8px}.ambient-btn{width:38px;height:38px}}