*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root,.theme-dark{--bg-primary: #1a1610;--bg-secondary: #211d15;--bg-paper: #2a2418;--bg-paper-raised: #332b1e;--bg-note: #2e2820;--bg-overlay: rgba(20, 17, 10, .92);--text-primary: #d4c5a0;--text-body: #c0b088;--text-dim: #7a6e55;--text-accent: #e8d5a0;--text-heading: #e0d0a0;--ink: #d4c5a0;--ink-faded: #8a7d60;--ink-red: #c47a5a;--ink-blue: #7a9ab0;--gold: #c4a44a;--gold-dim: #8a7a3a;--gold-glow: rgba(196, 164, 74, .15);--border: #3a3225;--border-light: #4a4030;--border-accent: #c4a44a;--shadow: rgba(0, 0, 0, .4);--shadow-deep: rgba(0, 0, 0, .6);--paper-grain: url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100' height='100' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");--font-heading: "Playfair Display", Georgia, serif;--font-body: "Crimson Pro", "Times New Roman", serif;--font-calligraphy: "Pinyon Script", cursive;--font-mono: "Share Tech Mono", monospace;color-scheme:dark}.theme-lite{--bg-primary: #f4ede0;--bg-secondary: #ece4d4;--bg-paper: #faf6ee;--bg-paper-raised: #fff;--bg-note: #f8f2e6;--bg-overlay: rgba(244, 237, 224, .95);--text-primary: #2a2520;--text-body: #3a352e;--text-dim: #9a9080;--text-accent: #5a3a1a;--text-heading: #2a1a0a;--ink: #2a2218;--ink-faded: #8a8070;--ink-red: #8a3a2a;--ink-blue: #2a4a6a;--gold: #8a6a2a;--gold-dim: #b0985a;--gold-glow: rgba(138, 106, 42, .1);--border: #d4c8b0;--border-light: #e0d8c8;--border-accent: #8a6a2a;--shadow: rgba(0, 0, 0, .08);--shadow-deep: rgba(0, 0, 0, .15);--paper-grain: url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100' height='100' filter='url(%23n)' opacity='0.015'/%3E%3C/svg%3E");--font-heading: "Playfair Display", Georgia, serif;--font-body: "Crimson Pro", "Times New Roman", serif;--font-calligraphy: "Pinyon Script", cursive;--font-mono: "Share Tech Mono", monospace;color-scheme:light}@media(prefers-color-scheme:light){.theme-auto{--bg-primary: #f4ede0;--bg-secondary: #ece4d4;--bg-paper: #faf6ee;--bg-paper-raised: #fff;--bg-note: #f8f2e6;--bg-overlay: rgba(244, 237, 224, .95);--text-primary: #2a2520;--text-body: #3a352e;--text-dim: #9a9080;--text-accent: #5a3a1a;--text-heading: #2a1a0a;--ink: #2a2218;--ink-faded: #8a8070;--ink-red: #8a3a2a;--ink-blue: #2a4a6a;--gold: #8a6a2a;--gold-dim: #b0985a;--gold-glow: rgba(138, 106, 42, .1);--border: #d4c8b0;--border-light: #e0d8c8;--border-accent: #8a6a2a;--shadow: rgba(0, 0, 0, .08);--shadow-deep: rgba(0, 0, 0, .15);--paper-grain: url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100' height='100' filter='url(%23n)' opacity='0.015'/%3E%3C/svg%3E");color-scheme:light}}@media(prefers-color-scheme:dark){.theme-auto{--bg-primary: #1a1610;--bg-secondary: #211d15;--bg-paper: #2a2418;--bg-paper-raised: #332b1e;--bg-note: #2e2820;--bg-overlay: rgba(20, 17, 10, .92);--text-primary: #d4c5a0;--text-body: #c0b088;--text-dim: #7a6e55;--text-accent: #e8d5a0;--text-heading: #e0d0a0;--ink: #d4c5a0;--ink-faded: #8a7d60;--ink-red: #c47a5a;--ink-blue: #7a9ab0;--gold: #c4a44a;--gold-dim: #8a7a3a;--gold-glow: rgba(196, 164, 74, .15);--border: #3a3225;--border-light: #4a4030;--border-accent: #c4a44a;--shadow: rgba(0, 0, 0, .4);--shadow-deep: rgba(0, 0, 0, .6);--paper-grain: url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100' height='100' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");color-scheme:dark}}html,body,#root{height:100%;width:100%}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-body);line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}#root:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:var(--paper-grain);background-repeat:repeat;pointer-events:none;z-index:9999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes inkReveal{0%{opacity:0;filter:blur(2px)}to{opacity:1;filter:blur(0)}}@keyframes unfold{0%{opacity:0;transform:scaleY(.8) translateY(10px);transform-origin:top}to{opacity:1;transform:scaleY(1) translateY(0)}}@keyframes shimmer{0%,to{opacity:.3}50%{opacity:.6}}@keyframes drift{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fadeIn .5s ease-out both}.animate-fade-up{animation:fadeUp .6s ease-out both}.animate-fade-down{animation:fadeDown .4s ease-out both}.animate-ink{animation:inkReveal .8s ease-out both}.animate-unfold{animation:unfold .5s ease-out both}.animate-pulse{animation:pulse 2s ease-in-out infinite}.font-heading{font-family:var(--font-heading);color:var(--text-heading);font-weight:600;letter-spacing:.02em}.font-calligraphy{font-family:var(--font-calligraphy);color:var(--text-accent)}.font-mono{font-family:var(--font-mono)}.paper{background:var(--bg-paper);border:1px solid var(--border);border-radius:2px;box-shadow:0 1px 3px var(--shadow),0 4px 12px var(--shadow)}.paper-raised{background:var(--bg-paper-raised);border:1px solid var(--border-light);border-radius:3px;box-shadow:0 2px 6px var(--shadow),0 8px 24px var(--shadow-deep),inset 0 1px #ffffff08}.paper-note{background:var(--bg-note);border:1px solid var(--border);border-radius:1px;padding:2rem 2.5rem;box-shadow:0 2px 8px var(--shadow),2px 4px 16px var(--shadow-deep);position:relative}.paper-note:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:1px solid var(--border);border-radius:1px;pointer-events:none;opacity:.3}.flourish{text-align:center;color:var(--gold-dim);-webkit-user-select:none;user-select:none;line-height:1}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gold-dim)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;font-size:inherit}button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}::selection{background:var(--gold-glow);color:var(--text-heading)}