.writing-shell{min-height:100vh;background:radial-gradient(circle at 18% 0%,rgba(244,63,94,.08),transparent 26rem),linear-gradient(180deg,#09090b,#111114 54%,#09090b);color:var(--text-primary);font-family:var(--font-sans)}.writing-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px clamp(20px,5vw,64px);border-bottom:1px solid var(--border-subtle);background:#09090bc7;-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2)}.writing-brand{color:var(--text-primary);text-decoration:none;font-size:14px;font-weight:300;letter-spacing:.32em;text-transform:uppercase}.writing-header nav{display:flex;align-items:center;gap:14px;color:var(--text-secondary);font-size:12px}.writing-header nav a{color:inherit;text-decoration:none;padding:7px 9px;border:1px solid transparent;border-radius:6px}.writing-header nav a:hover,.writing-header nav a[aria-current=page]{color:var(--text-primary);border-color:var(--border-hover);background:var(--bg-surface)}.writing-main{padding:56px 20px 96px}.writing-post{width:min(760px,100%);margin:0 auto}.writing-eyebrow,.writing-byline{color:var(--rose-400);font-family:var(--font-mono);font-size:12px;line-height:1.5}.writing-eyebrow{margin:0 0 18px}.writing-post h1{margin:0;max-width:720px;font-size:clamp(40px,7vw,72px);line-height:.96;font-weight:200;letter-spacing:0}.writing-dek{margin:24px 0 0;color:var(--text-secondary);font-size:clamp(19px,2.4vw,25px);line-height:1.45;font-weight:300}.writing-byline{margin:22px 0 48px;color:var(--gold-300)}.writing-post section{margin-top:42px}.writing-post h2{margin:0 0 16px;color:var(--text-primary);font-size:18px;line-height:1.25;font-weight:500}.writing-post p{margin:0 0 20px;color:var(--text-secondary);font-size:17px;line-height:1.76;font-weight:300}.writing-post code{font-family:var(--font-mono);font-size:.88em;color:var(--emerald-400);padding:.12em .34em;border:1px solid rgba(52,211,153,.12);border-radius:5px;background:#34d3990e}@media(max-width:680px){.writing-header{align-items:flex-start;flex-direction:column;gap:12px}.writing-header nav{width:100%;justify-content:space-between}.writing-main{padding-top:42px}}#demo-root{height:100vh;overflow:hidden}.demo-sprint-bar{background:linear-gradient(90deg,var(--bg-elevated) 0%,var(--bg-surface) 100%);border-bottom:1px solid var(--rose-900)}@keyframes escalate-pulse{0%,to{box-shadow:0 0 #f59e0b66}50%{box-shadow:0 0 12px 4px #f59e0b33}}.task-card-escalating{animation:escalate-pulse 1.5s ease-in-out infinite;border-color:var(--amber-500)!important}.trajectory-learning-badge{background:#8b5cf626;border:1px solid rgba(139,92,246,.3);color:#a78bfa}:root,[data-theme=dark]{--bg-void: #09090b;--bg-surface: rgba(255,255,255, .024);--bg-elevated: rgba(255,255,255, .038);--bg-hover: rgba(255,255,255, .055);--bg-popover: rgba(12,12,14, .97);--border-subtle: rgba(255,255,255, .035);--border-default: rgba(255,255,255, .055);--border-hover: rgba(255,255,255, .09);--rose-600: #e11d48;--rose-500: #f43f5e;--rose-400: #fb7185;--rose-300: #fda4af;--rose-glow: rgba(244,63,94, .12);--gold-400: #facc15;--gold-300: #fde68a;--gold-glow: rgba(253,224,171, .08);--emerald-500: #10b981;--emerald-400: #34d399;--emerald-glow: rgba(16,185,129, .12);--red-500: #ef4444;--amber-500: #f59e0b;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-tertiary: #64748b;--text-muted: #475569;--text-dim: #334155;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", monospace;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--shadow-sm: 0 1px 2px rgba(0,0,0,.3), 0 0 1px rgba(0,0,0,.2);--shadow-md: 0 4px 16px rgba(0,0,0,.4), 0 0 1px rgba(255,255,255,.03);--shadow-lg: 0 12px 40px rgba(0,0,0,.5), 0 0 1px rgba(255,255,255,.04);--shadow-xl: 0 24px 64px rgba(0,0,0,.6), 0 0 1px rgba(255,255,255,.05);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--t-fast: .12s cubic-bezier(.16, 1, .3, 1);--t-default: .2s cubic-bezier(.16, 1, .3, 1);--t-slow: .35s cubic-bezier(.16, 1, .3, 1)}[data-theme=light]{--bg-void: #fafafa;--bg-surface: #ffffff;--bg-elevated: #f8fafc;--bg-hover: #f1f5f9;--bg-popover: rgba(255,255,255, .97);--border-subtle: rgba(0,0,0, .06);--border-default: rgba(0,0,0, .1);--border-hover: rgba(0,0,0, .15);--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #64748b;--text-muted: #94a3b8;--text-dim: #cbd5e1;--shadow-sm: 0 1px 2px rgba(0,0,0,.05), 0 0 1px rgba(0,0,0,.08);--shadow-md: 0 4px 16px rgba(0,0,0,.08), 0 0 1px rgba(0,0,0,.05);--shadow-lg: 0 12px 40px rgba(0,0,0,.1), 0 0 1px rgba(0,0,0,.06);--shadow-xl: 0 24px 64px rgba(0,0,0,.12), 0 0 1px rgba(0,0,0,.06)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"cv02","cv03","cv04","cv11"}body{font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-void);overflow:hidden;height:100vh;transition:background var(--t-default),color var(--t-default)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff0f;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff1a}[data-theme=light] ::-webkit-scrollbar-thumb{background:#00000014}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#00000026}.mono{font-family:var(--font-mono)}.tabular{font-variant-numeric:tabular-nums}.text-rose{color:var(--rose-400)}.text-gold{color:var(--gold-300)}.text-emerald{color:var(--emerald-400)}.text-red{color:var(--red-500)}.panel{border-radius:var(--r-lg);background:var(--bg-surface);border:1px solid var(--border-subtle);transition:border-color var(--t-default)}.panel:hover{border-color:var(--border-default)}.panel-pad{padding:var(--sp-5)}@keyframes breathe{0%,to{opacity:1}50%{opacity:.6}}@keyframes pulse-live{0%,to{opacity:1;box-shadow:0 0 4px #f43f5e4d}50%{opacity:.4;box-shadow:0 0 8px #f43f5e80}}@keyframes shimmer{0%,to{opacity:.3}50%{opacity:.8}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}