@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--font-heading:"Outfit", sans-serif;--font-body:"Plus Jakarta Sans", sans-serif;--bg-primary:#090a0f;--bg-secondary:#121420;--bg-tertiary:#1b1e2e;--card-bg:#121420a6;--card-hover-bg:#1b1e2ecc;--border-color:#ffffff14;--border-hover:#39ff144d;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent:#39ff14;--accent-rgb:57, 255, 20;--accent-hover:#2ee600;--secondary-accent:#00e5ff;--danger:#ef4444;--success:#10b981;--warning:#f59e0b;--shadow-sm:0 2px 8px -2px #00000080;--shadow-md:0 4px 20px -4px #000000b3;--shadow-lg:0 10px 30px -10px #000c;--shadow-neon:0 0 15px #39ff1433;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px;--transition:all .3s cubic-bezier(.4, 0, .2, 1);--transition-slow:all .6s cubic-bezier(.4, 0, .2, 1)}[data-theme=light]{--bg-primary:#f3f4f6;--bg-secondary:#fff;--bg-tertiary:#f9fafb;--card-bg:#ffffffbf;--card-hover-bg:#fffffff2;--border-color:#00000014;--border-hover:#10b9814d;--text-primary:#111827;--text-secondary:#4b5563;--text-muted:#9ca3af;--accent:#10b981;--accent-rgb:16, 185, 129;--accent-hover:#059669;--secondary-accent:#06b6d4;--shadow-sm:0 2px 8px -2px #0000000d;--shadow-md:0 4px 20px -4px #00000014;--shadow-lg:0 10px 30px -10px #0000001f;--shadow-neon:0 0 15px #10b98126}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;transition:background-color .3s,color .3s;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:700;line-height:1.25}a{color:inherit;transition:var(--transition);text-decoration:none}button,input,textarea,select{font-family:inherit;font-size:inherit}button{cursor:pointer;transition:var(--transition);background:0 0;border:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.glass{background:var(--card-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);box-shadow:var(--shadow-md);border-radius:var(--radius-md)}.glass-panel{background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);border-radius:var(--radius-lg)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.glow-text{text-shadow:0 0 10px rgba(var(--accent-rgb), .3)}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn{font-weight:600;font-family:var(--font-heading);border-radius:var(--radius-sm);transition:var(--transition);justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;display:inline-flex}.btn-primary{background-color:var(--accent);color:#000;box-shadow:var(--shadow-neon)}.btn-primary:hover{background-color:var(--accent-hover);box-shadow:0 0 20px rgba(var(--accent-rgb), .4);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-color);background-color:#0000}.btn-secondary:hover{background-color:var(--bg-tertiary);border-color:var(--text-secondary);transform:translateY(-2px)}.btn-danger{background-color:var(--danger);color:#fff}.btn-danger:hover{filter:brightness(1.1);transform:translateY(-2px)}.article-reader-overlay{background:var(--bg-primary);z-index:9999;position:fixed;inset:0;overflow:hidden}.spinner{border:4px solid var(--border-color);border-top-color:var(--accent);border-radius:var(--radius-full);width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.editable-active{cursor:text;outline:1px dashed var(--accent);outline-offset:2px;transition:var(--transition);position:relative}.editable-active:hover{background:rgba(var(--accent-rgb), .05)}.editable-active:after{content:"Edit";background:var(--accent);color:#000;font-size:9px;font-weight:700;font-family:var(--font-body);pointer-events:none;opacity:.7;border-radius:2px;padding:1px 4px;position:absolute;top:-18px;right:0}.animate-fade-in{animation:.5s ease-out forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}:is(html:has(.book-reader-shell),body:has(.book-reader-shell)){height:100%!important;overflow:hidden!important}.book-reader-shell{z-index:9999;background:radial-gradient(#1a1a2e 0%,#090a0f 100%);flex-direction:column;height:100dvh;max-height:100dvh;display:flex;position:fixed;inset:0;overflow:hidden}.book-top-bar{border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(14px);z-index:10;background:#0e0f1afa;flex:0 0 48px;justify-content:space-between;align-items:center;min-height:48px;padding:0 20px;display:flex;overflow:hidden}.book-stage-wrapper{flex:1 1 0;justify-content:center;align-items:center;min-height:0;padding:16px 36px;display:flex;overflow:hidden}.book-stage{aspect-ratio:17/11;perspective:3000px;width:min(100%,154.545dvh - 216.364px);max-width:1500px;position:relative}.book-sheet{transform-origin:0;width:50%;height:100%;transform-style:preserve-3d;cursor:pointer;transition:transform .7s cubic-bezier(.645,.045,.355,1);position:absolute;top:0;right:0}.book-sheet.flipped{transform:rotateY(-180deg)}.book-sheet-face{backface-visibility:hidden;position:absolute;inset:0;overflow:hidden}.book-sheet-front{background:var(--bg-secondary)}.book-sheet-back{background:var(--bg-secondary);transform:rotateY(180deg)}.book-sheet-front:before{content:"";pointer-events:none;z-index:2;background:linear-gradient(90deg,#0000002e 0%,#0000 15%);width:100%;height:100%;position:absolute;top:0;left:0}.book-sheet-back:before{content:"";pointer-events:none;z-index:2;background:linear-gradient(270deg,#0000002e 0%,#0000 15%);width:100%;height:100%;position:absolute;top:0;right:0}.book-sheet.animating .book-sheet-front:after{content:"";pointer-events:none;z-index:3;background:linear-gradient(270deg,#00000073,#0000);width:60%;height:100%;position:absolute;top:0;right:0}.book-sheet.animating .book-sheet-back:after{content:"";pointer-events:none;z-index:3;background:linear-gradient(90deg,#00000073,#0000);width:60%;height:100%;position:absolute;top:0;left:0}.book-nav-bar{border-top:1px solid var(--border-color);-webkit-backdrop-filter:blur(14px);background:#0e0f1afa;flex:0 0 52px;justify-content:center;align-items:center;gap:20px;min-height:52px;padding:0 20px;display:flex;overflow:hidden}.book-nav-hint{color:var(--text-muted);font-size:.72rem}@media (width<=900px){.book-top-bar{flex:0 0 44px;min-height:44px;padding:0 14px}.book-stage-wrapper{padding:12px 14px}.book-stage{width:min(100%,154.545dvh - 197.818px)}.book-nav-bar{flex:0 0 48px;gap:14px;min-height:48px;padding:0 14px}}@media (width<=600px){.book-top-bar{flex-wrap:wrap;flex:none;gap:4px;min-height:42px;padding:6px 10px}.book-top-bar-title{max-width:120px!important;font-size:.68rem!important}.book-top-bar-progress{display:none!important}.book-stage-wrapper{padding:6px 2px}.book-stage{width:100%;max-width:none}.book-nav-bar{flex-wrap:wrap;flex:none;gap:8px;min-height:44px;padding:8px 10px}.book-nav-hint{display:none}}.book-page-body::-webkit-scrollbar{display:none}