@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;0,800;1,400;1,600&family=Source+Serif+4:ital,opsz,wght@0,8..60,300;0,8..60,400;0,8..60,500;0,8..60,600;1,8..60,300;1,8..60,400&family=JetBrains+Mono:wght@300;400;500&family=Inter:wght@300;400;500;600;700&display=swap";:root{--parchment:#f7f3ed;--parchment-deep:#ede7da;--ink:#1a1614;--ink-soft:#3d352e;--ink-muted:#6b5e52;--amber:#c9913a;--amber-light:#e8c776;--amber-glow:#c9913a26;--copper:#b87333;--sage:#6b7f5e;--rust:sienna;--sky:#4a6fa5;--card-bg:#fffcf7;--card-border:#e4ddd0;--shadow-warm:#8b6d4b14;--shadow-warm-lg:#8b6d4b24;--term-bg:#0a0e14;--term-bg-raised:#111822;--term-green:#39ff85;--term-green-dim:#1a7a3f;--term-amber:#ffb347;--term-blue:#5ccfe6;--term-text:#b8c4ce;--term-border:#1d2b3a;--term-scanline:#39ff8508;--font-display:"Playfair Display", Georgia, serif;--font-body:"Source Serif 4", "Georgia", serif;--font-ui:"Inter", -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Menlo", monospace;--text-xxl:clamp(2.5rem, 5vw, 4rem);--text-xl:clamp(1.75rem, 3vw, 2.5rem);--text-lg:clamp(1.25rem, 2vw, 1.75rem);--text-md:1.125rem;--text-base:1.05rem;--text-sm:.9rem;--text-xs:.8rem;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.5rem;--space-xxl:4rem;--space-huge:6rem;--max-width:1200px;--sidebar-width:340px;--content-width:700px;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-out-quad:cubic-bezier(.25, .46, .45, .94);--transition-fast:.15s var(--ease-out-quad);--transition-base:.3s var(--ease-out-expo);--transition-slow:.6s var(--ease-out-expo);--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-xl:24px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:var(--text-base);color:var(--ink);background:var(--parchment);min-height:100vh;line-height:1.75;overflow-x:hidden}#root{min-height:100vh}a{color:var(--amber);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--copper)}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4{font-family:var(--font-display);color:var(--ink);font-weight:700;line-height:1.2}h1{font-size:var(--text-xxl);letter-spacing:-.02em}h2{font-size:var(--text-xl);letter-spacing:-.01em}h3{font-size:var(--text-lg)}h4{font-size:var(--text-md)}p{margin-bottom:1.25em}code,.mono{font-family:var(--font-mono);font-size:.9em}.text-muted{color:var(--ink-muted)}.text-amber{color:var(--amber)}.container{max-width:var(--max-width);padding:0 var(--space-lg);margin:0 auto}.page{padding-top:var(--space-xl);padding-bottom:var(--space-huge)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 0 0 var(--amber-glow)}50%{box-shadow:0 0 20px 4px var(--amber-glow)}}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}.animate-fade-in-up{animation:fadeInUp .7s var(--ease-out-expo) forwards;opacity:0}.animate-fade-in{animation:fadeIn .5s var(--ease-out-quad) forwards;opacity:0}.animate-slide-left{animation:slideInLeft .6s var(--ease-out-expo) forwards;opacity:0}.animate-slide-right{animation:slideInRight .6s var(--ease-out-expo) forwards;opacity:0}.stagger>*{opacity:0;animation:fadeInUp .6s var(--ease-out-expo) forwards}.stagger>:first-child{animation-delay:0s}.stagger>:nth-child(2){animation-delay:80ms}.stagger>:nth-child(3){animation-delay:.16s}.stagger>:nth-child(4){animation-delay:.24s}.stagger>:nth-child(5){animation-delay:.32s}.stagger>:nth-child(6){animation-delay:.4s}.stagger>:nth-child(7){animation-delay:.48s}.stagger>:nth-child(8){animation-delay:.56s}body.terminal-mode{background:var(--term-bg);color:var(--term-text)}body.terminal-mode h1,body.terminal-mode h2,body.terminal-mode h3,body.terminal-mode h4{color:var(--term-green);font-family:var(--font-mono);text-shadow:0 0 10px #39ff854d}body.terminal-mode a{color:var(--term-amber)}body.terminal-mode a:hover{color:var(--term-green);text-shadow:0 0 8px #39ff8566}body.terminal-mode:after{content:"";background:repeating-linear-gradient(0deg, transparent, transparent 2px, var(--term-scanline) 2px, var(--term-scanline) 4px);pointer-events:none;z-index:9999;position:fixed;inset:0}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--parchment-deep)}::-webkit-scrollbar-thumb{background:var(--ink-muted);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--ink-soft)}body.terminal-mode ::-webkit-scrollbar-track{background:var(--term-bg)}body.terminal-mode ::-webkit-scrollbar-thumb{background:var(--term-green-dim)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}