:root{--paper: #F7F2E7;--paper-dark: #E9DFC8;--ink: #1E293B;--graphite: #475569;--accent: #C08B3E;--accent-light: #DFB269;--markdown-bg: #FAFAFA;--line: #D8CDB8;--margin-red: #FCA5A5;--cover-bg: #223043;--spine-shadow: rgba(0, 0, 0, .15);--font-title: "Special Elite", monospace;--font-handwritten: "Caveat", cursive;--font-body: "Inter", sans-serif;--font-code: "JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#121824;background-image:radial-gradient(circle at 10% 20%,rgba(30,41,59,.4) 0%,transparent 60%),radial-gradient(circle at 80% 80%,rgba(20,26,38,.8) 0%,transparent 80%);color:var(--ink);font-family:var(--font-body);min-height:100vh;overflow-x:hidden;display:flex;justify-content:center;align-items:center;perspective:1500px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--graphite)}.paper-lined{background-color:var(--paper);background-image:linear-gradient(90deg,rgba(239,68,68,.15) 0%,rgba(239,68,68,.15) 1px,transparent 1px,transparent 100%),linear-gradient(var(--line) 1px,transparent 1px);background-size:100% 100%,100% 28px;background-position:50px 0,0 8px;position:relative}.paper-grid{background-color:var(--paper);background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:24px 24px;background-position:0 0;position:relative}.paper-dot{background-color:var(--paper);background-image:radial-gradient(var(--line) 1.5px,transparent 1.5px);background-size:24px 24px;background-position:0 0;position:relative}.paper-blank{background-color:var(--paper);position:relative}.paper-lined:before,.paper-grid:before,.paper-dot:before,.paper-blank:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.045'/%3E%3C/svg%3E");pointer-events:none;opacity:.85;z-index:1}.markdown-body{font-family:var(--font-body);line-height:1.6;color:var(--ink)}.markdown-body h1,.markdown-body h2,.markdown-body h3{font-family:var(--font-code);font-weight:600;color:var(--ink);margin-bottom:.75rem;margin-top:1.5rem;border-bottom:1px dashed var(--line);padding-bottom:.25rem}.markdown-body h1{font-size:1.8rem}.markdown-body h2{font-size:1.4rem}.markdown-body p{margin-bottom:1rem}.markdown-body code{font-family:var(--font-code);background:var(--markdown-bg);padding:.2rem .4rem;border-radius:4px;font-size:.9em;border:1px solid var(--line)}.markdown-body pre{background:var(--markdown-bg);border:1px solid var(--line);border-radius:6px;padding:1rem;overflow-x:auto;margin-bottom:1rem}.markdown-body pre code{background:none;border:none;padding:0;font-size:.85rem}.markdown-body ul,.markdown-body ol{margin-left:1.5rem;margin-bottom:1rem}.markdown-body li{margin-bottom:.25rem}.markdown-body blockquote{border-left:4px solid var(--accent);padding-left:1rem;margin-left:0;margin-bottom:1rem;color:var(--graphite);font-style:italic;background:#c08b3e0d;padding-top:.5rem;padding-bottom:.5rem;border-radius:0 4px 4px 0}@keyframes pageTurnLeft{0%{transform:rotateY(0)}to{transform:rotateY(-180deg)}}@keyframes pageTurnRight{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}.handdrawn-border{border:2px solid var(--ink);border-radius:255px 15px 225px/15px 225px 15px 255px}body.night-mode{--paper: #FAF4EB;--paper-dark: #EADDC5;--ink: #2b231d;--graphite: #6b5c52;--accent: #c27813;--accent-light: #e09733;--line: #ebdcc8;--margin-red: rgba(220, 80, 80, .28);--markdown-bg: #fcf9f4;--spine-shadow: rgba(45, 30, 15, .15);background-color:#0b0908;background-image:radial-gradient(circle at 50% 20%,rgba(251,146,60,.08) 0%,transparent 65%),radial-gradient(circle at 10% 20%,rgba(12,10,8,.95) 0%,transparent 70%),radial-gradient(circle at 80% 80%,rgba(8,6,5,.98) 0%,transparent 80%)}body.night-mode .book-viewport{background-color:#0c0a08;background-image:radial-gradient(ellipse 65% 55% at 50% 20%,rgba(254,215,170,.16) 0%,rgba(251,146,60,.04) 50%,transparent 95%),radial-gradient(circle at 10% 20%,rgba(12,10,8,.95) 0%,transparent 70%),radial-gradient(circle at 80% 80%,rgba(8,6,5,.98) 0%,transparent 80%)}body.night-mode .left-page{background-image:linear-gradient(to left,rgba(251,146,60,.03) 0%,transparent 100%),linear-gradient(to bottom,transparent 80%,rgba(0,0,0,.04) 100%)}body.night-mode .right-page{background-image:linear-gradient(to right,rgba(251,146,60,.03) 0%,transparent 100%),linear-gradient(to bottom,transparent 80%,rgba(0,0,0,.04) 100%)}body.night-mode .paper-lined,body.night-mode .paper-grid,body.night-mode .paper-dot,body.night-mode .paper-blank{background-color:var(--paper)}body.night-mode .paper-lined{background-image:linear-gradient(90deg,rgba(220,80,80,.12) 0%,rgba(220,80,80,.12) 1px,transparent 1px,transparent 100%),linear-gradient(var(--line) 1px,transparent 1px);background-size:100% 100%,100% 28px;background-position:50px 0,0 8px}body.night-mode .paper-grid{background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:24px 24px}body.night-mode .paper-dot{background-image:radial-gradient(var(--line) 1.5px,transparent 1.5px);background-size:24px 24px}body.night-mode .markdown-body{color:var(--ink)}body.night-mode .markdown-body h1,body.night-mode .markdown-body h2,body.night-mode .markdown-body h3{color:var(--ink);border-bottom-color:var(--line)}body.night-mode .markdown-body code{background:var(--markdown-bg);border-color:var(--line);color:var(--accent)}body.night-mode .markdown-body pre{background:var(--markdown-bg);border-color:var(--line)}body.night-mode .markdown-body blockquote{border-left-color:var(--accent);background:#c278130a;color:var(--graphite)}body.night-mode .spiral-ring{background:linear-gradient(180deg,#3a2e22,#8c7355,#ebdccb,#765f45,#2a1f14);box-shadow:0 3px 5px #00000073,inset 0 1px 1px #ffe6c859}body.night-mode .status-badge{background:#c278131f;color:var(--accent)}body.night-mode .status-badge.completed{background:#10b9811f;color:#059669}body.night-mode .tech-tag{background:#6b5c5214;color:var(--graphite);border-color:var(--line)}body.night-mode .doodle-toggle-btn.active{background:#c278131f;outline:2px solid var(--accent);color:var(--accent)}body.dark-mode{--paper: #16161a;--paper-dark: #0f0f12;--ink: #e2e8f0;--graphite: #94a3b8;--accent: #f59e0b;--accent-light: #fcd34d;--line: #2d2e38;--margin-red: rgba(239, 68, 68, .25);--markdown-bg: #1e1e24;--spine-shadow: rgba(0, 0, 0, .5);background-color:#08080a;background-image:radial-gradient(circle at 10% 20%,rgba(30,41,59,.3) 0%,transparent 60%),radial-gradient(circle at 80% 80%,rgba(10,10,12,.95) 0%,transparent 80%)}body.dark-mode .book-viewport{background-color:#08080a;background-image:radial-gradient(circle at 10% 20%,rgba(30,41,59,.3) 0%,transparent 60%),radial-gradient(circle at 80% 80%,rgba(10,10,12,.95) 0%,transparent 80%)}body.dark-mode .left-page{background-image:linear-gradient(to left,rgba(255,255,255,.02) 0%,transparent 100%),linear-gradient(to bottom,transparent 80%,rgba(0,0,0,.15) 100%)}body.dark-mode .right-page{background-image:linear-gradient(to right,rgba(255,255,255,.02) 0%,transparent 100%),linear-gradient(to bottom,transparent 80%,rgba(0,0,0,.15) 100%)}body.dark-mode .paper-lined,body.dark-mode .paper-grid,body.dark-mode .paper-dot,body.dark-mode .paper-blank{background-color:var(--paper)}body.dark-mode .paper-lined{background-image:linear-gradient(90deg,rgba(239,68,68,.12) 0%,rgba(239,68,68,.12) 1px,transparent 1px,transparent 100%),linear-gradient(var(--line) 1px,transparent 1px);background-size:100% 100%,100% 28px;background-position:50px 0,0 8px}body.dark-mode .paper-grid{background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:24px 24px}body.dark-mode .paper-dot{background-image:radial-gradient(var(--line) 1.5px,transparent 1.5px);background-size:24px 24px}body.dark-mode .markdown-body{color:var(--ink)}body.dark-mode .markdown-body h1,body.dark-mode .markdown-body h2,body.dark-mode .markdown-body h3{color:var(--ink);border-bottom-color:var(--line)}body.dark-mode .markdown-body code{background:var(--markdown-bg);border-color:var(--line);color:var(--accent-light)}body.dark-mode .markdown-body pre{background:var(--markdown-bg);border-color:var(--line)}body.dark-mode .markdown-body blockquote{border-left-color:var(--accent);background:#f59e0b0d;color:var(--graphite)}body.dark-mode .spiral-ring{background:linear-gradient(180deg,#18181c,#3f3f46,#71717a,#27272a,#09090b);box-shadow:0 3px 5px #0009,inset 0 1px 1px #ffffff1a}body.dark-mode .status-badge{background:#f59e0b26;color:var(--accent-light)}body.dark-mode .status-badge.completed{background:#10b98126;color:#34d399}body.dark-mode .tech-tag{background:#ffffff0a;color:var(--graphite);border-color:var(--line)}body.dark-mode .settings-content{background:linear-gradient(160deg,#18181c,#101014);outline-color:var(--accent);color:var(--ink);box-shadow:0 8px 28px #0009,0 2px 6px #0006}body.dark-mode .settings-toggle-btn{background:linear-gradient(135deg,#18181c,#101014);outline-color:var(--accent);color:var(--ink);box-shadow:0 2px 6px #00000080,inset 0 1px #ffffff0d}body.dark-mode .settings-toggle-btn:hover{background:linear-gradient(135deg,#222228,#18181c);outline-color:var(--accent-light)}body.dark-mode .close-book-btn{background:linear-gradient(135deg,#18181c,#101014);outline-color:var(--accent);color:var(--ink);box-shadow:0 2px 6px #00000080,inset 0 1px #ffffff0d}body.dark-mode .close-book-btn:hover{background:linear-gradient(135deg,#222228,#18181c);outline-color:var(--accent-light)}body.dark-mode .style-pill,body.dark-mode .theme-pill{background:#ffffff0d;border-color:var(--line);color:var(--graphite)}body.dark-mode .style-pill:hover,body.dark-mode .theme-pill:hover{background:#f59e0b26;color:var(--ink);border-color:var(--accent)}body.dark-mode .style-pill.active,body.dark-mode .theme-pill.active{background:var(--accent);border-color:var(--accent);color:#111}body.dark-mode .sound-toggle{color:var(--graphite)}body.dark-mode .sound-toggle:hover{color:var(--ink)}body.dark-mode .settings-content h4{color:var(--ink);border-bottom-color:var(--accent)}body.dark-mode .settings-content:before{background:#ef444426}body.dark-mode .assistant-card{background:linear-gradient(160deg,#18181c,#101014);outline-color:var(--accent);color:var(--ink);box-shadow:0 12px 32px #0009,0 3px 10px #0006}body.dark-mode .assistant-card:before{background:#ef444426}body.dark-mode .assistant-trigger-btn{background:linear-gradient(135deg,#18181c,#101014);outline-color:var(--accent);color:var(--ink);box-shadow:0 4px 10px #00000080,inset 0 1px #ffffff0d}body.dark-mode .assistant-trigger-btn:hover{background:linear-gradient(135deg,#222228,#18181c);outline-color:var(--accent-light)}body.dark-mode .assistant-trigger-btn.active{background:var(--ink);color:var(--paper);outline-color:var(--accent)}body.dark-mode .mode-selector button,body.dark-mode .chip{background:#ffffff0d;border-color:var(--line);color:var(--graphite)}body.dark-mode .mode-selector button:hover,body.dark-mode .chip:hover:not(:disabled){background:#f59e0b26;color:var(--ink);border-color:var(--accent)}body.dark-mode .mode-selector button.active{background:var(--accent);border-color:var(--accent);color:#111}body.dark-mode .bubble-avatar{background:#ffffff0d;border-color:var(--line);color:var(--ink)}body.dark-mode .chat-input{color:#60a5fa}body.dark-mode .doodle-toggle-btn{background:linear-gradient(135deg,#18181c,#101014);outline-color:var(--accent);color:var(--ink);box-shadow:2px 2px 6px #00000080,inset 0 1px #ffffff0d}body.dark-mode .doodle-toggle-btn:hover{background:linear-gradient(135deg,#222228,#18181c);outline-color:var(--accent-light);color:var(--ink)}body.dark-mode .doodle-toggle-btn.active{background:#f59e0b26;outline:2px solid var(--accent);color:var(--accent-light)}body.dark-mode .doodle-toolbar{background:linear-gradient(135deg,#18181c,#101014);outline-color:var(--accent);box-shadow:0 4px 14px #00000080,inset 0 1px #ffffff0d}body.dark-mode .tool-btn{color:var(--graphite)}body.dark-mode .tool-btn:hover{background:#f59e0b26;color:var(--ink)}body.dark-mode .tool-btn.selected{background:var(--accent);color:#111}body.dark-mode .delete-btn:hover{background:#ef444433;color:#f87171}.tw-typing:after{content:"|";color:var(--accent);animation:twBlink .75s step-end infinite;font-weight:300;margin-left:1px}@keyframes twBlink{0%,to{opacity:1}50%{opacity:0}}