:root{--background:#0b1326;--surface:#0b1326;--surface-container:#171f33;--surface-container-low:#131b2e;--surface-bright:#31394d;--surface-variant:#2d3449;--on-surface:#dae2fd;--on-surface-variant:#bccbb9;--primary:#4be277;--secondary:#adc6ff;--error:#ffb4ab;--error-container:#93000a;--font-sans:"Noto Sans SC", "Microsoft YaHei", "PingFang SC", "Space Grotesk", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-family:var(--font-sans);color:var(--on-surface);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 50% 0,#10b9811a,#0000 32%),#121212}*{box-sizing:border-box}html{background:#121212}body{min-width:320px;min-height:100svh;margin:0;overflow-x:hidden}button,input,textarea,select{font:inherit}button{-webkit-tap-highlight-color:transparent}::selection{background:var(--primary);color:#003915}.dashboard-root{--page-padding:clamp(14px, 5.5vw, 24px);--content-width:min(342px, calc(100vw - (var(--page-padding) * 2)));--panel-padding:clamp(20px, 7vw, 33px);--orbit-radius:clamp(84px, 27vw, 108px);background:var(--background);width:min(430px,100vw);min-height:100svh;color:var(--on-surface);margin:0 auto;position:relative;overflow-x:hidden;box-shadow:0 0 0 1px #1e293ba6}.dashboard-root svg{stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:1em;height:1em;display:block}.top-app-bar,.emergency-fab{z-index:50}.top-app-bar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#020617d1;border-bottom:1px solid #1e293b80;justify-content:space-between;align-items:center;width:min(430px,100vw);height:80px;padding:0 24px;display:flex;position:fixed;top:0;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #22c55e1a}.top-app-bar h1{color:var(--primary);text-align:center;margin:0;font-size:20px;font-weight:800;line-height:28px}.icon-button{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:34px;height:34px;transition:background-color .18s,color .18s;display:grid}.icon-button:hover,.icon-button:focus-visible{color:var(--primary);background:#10b9811a;outline:none}.icon-button svg{font-size:20px}.dashboard-main{padding:calc(92px + env(safe-area-inset-top,0px)) var(--page-padding) calc(32px + env(safe-area-inset-bottom,0px));flex-direction:column;gap:clamp(18px,5vw,24px);display:flex}.mobile-status{justify-content:space-between;align-items:center;height:32px;padding:0 8px;display:flex}.signal-group{align-items:center;gap:12px;display:flex}.signal-group svg{color:var(--secondary);font-size:14px}.signal-group svg:first-child{color:var(--primary)}.warning-pill{color:#5eead4;background:#14b8a61a;border:2px solid #2dd4bf6b;border-radius:12px;align-items:center;gap:8px;height:32px;padding:6px 18px;display:flex;box-shadow:0 0 15px #14b8a624}.warning-pill.is-alerting{border-color:var(--error-container);color:var(--error);background:#93000a4d;box-shadow:0 0 18px #93000a94}.warning-pill svg{font-size:14px}.warning-pill span{font-size:12px;font-weight:700;line-height:16px}.control-grid{width:var(--content-width);justify-content:space-between;align-items:flex-start;height:clamp(154px,42vw,178px);padding-bottom:8px;display:flex}.control-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--secondary);cursor:pointer;background:#0f172ab3;border:1px solid;border-radius:8px;flex-direction:column;flex:none;justify-content:center;align-items:center;transition:background-color .18s,box-shadow .18s,transform .18s;display:flex;position:relative;overflow:hidden}.control-button:hover,.control-button:focus-visible,.control-button.is-active{outline:none;transform:translateY(-2px)}.control-button.is-active:after{content:"";opacity:.06;background:currentColor;position:absolute;inset:0}.control--collect{width:clamp(74px,22vw,81px);height:clamp(138px,39vw,150px);color:var(--primary);gap:15px;padding:30px 18px;box-shadow:0 0 15px #4be27780}.control--sort{width:clamp(80px,24vw,88px);height:clamp(146px,42vw,162px);color:var(--secondary);gap:16px;padding:30px 18px}.control--steam{color:#2dd4bf;gap:16px;width:clamp(82px,24vw,90px);height:clamp(142px,40vw,156px);padding:30px 18px}.control-icon{z-index:1;font-size:40px;position:relative}.control--collect .control-icon{font-size:34px}.control-label{z-index:1;text-align:center;white-space:nowrap;flex-direction:column;align-items:center;gap:1px;font-size:14px;font-weight:800;line-height:20px;display:flex;position:relative}.control--collect .control-label{text-shadow:0 0 8px #4be277cc;line-height:18px}.demo-strip{width:var(--content-width);background:linear-gradient(90deg,#4be2771f,#0000 72%),#0f172ac2;border:1px solid #4be27740;border-radius:8px;align-items:center;gap:14px;min-height:72px;padding:14px;display:flex;box-shadow:0 0 18px #4be27724}.demo-play-button{border:1px solid var(--primary);width:98px;height:44px;color:var(--primary);cursor:pointer;background:#4be2771f;border-radius:8px;flex:none;justify-content:center;align-items:center;gap:6px;font-size:12px;font-weight:800;line-height:16px;transition:background-color .18s,box-shadow .18s,transform .18s;display:inline-flex}.demo-play-button:hover,.demo-play-button:focus-visible{background:#4be2772e;outline:none;box-shadow:0 0 16px #4be27747}.demo-play-button:active{transform:scale(.98)}.demo-play-button:disabled{cursor:wait;opacity:.8}.demo-play-button svg{font-size:16px}.demo-play-button:disabled svg{animation:1s linear infinite soft-spin}.demo-readout{flex-direction:column;gap:4px;min-width:0;display:flex}.demo-readout strong{color:var(--on-surface);font-size:13px;font-weight:800;line-height:18px}.demo-readout span{color:#94a3b8;font-size:10px;font-weight:600;line-height:15px}.workflow-panel{width:var(--content-width);background:linear-gradient(135deg,#2dd4bf1a,#0000 54%),#0f172ac2;border:1px solid #adc6ff3d;border-radius:8px;flex-direction:column;gap:14px;padding:16px;display:flex;box-shadow:0 0 18px #2dd4bf1a}.phase-narration{grid-template-columns:42px 1fr 36px;align-items:center;gap:12px;min-height:78px;display:grid}.phase-icon{width:42px;height:42px;color:var(--primary);background:#4be2771a;border:1px solid #4be27770;border-radius:8px;place-items:center;display:grid;box-shadow:0 0 18px #4be2772e}.phase-icon svg{font-size:20px}.phase-copy{flex-direction:column;gap:5px;min-width:0;display:flex}.phase-copy strong{color:var(--on-surface);font-size:15px;font-weight:800;line-height:20px}.phase-copy span{color:#a8b6d6;font-size:11px;font-weight:600;line-height:17px}.voice-wave{justify-content:center;align-items:center;gap:3px;height:36px;display:flex}.voice-wave i{opacity:.5;background:#adc6ff;border-radius:999px;width:4px;height:12px;animation:.96s ease-in-out infinite voice-wave;display:block}.voice-wave i:nth-child(2){height:22px;animation-delay:.12s}.voice-wave i:nth-child(3){height:28px;animation-delay:.24s}.voice-wave i:nth-child(4){height:17px;animation-delay:.36s}.timeline-rail{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.timeline-step{color:#64748b;background:#02061752;border:1px solid #475569cc;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:0;height:54px;transition:background-color .18s,border-color .18s,color .18s,box-shadow .18s;display:flex}.timeline-step svg{font-size:16px}.timeline-step span{text-align:center;white-space:nowrap;max-width:100%;font-size:10px;font-weight:800;line-height:13px}.timeline-step.is-done{color:#4be277c2;border-color:#4be2774d}.timeline-step.is-current{border-color:var(--primary);color:var(--primary);background:#4be27724;box-shadow:0 0 16px #4be2773d}.panel{width:var(--content-width);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172ab3;border:1px solid #1e293b;border-radius:8px}.cage-panel{min-height:470px;padding:var(--panel-padding)}.stats-panel{min-height:500px;padding:var(--panel-padding)}.telemetry-panel{min-height:270px;padding:var(--panel-padding)}.panel-title-row{border-bottom:1px solid var(--surface-variant);justify-content:space-between;align-items:flex-start;gap:12px;height:37px;margin-bottom:32px;padding-bottom:17px;display:flex}.panel-title-row--stacked{justify-content:flex-start}.panel-title-row h2,.panel-title-row span{white-space:nowrap;margin:0;font-size:14px;font-weight:700;line-height:20px}.panel-title-row h2{color:var(--on-surface-variant)}.panel-title-row span{color:var(--primary)}.cage-visual{aspect-ratio:23/24;border:4px solid var(--surface-variant);background:#131b2e80;border-radius:12px;justify-content:center;align-items:center;width:100%;max-width:276px;height:auto;min-height:248px;margin:0 auto;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #0000000d}.scan-sweep{z-index:2;opacity:0;transform-origin:50%;pointer-events:none;background:conic-gradient(from 25deg,#0000 0deg,#adc6ff3d 26deg,#4be2774d 42deg,#0000 78deg 360deg);position:absolute;inset:-30%}.scan-sweep.is-scanning{opacity:1;animation:1.4s linear infinite radar-sweep}.wheel-rotor{transform-origin:50%;position:absolute;inset:0}.wheel-rotor.is-rotating .cage-hub{box-shadow:0 0 28px #4be277b8,inset 0 0 18px #4be27729}.cage-ring{pointer-events:none;border-radius:12px;position:absolute}.cage-ring--near{opacity:.6;border:2px solid #4be2774d;inset:-14px;box-shadow:0 0 15px #4be27780}.cage-ring--far{opacity:.3;border:1px solid #4be2771a;inset:-35px}.recognition-tag{z-index:14;max-width:178px;color:var(--primary);background:#0b1326e6;border:1px solid #4be2776b;border-radius:8px;align-items:center;gap:6px;padding:7px 9px;display:inline-flex;position:absolute;top:12px;left:12px;box-shadow:0 0 14px #4be2772e}.recognition-tag.is-bad{color:var(--error);border-color:#ffb4ab80;box-shadow:0 0 14px #ffb4ab2e}.recognition-tag.is-complete{color:#adc6ff;border-color:#adc6ff80}.recognition-tag svg{flex:none;font-size:13px}.recognition-tag span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;font-weight:800;line-height:15px;overflow:hidden}.steam-cloud{z-index:12;opacity:0;pointer-events:none;justify-content:center;align-items:flex-end;gap:7px;width:72px;height:76px;display:flex;position:absolute;bottom:70px;right:32px}.steam-cloud i{filter:blur(.2px);background:linear-gradient(#7dd3fc00,#7dd3fcb8);border-radius:999px;width:11px;height:42px;display:block;transform:translateY(18px)}.steam-cloud i:nth-child(2){height:58px}.steam-cloud i:nth-child(3){height:48px}.steam-cloud.is-steaming{opacity:1}.steam-cloud.is-steaming i{animation:1.5s ease-in-out infinite steam-rise}.steam-cloud.is-steaming i:nth-child(2){animation-delay:.18s}.steam-cloud.is-steaming i:nth-child(3){animation-delay:.36s}.cage-slot,.cage-hub{border-radius:12px;place-items:center;transition:transform .9s cubic-bezier(.19,1,.22,1);display:grid;position:absolute}.cage-slot{width:56px;height:56px;transform:translate(-50%, -50%) rotate(var(--slot-angle)) translateY(calc(var(--orbit-radius) * -1)) rotate(var(--slot-counter-angle));border:2px solid;top:50%;left:50%}.cage-slot svg{font-size:22px}.slot--filling{box-shadow:0 0 24px #4be2777a,inset 0 0 18px #4be27733}.slot-fill{grid-template-columns:repeat(5,1fr);gap:2px;width:22px;display:grid;position:absolute;bottom:5px;right:5px}.slot-fill i{background:#94a3b840;border-radius:999px;width:3px;height:3px}.slot-fill i.is-good{background:var(--primary);box-shadow:0 0 5px #4be277e6}.slot-fill i.is-bad{background:var(--error);box-shadow:0 0 5px #ffb4abe6}.slot--active{border-color:var(--primary);color:var(--primary);background:#4be27733;box-shadow:0 0 15px #4be2774d}.slot--transition{color:#fbbf24;background:#fbbf2433;border-color:#fbbf24;box-shadow:0 0 15px #fbbf244d}.slot--empty{color:#475569;background:#1e293b66;border-color:#334155;box-shadow:inset 0 2px 4px #0000000d}.cage-hub{border:4px solid var(--primary);background:var(--surface-variant);width:80px;height:80px;color:var(--primary);filter:drop-shadow(0 0 10px #4be27766);top:50%;left:50%;transform:translate(-50%,-50%)}.cage-hub svg{font-size:18px}.flying-shuttle{z-index:8;pointer-events:none;background:#0b1326eb;border:1px solid;border-radius:999px;place-items:center;width:28px;height:28px;animation:.62s cubic-bezier(.16,1,.3,1) forwards shuttle-collect;display:grid;position:absolute;top:50%;left:50%}.flying-shuttle--good{color:var(--primary);box-shadow:0 0 18px #4be2778c}.flying-shuttle--bad{color:var(--error);box-shadow:0 0 18px #ffb4ab8c}.flying-shuttle svg{font-size:16px}.stats-body{flex-direction:column;justify-content:center;min-height:215px;padding-top:5px;display:flex}.stat-number-row{align-items:flex-end;gap:8px;margin-bottom:48px;display:flex}.stat-number-row strong{color:var(--primary);font-family:"Space Grotesk", var(--font-sans);white-space:nowrap;font-size:96px;font-weight:800;line-height:96px}.stat-number-row svg{color:#94a3b8;width:19px;height:19px;margin-bottom:14px}.ratio-block{flex-direction:column;gap:16px;display:flex}.ratio-labels{justify-content:space-between;align-items:center;font-size:16px;font-weight:700;line-height:24px;display:flex}.good-label{color:var(--primary)}.bad-label{color:var(--error)}.ratio-bar{background:var(--surface-bright);border-radius:12px;width:100%;height:20px;display:flex;overflow:hidden;box-shadow:inset 0 2px 4px #0000000d}.ratio-good{background:var(--primary);width:90%;box-shadow:0 0 10px #4be277cc}.ratio-bad{background:var(--error);width:10%}.metric-capsules{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:30px;display:grid}.metric-card{background:#02061747;border:1px solid #475569d1;border-radius:8px;flex-direction:column;justify-content:center;gap:6px;min-height:66px;padding:12px;display:flex}.metric-card span{color:#94a3b8;font-size:10px;font-weight:800;line-height:13px}.metric-card strong{color:var(--on-surface);font-family:"Space Grotesk", var(--font-sans);white-space:nowrap;font-size:22px;font-weight:800;line-height:24px}.telemetry-list{flex-direction:column;gap:16px;display:flex}.telemetry-row{grid-template-columns:42px 1fr;align-items:center;gap:12px;display:grid}.telemetry-icon{background:#0f172ab3;border:1px solid;border-radius:8px;place-items:center;width:42px;height:42px;display:grid}.telemetry-icon svg{font-size:18px}.telemetry-icon--green{color:var(--primary)}.telemetry-icon--cyan{color:#5eead4}.telemetry-icon--blue{color:#adc6ff}.telemetry-copy{flex-direction:column;gap:8px;min-width:0;display:flex}.telemetry-copy div:first-child{justify-content:space-between;align-items:center;gap:12px;display:flex}.telemetry-copy span{color:#a8b6d6;font-size:12px;font-weight:800;line-height:16px}.telemetry-copy strong{color:var(--on-surface);white-space:nowrap;font-size:12px;font-weight:800;line-height:16px}.telemetry-bar{background:#31394dcc;border-radius:999px;width:100%;height:8px;overflow:hidden}.telemetry-fill{border-radius:inherit;height:100%;transition:width .26s;display:block}.telemetry-fill--green{background:var(--primary);box-shadow:0 0 10px #4be277b8}.telemetry-fill--cyan{background:#5eead4;box-shadow:0 0 10px #5eead49e}.telemetry-fill--blue{background:#adc6ff;box-shadow:0 0 10px #adc6ff9e}.emergency-fab{width:var(--content-width);min-height:52px;color:var(--error);cursor:pointer;background:#ffb4ab1f;border:1px solid #ffb4ab94;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:4px;transition:background-color .18s,box-shadow .18s,transform .18s;display:flex;position:relative;box-shadow:0 0 18px #ffb4ab29}.emergency-fab:after{content:"";border:2px solid var(--error);border-radius:inherit;opacity:0;pointer-events:none;position:absolute;inset:0}.emergency-fab:hover,.emergency-fab:focus-visible,.emergency-fab.is-active{background:#ffb4ab33;outline:none;transform:translateY(1px);box-shadow:0 0 25px #ffb4ab99}.emergency-fab svg{stroke:none;font-size:20px}.emergency-fab span{text-align:center;font-size:13px;font-weight:800;line-height:18px}@keyframes shuttle-collect{0%{opacity:0;transform:translate(-142px,108px)scale(.5)rotate(-18deg)}18%{opacity:1}62%{transform:translate(-76px,26px)scale(1)rotate(10deg)}to{opacity:0;transform:translate(-16px,-118px)scale(.3)rotate(28deg)}}@keyframes radar-sweep{to{transform:rotate(360deg)}}@keyframes steam-rise{0%{opacity:0;transform:translateY(18px)scaleY(.7)}35%{opacity:.8}to{opacity:0;transform:translateY(-30px)scaleY(1.15)}}@keyframes voice-wave{0%,to{opacity:.42;transform:scaleY(.72)}50%{opacity:1;transform:scaleY(1)}}@keyframes soft-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.flying-shuttle,.demo-play-button:disabled svg,.scan-sweep.is-scanning,.steam-cloud.is-steaming i,.voice-wave i{animation:none}.wheel-rotor,.cage-slot,.cage-hub,.control-button,.demo-play-button,.emergency-fab,.timeline-step,.telemetry-fill{transition:none}}