:root{color-scheme:light;font-family:Space Grotesk,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.5;font-weight:400;background:radial-gradient(circle at top left,rgba(24,137,129,.18),transparent 28%),radial-gradient(circle at bottom right,rgba(255,140,82,.2),transparent 32%),linear-gradient(135deg,#f7f5ef,#eef2f5 48%,#f9f7f2);color:#182027;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0}button,input,textarea,select{font:inherit}.shell{position:relative;min-height:100vh;overflow:hidden}.bg-orb{position:absolute;border-radius:999px;filter:blur(32px);opacity:.6;pointer-events:none}.bg-orb-a{top:-8rem;right:-8rem;width:20rem;height:20rem;background:#11988f2e}.bg-orb-b{bottom:-7rem;left:-5rem;width:18rem;height:18rem;background:#ff8a5638}.dashboard{position:relative;z-index:1;width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:2rem 0 3rem}.card{border:1px solid rgba(24,32,39,.08);border-radius:28px;background:#ffffffb8;box-shadow:0 24px 60px #18202714;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hero{display:grid;grid-template-columns:1.5fr 1fr;gap:1.5rem;padding:2rem;align-items:center}.eyebrow,.section-kicker,.metric-label,.panel-label{margin:0;font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#188981}.hero h1,.stage h2,.module-card h2,.checklist-card h2{margin:0;line-height:1.05;letter-spacing:-.03em}.hero h1{margin-top:.6rem;font-size:clamp(2.3rem,5vw,4.3rem);max-width:12ch}.hero-text{max-width:60ch;margin:1rem 0 0;font-size:1.02rem;color:#4e5c65}.hero-text code,.panel-tip code{display:inline-block;padding:.15rem .45rem;border-radius:.55rem;background:#0c252d14;color:#0f4c4d;word-break:break-all}.hero-tags{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.hero-tags span,.status-pill,.overlay-badge,.check-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-weight:700}.hero-tags span{padding:.55rem .95rem;background:#eff9f7;color:#15665f}.hero-panel{padding:1.5rem;border-radius:24px;background:linear-gradient(150deg,#188981eb,#186c89e6);color:#f4f8fb}.panel-address{margin:.6rem 0 0;font-size:clamp(1.3rem,3vw,2rem);font-weight:700;letter-spacing:-.03em;word-break:break-all}.panel-tip{margin:1rem 0 0;color:#f4f8fbd1}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1rem}.metric-card{padding:1.3rem 1.4rem}.metric-value{margin:.45rem 0 0;font-size:1.7rem;font-weight:700;letter-spacing:-.03em}.metric-note{margin:.45rem 0 0;color:#59666e}.content-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.95fr);gap:1rem;margin-top:1rem}.stage{padding:1.5rem}.stage-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.stage h2,.module-card h2,.checklist-card h2{margin-top:.45rem;font-size:2rem}.status-pill{gap:.5rem;padding:.75rem 1rem;background:#f1fbf7;color:#146356}.status-pill.is-connecting{background:#fff6e8;color:#925f1c}.status-pill.is-error{background:#fff1f1;color:#a03232}.status-pill.is-idle{background:#eef2f5;color:#40515e}.status-dot{width:.7rem;height:.7rem;border-radius:999px;background:#17b26a;box-shadow:0 0 0 6px #17b26a29}.status-pill.is-connecting .status-dot{background:#f1a23a;box-shadow:0 0 0 6px #f1a23a2e}.status-pill.is-error .status-dot{background:#e75a5a;box-shadow:0 0 0 6px #e75a5a29}.status-pill.is-idle .status-dot{background:#6f8190;box-shadow:0 0 0 6px #6f819024}.stage-note{margin:.8rem 0 0;color:#5d6b74}.video-shell{position:relative;margin-top:1.4rem;border-radius:24px;overflow:hidden;aspect-ratio:16 / 9;background:linear-gradient(130deg,#081523fa,#08232ff5),repeating-linear-gradient(90deg,rgba(255,255,255,.04),rgba(255,255,255,.04) 1px,transparent 1px,transparent 64px),repeating-linear-gradient(0deg,rgba(255,255,255,.03),rgba(255,255,255,.03) 1px,transparent 1px,transparent 64px);box-shadow:inset 0 0 0 1px #ffffff0f}.video-shell.is-playing{box-shadow:inset 0 0 0 1px #ffffff14,0 20px 46px #0a1c2a3d}.video-shell.is-connecting:after{background:radial-gradient(circle at 50% 50%,rgba(245,180,90,.2),transparent 34%),linear-gradient(180deg,transparent 0%,rgba(3,12,18,.2) 100%)}.video-shell.is-error:after{background:radial-gradient(circle at 50% 50%,rgba(231,90,90,.18),transparent 34%),linear-gradient(180deg,transparent 0%,rgba(3,12,18,.28) 100%)}.video-shell:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,rgba(32,196,170,.16),transparent 34%),linear-gradient(180deg,transparent 0%,rgba(3,12,18,.24) 100%)}.video-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .22s ease}.video-canvas.is-visible{opacity:1}.video-overlay{position:absolute;inset:auto 1.4rem 1.4rem 1.4rem;z-index:1;max-width:30rem;color:#f7fbff}.overlay-badge{padding:.45rem .8rem;background:#f5ae6026;border:1px solid rgba(245,174,96,.28);color:#ffd8b1}.overlay-badge.is-connecting{background:#f5ae602e;border-color:#f5ae6052;color:#ffe0b8}.overlay-badge.is-error{background:#e75a5a29;border-color:#e75a5a47;color:#ffd1d1}.video-overlay h3{margin:.9rem 0 0;font-size:clamp(1.8rem,4vw,2.8rem);letter-spacing:-.04em}.video-overlay p:last-child{margin:.75rem 0 0;color:#f7fbffd1;max-width:38ch}.action-row{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:1.2rem}.primary-btn,.secondary-btn{min-height:3rem;padding:.8rem 1.2rem;border-radius:16px;border:0;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}.primary-btn:hover,.secondary-btn:hover{transform:translateY(-1px)}.primary-btn:disabled,.secondary-btn:disabled{cursor:not-allowed;opacity:.58;transform:none;box-shadow:none}.primary-btn{background:#163c53;color:#f8fbfc;box-shadow:0 16px 24px #163c5338}.secondary-btn{background:#eaf2f5;color:#1d3642}.quick-links{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.quick-links a{color:#126d74;font-weight:700;text-decoration:none}.quick-links a:hover{text-decoration:underline}.side-panel{display:grid;gap:1rem}.module-card,.checklist-card{padding:1.5rem}.detail-list{margin-top:1.2rem;display:grid;gap:1rem}.detail-item{padding:1rem 1.1rem;border-radius:20px;background:#eef4f6d1}.detail-label,.fact-label{margin:0;font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#188981}.detail-value,.fact-value{margin:.45rem 0 0;font-weight:700;line-height:1.5;word-break:break-word}.detail-hint{margin:.55rem 0 0;color:#5c6971}.fact-grid{display:grid;gap:.9rem;margin-top:1.2rem}.fact-item{padding:1rem 1.1rem;border-radius:20px;border:1px solid rgba(24,32,39,.08);background:#ffffffa8}.checklist{display:grid;gap:.95rem;margin:1.2rem 0 0;padding:0;list-style:none}.checklist li{display:grid;grid-template-columns:auto 1fr;gap:.8rem;align-items:start}.check-badge{min-width:3rem;min-height:1.9rem;padding:0 .65rem;background:#eff9f7;color:#0f7b68}@media (max-width: 980px){.hero,.content-grid,.metrics{grid-template-columns:1fr}.hero{padding:1.5rem}.stage-head{flex-direction:column}}@media (max-width: 640px){.dashboard{width:min(100% - 1rem,1180px);padding-top:1rem}.hero h1{max-width:none}.stage,.module-card,.checklist-card{padding:1.2rem}.video-overlay{inset:auto 1rem 1rem 1rem}.panel-address{font-size:1.2rem}.quick-links{flex-direction:column;gap:.75rem}}