@import"https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@300;400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200";:root{--bg-primary: #FAF9F6;--bg-secondary: #F0EDE855;--bg-tertiary: #FFFFFF;--bg-hover: #EAE6E0;--fg-primary: #1A1A1A;--fg-secondary: #6B6B6B;--border-color: #E5E0D8;--accent-color: #D97706;--accent-hover: #B45309;--accent-dim: #FEF3C7;--accent-glow: #D9770688;--ambient-glow: #EAE6E0;--danger-color: #DC2626;--success-color: #059669;--overlay-bg: rgba(255, 255, 255, .5);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-serif: "Instrument Serif", Georgia, serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--transition-speed: .2s;--transition-ease: cubic-bezier(.16, 1, .3, 1);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .1)}@media(prefers-color-scheme:dark){:root:not(.light-mode){--bg-primary: #1A1A1A;--bg-secondary: #24242455;--bg-tertiary: #2D2D2D;--bg-hover: #353535;--fg-primary: #ECECEC;--fg-secondary: #9B9B9B;--border-color: #333333;--accent-color: #F59E0B;--accent-hover: #D97706;--accent-dim: #38261A;--accent-glow: #F59E0B88;--ambient-glow: #353535;--danger-color: #EF4444;--success-color: #10B981;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .4);--overlay-bg: rgba(0, 0, 0, .5)}}.dark-mode{--bg-primary: #1A1A1A;--bg-secondary: #242424;--bg-tertiary: #2D2D2D;--bg-hover: #353535;--fg-primary: #ECECEC;--fg-secondary: #9B9B9B;--border-color: #333333;--accent-color: #F59E0B;--accent-hover: #D97706;--accent-dim: #38261A;--accent-glow: #F59E0B;--ambient-glow: #353535;--danger-color: #EF4444;--success-color: #10B981;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .4);--overlay-bg: rgba(0, 0, 0, .5)}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga";vertical-align:middle}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{background-color:var(--bg-primary);color:var(--fg-primary);font-family:var(--font-sans);font-size:14px;line-height:1.6;overflow-x:hidden;transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;z-index:0}a{color:var(--fg-primary);text-decoration:none;transition:color var(--transition-speed) ease}a:hover{color:var(--accent-color)}.bg-shapes{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;overflow:hidden}.shape{position:absolute;border-radius:50%;filter:blur(100px);opacity:.25;will-change:transform}.shape-1{width:600px;height:600px;background:var(--accent-glow);top:-200px;right:-200px;animation:float-shape-1 20s ease-in-out infinite}.shape-2{width:400px;height:400px;background:var(--accent-glow);bottom:-100px;left:-100px;animation:float-shape-2 30s ease-in-out infinite}.shape-3{width:300px;height:300px;background:var(--ambient-glow);top:40%;left:30%;animation:float-shape-3 40s ease-in-out infinite}@keyframes float-shape-1{0%{transform:translate(0) scale(1)}33%{transform:translate(-80px,40px) scale(1.04)}66%{transform:translate(-50px,90px) scale(.96)}to{transform:translate(0) scale(1)}}@keyframes float-shape-2{0%{transform:translate(0) scale(1)}33%{transform:translate(40px,-70px) scale(.95)}66%{transform:translate(70px,-40px) scale(1.05)}to{transform:translate(0) scale(1)}}@keyframes float-shape-3{0%{transform:translate(0) scale(1)}40%{transform:translate(70px,-50px) scale(1.08)}80%{transform:translate(-30px,50px) scale(.93)}to{transform:translate(0) scale(1)}}button,input,textarea,select{font-family:var(--font-sans);font-size:14px;background:transparent;color:var(--fg-primary);border:1px solid var(--border-color);padding:var(--space-sm) var(--space-md);outline:none;transition:border-color var(--transition-speed) ease,background-color var(--transition-speed) ease}button{cursor:pointer;background-color:var(--bg-tertiary);border-radius:var(--radius-sm);font-weight:500}button:hover{border-color:var(--fg-secondary);background-color:var(--bg-hover)}button:active{background-color:var(--bg-primary)}input:focus,textarea:focus,select:focus{border-color:var(--accent-color)}.container{max-width:800px;margin:0 auto;padding:var(--space-xl) var(--space-md)}.flex{display:flex}.flex-col{flex-direction:column}.align-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.text-secondary{color:var(--fg-secondary)}.text-danger{color:var(--danger-color)}.text-center{text-align:center}.border-bottom{border-bottom:1px solid var(--border-color)}.border-top{border-top:1px solid var(--border-color)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .3s var(--transition-ease) forwards}.fade-in-up{animation:fadeInUp .4s var(--transition-ease) forwards}