:root{--c-bg: #0A0E14;--c-surface: #11161F;--c-raised: #161B25;--c-line: #1F2937;--c-line-strong: #2D3748;--c-text: #F8FAFC;--c-text-dim: #94A3B8;--c-text-muted:#64748B;--c-primary: #34D399;--c-primary-soft: rgba(52, 211, 153, .12);--c-warn: #F59E0B;--c-danger: #F43F5E;--c-danger-soft: rgba(244, 63, 94, .12);--c-success: #34D399;--r-sm: 10px;--r-md: 14px;--r-lg: 20px;--fs-xs: 11px;--fs-sm: 13px;--fs-md: 15px;--fs-lg: 18px;--fs-xl: 22px;--fs-2xl: 28px;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box}body{margin:0}button{font:inherit}.cp-mono{font-family:var(--font-mono)}.cp-muted{color:var(--c-text-muted)}.cp-dim{color:var(--c-text-dim)}.app{min-height:100dvh;display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom)}.appbar{position:sticky;top:0;z-index:10;background:var(--c-surface);border-bottom:1px solid var(--c-line);padding:14px 18px calc(14px + env(safe-area-inset-top));display:flex;align-items:center;justify-content:space-between;gap:10px}.brand{display:flex;align-items:center;gap:8px;font-weight:600;letter-spacing:-.01em}.content{flex:1;padding:16px;display:flex;flex-direction:column;gap:14px}.card{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-md);padding:16px}.card.elevated{background:var(--c-raised);box-shadow:0 8px 24px #00000040}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--c-line-strong);background:var(--c-raised);color:var(--c-text);border-radius:var(--r-sm);padding:12px 14px;font-size:var(--fs-md);font-weight:600;display:inline-flex;align-items:center;gap:8px;justify-content:center;cursor:pointer;transition:transform 80ms ease,background .12s ease,opacity .12s ease}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--c-primary);color:#042f1c;border-color:var(--c-primary)}.btn.danger{background:var(--c-danger);color:#fff;border-color:var(--c-danger)}.btn.ghost{background:transparent;border-color:var(--c-line)}.btn.block{width:100%;padding:16px;font-size:var(--fs-lg)}.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;border:1px solid var(--c-line-strong);background:var(--c-bg);color:var(--c-text);border-radius:var(--r-sm);padding:12px 14px;font-size:var(--fs-md)}.eyebrow{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--c-text-dim);font-weight:600}.title{font-size:var(--fs-xl);font-weight:700;letter-spacing:-.01em;margin:4px 0 0}.row{display:flex;align-items:center;gap:10px}.pill{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;font-size:var(--fs-xs);font-weight:600;background:var(--c-raised);border:1px solid var(--c-line)}.pill.green{color:var(--c-primary);border-color:#34d39966;background:var(--c-primary-soft)}.pill.red{color:var(--c-danger);border-color:#f43f5e66;background:var(--c-danger-soft)}.pill.yellow{color:var(--c-warn);border-color:#f59e0b59;background:#f59e0b1f}.pill.neutral{color:var(--c-text-dim)}.stack{display:flex;flex-direction:column;gap:12px}.stop-row{display:grid;grid-template-columns:36px 1fr auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--c-line);border-radius:var(--r-sm);background:var(--c-surface)}.stop-row.active{border-color:var(--c-primary);box-shadow:0 0 0 3px var(--c-primary-soft)}.stop-num{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-mono);font-weight:700;background:var(--c-raised);color:var(--c-text-dim)}.stop-num.active{background:var(--c-primary);color:#042f1c}.stop-num.done{background:var(--c-primary-soft);color:var(--c-primary)}.bottom-cta{position:sticky;bottom:0;background:linear-gradient(180deg,transparent 0%,var(--c-bg) 30%);padding:18px 16px calc(18px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px}@keyframes pulse{0%,to{box-shadow:0 0 0 0 var(--c-primary-soft)}50%{box-shadow:0 0 0 10px transparent}}.pulse{animation:pulse 1.6s ease-in-out infinite}