@font-face{font-family:Inter;font-weight:300;src:url(/fonts/inter.woff2) format("woff2")}@font-face{font-family:Inter;font-weight:400;src:url(/fonts/inter.woff2) format("woff2")}@font-face{font-family:Inter;font-weight:700;src:url(/fonts/inter.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-weight:300;src:url(/fonts/jetbrains-mono.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-weight:400;src:url(/fonts/jetbrains-mono.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-weight:700;src:url(/fonts/jetbrains-mono.woff2) format("woff2")}:root{--bg: #0a0a0a;--surface: #111111;--border: #1a1a1a;--accent: #ffffff;--accent-hover: #cccccc;--text: #f0f0f0;--muted: #666666;--radius-card: 16px;--radius-pill: 999px;--font: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Consolas", monospace}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;line-height:1.5;overflow-x:hidden}::selection{background:#fff;color:#0a0a0a}canvas#particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}#app{max-width:880px;margin:0 auto;padding:24px 16px;min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:1}header{display:flex;justify-content:space-between;align-items:center;padding:32px 0 20px;border-bottom:1px solid #222;animation:fadeDown .8s ease-out}header .logo{font-family:JetBrains Mono,monospace;font-size:18px;font-weight:700;display:flex;align-items:center;gap:10px;color:#f0f0f0;text-decoration:none}header .logo .face{display:inline-block;transition:transform .3s}header .logo:hover .face{transform:scale(1.2)}header .logo .dot{color:#666}header .logo span:last-child{font-weight:300;color:#888;font-size:14px}header nav{display:flex;gap:24px}header nav a{color:#666;text-decoration:none;font-size:14px;transition:color .3s;font-family:JetBrains Mono,monospace}header nav a:hover{color:#fff}header nav a.active{color:#f0f0f0}footer{border-top:1px solid #1a1a1a;padding:24px 0;display:flex;justify-content:space-between;font-size:12px;color:#444;font-family:JetBrains Mono,monospace;margin-top:40px}@media(max-width:640px){footer{flex-direction:column;gap:8px;padding:16px 0;font-size:11px}}footer a{color:#666;text-decoration:none;transition:color .3s}footer a:hover{color:#fff}.hidden{display:none!important}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#fff;color:#0a0a0a;border-radius:999px;padding:12px 24px;font-size:.875rem;font-weight:700;z-index:9999;opacity:0;transition:opacity .2s ease;pointer-events:none;font-family:var(--font-mono)}.toast.visible{opacity:1}.fade-in{animation:fadeIn .2s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0a0a0a}::-webkit-scrollbar-thumb{background:#222;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#444}@media(max-width:640px){#app{padding:16px 12px}header{padding:20px 0 16px}header .logo{font-size:15px}header nav a{font-size:12px}.app-header{margin-bottom:24px;padding-top:16px}.app-title{font-size:1.25rem}}