:root{--ink: #0b1020;--ink-2: #1e2740;--muted: #64748b;--line: #e6eaf2;--line-soft: #eef1f7;--accent: #4f46e5;--accent-2: #0891b2;--accent-ink: #312e81;--ok: #059669;--warn: #b45309;--danger: #dc2626;--surface: #ffffff;--canvas: #f5f7fb}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--canvas);color:var(--ink);font-family:Inter,SF Pro Text,system-ui,-apple-system,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit}input,select,textarea{font-family:inherit;color:var(--ink)}input:focus,select:focus,textarea:focus{outline:none;border-color:#4f46e58c!important;box-shadow:0 0 0 3px #4f46e51f}button:focus-visible,a:focus-visible{outline:2px solid rgba(79,70,229,.6);outline-offset:2px}::selection{background:#4f46e52e}*{scrollbar-width:thin;scrollbar-color:#c7cfdd transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-thumb{background:#c7cfdd;border-radius:999px}*::-webkit-scrollbar-thumb:hover{background:#aab4c6}*::-webkit-scrollbar-track{background:transparent}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .28s cubic-bezier(.22,.8,.28,1) both}@keyframes pulseDot{0%,to{box-shadow:0 0 #05966980}50%{box-shadow:0 0 0 5px #05966900}}.pulse-ok{animation:pulseDot 2.2s ease-in-out infinite}@keyframes shimmer{0%{background-position:0% 50%}to{background-position:200% 50%}}.lift{transition:transform .22s cubic-bezier(.22,.8,.28,1),box-shadow .22s ease,border-color .22s ease}.lift:hover{transform:translateY(-2px);box-shadow:0 12px 30px #0f172a17!important;border-color:#d9e0ef!important}.mono{font-family:JetBrains Mono,SFMono-Regular,ui-monospace,Menlo,Consolas,monospace}.mod-title{margin:0 0 2px;font-size:14.5px;font-weight:750;letter-spacing:-.2px;display:flex;align-items:center;gap:9px}.mod-title:before{content:"";width:4px;height:14px;border-radius:2px;background:linear-gradient(180deg,#4f46e5,#0891b2);flex-shrink:0}.app-grid{max-width:1240px;margin:0 auto;padding:22px 18px 44px;display:grid;grid-template-columns:minmax(0,1.32fr) minmax(0,1fr);gap:18px;align-items:start}.side-col{position:sticky;top:158px;display:flex;flex-direction:column;gap:16px}@media (max-width: 1080px){.app-grid{grid-template-columns:minmax(0,1fr)}.side-col{position:static}}@media (max-width: 720px){.step-strip{overflow-x:auto}.step-strip>button{min-width:132px}}.step-strip>button[data-on="0"]:hover{background:#ffffff21!important;border-color:#e2e8f052!important}