:root{--bg:#fffdf9;--surface:#ffffffd6;--surface-strong:#fffefc;--text:#2b2520;--muted:#7a6c5f;--border:#40260b1f;--shadow:0 25px 60px #845e261f}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:radial-gradient(circle at 8% 10%,#ffeccf 0%,transparent 45%),radial-gradient(circle at 90% 15%,#e9f4ff 0%,transparent 35%),var(--bg);color:var(--text);font-family:Space Grotesk,Avenir Next,Segoe UI,sans-serif}.page{min-height:100vh;position:relative;overflow:hidden}.page-inner{z-index:2;width:min(1100px,100% - 2rem);margin:1.6rem auto 2rem;position:relative}.ambient{pointer-events:none;opacity:.7;filter:blur(.5px);border-radius:999px;position:absolute}.ambient-one{background:radial-gradient(circle at 35% 35%,#ffdca6,#ffeecf);width:360px;height:360px;animation:9s ease-in-out infinite float;top:280px;left:-120px}.ambient-two{background:radial-gradient(circle at 65% 45%,#cae6ff,#e9f4ff);width:300px;height:300px;animation:11s ease-in-out infinite reverse float;top:90px;right:-90px}.hero-title{letter-spacing:-.03em;line-height:1.02}.hero-subtitle{color:var(--muted);max-width:65ch}.fit-content{width:fit-content}.main-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.level-tabs{scrollbar-width:thin;overflow-x:auto}.text-muted{color:var(--muted)}.overview-grid,.terminal-grid,.flow-card,.controls{margin-top:1rem}.progress{flex:1}.progress-label{min-width:98px}.kbd-hint{letter-spacing:.02em}.metric{border:1px solid var(--border);background:var(--surface-strong);border-radius:14px;padding:.75rem;transition:border-color .3s,box-shadow .3s}.metric-updated{border-color:#de8a2275;animation:.65s pulse;box-shadow:0 0 0 5px #f7b85a24}.flow-card{border:1px solid var(--border);background:linear-gradient(165deg,#fffaf2 0%,#fff 100%)}.flow-scroll{scrollbar-width:none;-ms-overflow-style:none;margin-top:.7rem;padding-bottom:.25rem;overflow-x:auto}.flow-scroll::-webkit-scrollbar{width:0;height:0;display:none}.flow-svg{width:max-content;min-width:100%;height:208px}.flow-lane-label{fill:#7a6348;font-family:IBM Plex Mono,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px}.flow-lane-line{stroke:#d8c4ab;stroke-width:1.5px;stroke-dasharray:5 5}.flow-edge{fill:none;stroke:#d8c6b0;stroke-width:1.8px}.flow-edge-done{stroke:#cc8744}.flow-index-text{fill:#3b2e21;font-family:IBM Plex Mono,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;font-weight:700}.flow-step-label{fill:#755a3d;font-family:IBM Plex Mono,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px}.flow-step-label-live{fill:#4d351b;font-weight:700}.flow-node-live{animation:1.1s ease-in-out infinite node-live}.terminal{border:1px solid var(--border);background:linear-gradient(160deg,#fffcf7 0%,#fff 100%);min-height:260px;transition:transform .25s,box-shadow .25s,border-color .25s}.terminal-active{border-color:#db892473;transform:translateY(-2px);box-shadow:0 16px 42px #935c1b33}.terminal-top{border-bottom:1px solid var(--border);padding-bottom:.55rem}.dot{border-radius:999px;width:9px;height:9px;display:inline-block}.dot-red{background:#f07d66}.dot-amber{background:#f2c15b}.dot-green{background:#61be75}.terminal-title{color:#7d7063;letter-spacing:.06em;text-transform:uppercase}.terminal-body{flex-direction:column;gap:.42rem;margin-top:.65rem;font-family:IBM Plex Mono,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;display:flex}.terminal-placeholder{color:#9a8c7d;margin-top:.5rem}.terminal-line{opacity:0;grid-template-columns:30px 1fr;gap:.5rem;animation:.28s forwards line-enter;display:grid;transform:translateY(4px)}.line-number{color:#b59f89}.line-content{align-items:flex-start;gap:.6rem;display:flex}.line-command{color:#40372f;word-break:break-word;flex:1}.line-popup{color:#624327;background:#fff6e8;border:1px solid #efc98f;border-radius:10px;max-width:310px;padding:.36rem .5rem;font-size:11px;line-height:1.32;animation:.24s popup-in;box-shadow:0 8px 20px #875a1629}.tone-anomaly .line-command{color:#bc553f}.tone-wait .line-command{color:#aa7810}.tone-success .line-command{color:#2c8b47}.line-live .line-command{border-right:2px solid #8e521499;animation:.8s step-end infinite blink}@keyframes line-enter{to{opacity:1;transform:translateY(0)}}@keyframes popup-in{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes blink{50%{border-right-color:#0000}}@keyframes pulse{0%{transform:scale(.98)}to{transform:scale(1)}}@keyframes node-live{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}@media (max-width:1000px){.line-content{flex-direction:column}.line-popup{max-width:100%}}@media (max-width:840px){.page-inner{width:min(1100px,100% - 1rem);margin-top:.9rem}.hero-title{font-size:2.1rem}.main-card{padding:.8rem}}