:root{--bg: #0a0a0c;--bg-2: #101014;--surface: #14141a;--surface-2: #1b1b22;--line: #25252e;--line-soft: #1e1e26;--text: #ededf0;--text-2: #b4b4be;--muted: #71717a;--muted-2: #52525b;--accent: #4ade80;--accent-2: #a78bfa;--accent-soft: rgba(74, 222, 128, .14);--success: #4ade80;--warn: #fbbf24;--maxw: 1180px;--gutter: clamp(20px, 4vw, 56px);--radius: 14px;--radius-lg: 22px;--density: 1}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button{font-family:inherit}::selection{background:var(--accent);color:#fff}html,body{background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-feature-settings:"ss01","cv11";min-height:100vh}body{background:radial-gradient(1200px 600px at 15% -10%,rgba(74,222,128,.08),transparent 60%),radial-gradient(900px 500px at 110% 10%,rgba(167,139,250,.06),transparent 60%),var(--bg)}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(to right,rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.022) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,black 40%,transparent 100%);mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,black 40%,transparent 100%)}.mono{font-family:JetBrains Mono,ui-monospace,Menlo,monospace;font-feature-settings:"ss01","cv11"}.serif{font-family:"Instrument Serif",Georgia,serif;font-weight:400;letter-spacing:-.01em}.sh .title em{color:var(--accent)}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 0 3px color-mix(in oklab,var(--success) 20%,transparent);animation:pulse 2.4s ease-in-out infinite}.cursor-glow{position:fixed;pointer-events:none;z-index:1;left:var(--mx, -1000px);top:var(--my, -1000px);width:560px;height:560px;transform:translate(-50%,-50%);background:radial-gradient(circle,color-mix(in oklab,var(--accent) 20%,transparent),transparent 60%);opacity:.7;mix-blend-mode:screen;transition:opacity .3s}.tag{padding:3px 8px;border-radius:5px;font-size:10.5px;background:color-mix(in oklab,var(--accent) 8%,var(--bg-2));color:color-mix(in oklab,var(--accent) 80%,var(--text));border:1px solid color-mix(in oklab,var(--accent) 16%,transparent);display:inline-flex;align-items:center;gap:5px}.tag--ghost{background:var(--bg-2);color:var(--text-2);border-color:var(--line-soft)}.tag.status--live:before,.tag.status--sunset:before,.tag.status--archived:before{content:"";display:block;width:6px;height:6px;border-radius:50%;flex-shrink:0}.tag.status--live:before{background:var(--success);box-shadow:0 0 4px color-mix(in oklab,var(--success) 60%,transparent)}.tag.status--sunset:before{background:var(--warn);box-shadow:0 0 4px color-mix(in oklab,var(--warn) 60%,transparent)}.tag.status--archived:before{background:var(--muted)}.btn{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:10px;font-size:14px;font-weight:500;transition:.18s ease;border:1px solid transparent;cursor:pointer;font-family:inherit}.btn--primary{background:var(--accent);color:var(--bg);box-shadow:0 6px 24px color-mix(in oklab,var(--accent) 30%,transparent),inset 0 1px #ffffff2e}.btn--primary:hover{transform:translateY(-1px);box-shadow:0 10px 32px color-mix(in oklab,var(--accent) 36%,transparent),inset 0 1px #fff3}.btn--ghost{background:var(--surface);color:var(--text-2);border-color:var(--line);font-size:12px}.btn--ghost:hover{color:var(--text);border-color:var(--accent)}.card{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--radius);padding:22px}.card+.card{margin-top:16px}.card .head{font-size:11px;color:var(--muted);margin-bottom:14px;padding-bottom:12px;border-bottom:1px dashed var(--line-soft)}.link{color:var(--accent);font-size:11.5px}.link:hover{text-decoration:underline;text-underline-offset:3px}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.6}}@keyframes marq{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes fadein{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@keyframes bl{50%{opacity:0}}.page{position:relative;max-width:100%;overflow-x:hidden}main{display:block;position:relative;z-index:1}section[id]{scroll-margin-top:72px}.page-section{padding:clamp(80px,10vw,120px) var(--gutter) 10px var(--gutter)}