:root{--bg:#0a0a0f;--surface-1:#111118;--surface-2:#1a1a24;--surface-3:#22222f;--surface-4:#2a2a3a;--border:#ffffff12;--border-hover:#ffffff24;--border-focus:#ffffff47;--accent:#6c63ff;--accent-hover:#7c74ff;--accent-light:#6c63ff26;--text-primary:#ffffffeb;--text-secondary:#ffffff8c;--text-tertiary:#ffffff4d;--text-disabled:#ffffff2e;--parchment:#f7f3ed;--parchment-dark:#ede7db;--parchment-line:#ddd5c5;--ink-dark:#2c2620;--ink-mid:#5c4d3c;--ink-light:#8a7968}[data-theme=midnight]{--bg:#0a0a0f;--surface-1:#111118;--surface-2:#1a1a24;--surface-3:#22222f;--accent:#6c63ff;--accent-light:#6c63ff26;--accent-hover:#7c74ff}[data-theme=sand]{--bg:#0f0d0a;--surface-1:#17140f;--surface-2:#211c14;--surface-3:#2a231a;--accent:#c9a96e;--accent-light:#c9a96e26;--accent-hover:#d9bc85}[data-theme=emerald]{--bg:#080f0c;--surface-1:#0d1710;--surface-2:#122118;--surface-3:#182c20;--accent:#34d399;--accent-light:#34d3991f;--accent-hover:#4ee8ae}[data-theme=obsidian]{--bg:#080808;--surface-1:#101010;--surface-2:#191919;--surface-3:#222;--accent:#a0a0a0;--accent-light:#a0a0a01f;--accent-hover:#bfbfbf}[data-theme=royal]{--bg:#0c0a14;--surface-1:#14102a;--surface-2:#1c1636;--surface-3:#241d42;--accent:#9f7aea;--accent-light:#9f7aea26;--accent-hover:#b090f5}[data-theme=dark-academia]{--bg:#0d0b08;--surface-1:#171410;--surface-2:#201b14;--surface-3:#2a231a;--accent:#c8a96e;--accent-light:#c8a96e26;--accent-hover:#d9bc85}*,:before,:after{box-sizing:border-box}body{background-color:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Inter,system-ui,sans-serif;font-size:14px;line-height:1.6;transition:background-color .4s}.font-display{font-family:DM Serif Display,Georgia,serif}.font-body{font-family:Inter,system-ui,sans-serif}.font-serifTitle,.font-serifHeading{font-family:DM Serif Display,Georgia,serif}.font-handwriting{font-family:Caveat,cursive}.font-bodyText{font-family:EB Garamond,Georgia,serif}.font-urdu{font-family:Noto Nastaliq Urdu,Gulzar,Amiri,serif}.glass{-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--border);background:#ffffff0a}.glass-strong{-webkit-backdrop-filter:blur(32px)saturate(200%);border:1px solid var(--border-hover);background:#ffffff12}.surface-1{background:var(--surface-1);border:1px solid var(--border)}.surface-2{background:var(--surface-2);border:1px solid var(--border)}.surface-3{background:var(--surface-3);border:1px solid var(--border)}.card{background:var(--surface-1);border:1px solid var(--border);border-radius:20px;transition:box-shadow .2s,border-color .2s,transform .2s;box-shadow:0 4px 24px #00000059,inset 0 1px #ffffff0d}.card:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:0 8px 40px #00000080,inset 0 1px #ffffff12}.btn{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border:none;border-radius:10px;outline:none;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-family:Inter,system-ui,sans-serif;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 2px 12px #0000004d}.btn-primary:hover{background:var(--accent-hover);box-shadow:0 4px 20px #0006}.btn-secondary{background:var(--surface-3);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--surface-4);border-color:var(--border-hover)}.btn-ghost{color:var(--text-secondary);background:0 0;border:1px solid #0000}.btn-ghost:hover{background:var(--surface-2);color:var(--text-primary);border-color:var(--border)}.btn-danger{color:#ef4444;background:#ef444426;border:1px solid #ef444440}.btn-danger:hover{background:#ef444440}.input-field{background:var(--surface-1);border:1px solid var(--border);width:100%;color:var(--text-primary);border-radius:10px;outline:none;padding:10px 14px;font-family:Inter,system-ui,sans-serif;font-size:14px;transition:border-color .15s,box-shadow .15s}.input-field:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.input-field::placeholder{color:var(--text-tertiary)}.modal-overlay{z-index:50;-webkit-backdrop-filter:blur(12px)saturate(180%);background:#000000b3;justify-content:center;align-items:center;padding:16px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-panel{background:var(--surface-1);border:1px solid var(--border-hover);border-radius:20px;max-height:90vh;animation:.35s cubic-bezier(.16,1,.3,1) slideUp;overflow-y:auto;box-shadow:0 24px 80px #000000b3,inset 0 1px #ffffff0f}.lined-paper{background-color:var(--parchment);background-image:linear-gradient(var(--parchment-line) 1px, transparent 1px);background-position:0 1.4rem;background-size:100% 2rem}.spine-divider{background:linear-gradient(90deg,#00000026 0%,#0000000f 30%,#c8b9a54d 50%,#0000000f 70%,#00000026 100%)}.cover-ribbon-stripe{background:var(--accent);opacity:.9;border-radius:20px 20px 0 0;height:4px;position:absolute;top:0;left:0;right:0}@keyframes ribbonWiggleNatural{0%{transform:rotate(0)}20%{transform:rotate(4deg)}40%{transform:rotate(-3deg)}60%{transform:rotate(1.5deg)}80%{transform:rotate(-.8deg)}to{transform:rotate(0)}}.ribbon-wiggle-natural{transform-origin:top}.ribbon-wiggle-natural:hover{animation:.8s cubic-bezier(.25,1,.5,1) ribbonWiggleNatural}@keyframes singlePageFlipNext{0%{transform-origin:0;transform:perspective(1600px)rotateY(0);box-shadow:-5px 0 20px #0003}50%{transform-origin:0;transform:perspective(1600px)rotateY(-90deg)scale(.98);box-shadow:-30px 20px 50px #000000b3}to{transform-origin:0;transform:perspective(1600px)rotateY(-180deg);box-shadow:0 0 #0000}}@keyframes singlePageFlipPrev{0%{transform-origin:100%;transform:perspective(1600px)rotateY(0);box-shadow:5px 0 20px #0003}50%{transform-origin:100%;transform:perspective(1600px)rotateY(90deg)scale(.98);box-shadow:30px 20px 50px #000000b3}to{transform-origin:100%;transform:perspective(1600px)rotateY(180deg);box-shadow:0 0 #0000}}.animate-single-page-next{animation:.42s cubic-bezier(.4,.2,.2,1) forwards singlePageFlipNext}.animate-single-page-prev{animation:.42s cubic-bezier(.4,.2,.2,1) forwards singlePageFlipPrev}@keyframes pageTearFalling{0%{opacity:1;transform:rotate(0)translateY(0)scale(1)}20%{opacity:.95;transform:rotate(-6deg)translateY(30px)scale(.98)}60%{opacity:.6;transform:rotate(-22deg)translateY(350px)translate(-60px)scale(.85)}to{opacity:0;transform:rotate(-38deg)translateY(800px)translate(-120px)scale(.7)}}.animate-page-tear{animation:.75s cubic-bezier(.4,.2,.2,1) forwards pageTearFalling}@keyframes scrapFall{0%{opacity:1;transform:translateY(0)rotate(0)scale(1)}50%{opacity:.8;transform:translateY(300px)translate(-40px)rotate(180deg)scale(.8)}to{opacity:0;transform:translateY(700px)translate(60px)rotate(360deg)scale(.5)}}.animate-scrap-fall{animation:.7s cubic-bezier(.25,.46,.45,.94) forwards scrapFall}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:.3s forwards fadeIn}.animate-slide-up{animation:.4s cubic-bezier(.16,1,.3,1) forwards slideUp}.animate-scale-in{animation:.2s cubic-bezier(.16,1,.3,1) forwards scaleIn}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff3}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.book-card-midnight{background:linear-gradient(135deg,#1a1040 0%,#0a0820 60%,#12101f 100%)}.book-card-sand{background:linear-gradient(135deg,#2a1f0e 0%,#16100a 60%,#1a1408 100%)}.book-card-emerald{background:linear-gradient(135deg,#0d2820 0%,#071510 60%,#0a1e18 100%)}.book-card-obsidian{background:linear-gradient(135deg,#1c1c1c 0%,#0a0a0a 60%,#141414 100%)}.book-card-royal{background:linear-gradient(135deg,#1c0e3a 0%,#0e0720 60%,#180f32 100%)}.book-card-dark-academia{background:linear-gradient(135deg,#261d0e 0%,#140e06 60%,#1e1810 100%)}.pattern-noise{mix-blend-mode:overlay;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:256px}.pattern-dots{background-image:radial-gradient(#ffffff1f 1px,#0000 1px);background-size:16px 16px}.pattern-grid{background-image:linear-gradient(#ffffff0f 1px,#0000 1px),linear-gradient(90deg,#ffffff0f 1px,#0000 1px);background-size:24px 24px}.pattern-stripes{background-image:repeating-linear-gradient(45deg,#ffffff08 0 2px,#0000 2px 12px)}.pattern-crosshatch{background-image:repeating-linear-gradient(45deg,#ffffff0a 0 1px,#0000 1px 10px),repeating-linear-gradient(-45deg,#ffffff0a 0 1px,#0000 1px 10px)}.pattern-none{background:0 0}