:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#edf3ff;background:#05070d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 20% 0,#1fc37a29,#0000 32rem),radial-gradient(circle at 80% 10%,#4c7eff2e,#0000 34rem),#05070d;min-height:100vh;margin:0}a{color:inherit}button{font:inherit}.app-shell{grid-template-columns:300px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#05080fd1;border-right:1px solid #94a3b829;flex-direction:column;gap:22px;height:100vh;padding:24px 18px;display:flex;position:sticky;top:0}.brand{border-bottom:1px solid #94a3b824;align-items:center;gap:12px;padding:8px 6px 18px;display:flex}.brand-icon{background:linear-gradient(135deg,#16a34a,#2563eb);border-radius:16px;place-items:center;width:46px;height:46px;display:grid;box-shadow:0 18px 45px #16a34a40}.brand-title{letter-spacing:.02em;font-weight:800}.brand-subtitle{color:#8ea0b8;margin-top:3px;font-size:12px}.nav-list{gap:8px;padding-right:4px;display:grid;overflow-y:auto}.nav-item{color:#a9b7cc;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:14px;align-items:center;gap:10px;padding:12px;transition:all .18s;display:flex}.nav-item:hover{color:#fff;background:#94a3b814}.nav-item.active{color:#fff;background:linear-gradient(90deg,#16a34a38,#2563eb1f);border-color:#22c55e6b;box-shadow:inset 0 0 0 1px #ffffff08}.nav-arrow{color:#4ade80;margin-left:auto}.risk-note{color:#fbbf24;background:#fbbf2414;border:1px solid #fbbf242e;border-radius:16px;gap:10px;margin-top:auto;padding:14px;font-size:13px;line-height:1.55;display:flex}.main{min-width:0;padding:26px}.topbar{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.eyebrow{color:#4ade80;letter-spacing:.16em;margin-bottom:9px;font-size:12px;font-weight:800}h1{align-items:center;gap:10px;margin:0;font-size:clamp(26px,3vw,42px);display:flex}.topbar p{color:#9fb0c7;margin:8px 0 0}.status-cluster{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.status-pill{color:#c8d4e6;white-space:nowrap;background:#0f172aad;border:1px solid #94a3b82e;border-radius:999px;align-items:center;gap:7px;padding:9px 12px;font-size:13px;text-decoration:none;display:flex}.status-pill.live{color:#86efac;border-color:#4ade8047}.status-pill.link:hover{border-color:#60a5fa8c}.hero-grid{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:20px;display:grid}.prototype-card,.panel-card,.matrix-card{background:#080d18b8;border:1px solid #94a3b829;border-radius:24px;box-shadow:0 24px 80px #00000052}.prototype-card{overflow:hidden}.card-head{border-bottom:1px solid #94a3b81f;justify-content:space-between;align-items:center;gap:20px;padding:18px 20px;display:flex}.card-head h2,.panel-card h3,.matrix-card h2{margin:0}.card-head p{color:#93a4ba;margin:6px 0 0}.open-btn{color:#031008;white-space:nowrap;background:#16a34a;border-radius:12px;padding:10px 14px;font-weight:800;text-decoration:none;box-shadow:0 10px 32px #16a34a40}.image-stage{background:linear-gradient(#0f172a33,#02061773);place-items:center;min-height:480px;padding:18px;display:grid}.image-stage img{border:1px solid #e2e8f024;border-radius:18px;max-width:100%;box-shadow:0 35px 80px #0000007a}.image-stage.mobile img{width:auto;max-height:760px}.side-panel{gap:18px;display:grid}.panel-card{padding:18px}.progress-list{gap:14px;margin-top:16px;display:grid}.progress-item{align-items:flex-start;gap:11px;display:flex}.progress-item strong{display:block}.progress-item span{color:#95a7be;margin-top:2px;font-size:13px;line-height:1.45;display:block}.ok{color:#4ade80}.doing{color:#60a5fa}.todo{color:#64748b}.compact-list{color:#c8d4e6;margin-bottom:0;padding-left:20px;line-height:1.75}.content-grid{grid-template-columns:minmax(0,1fr) 440px;gap:20px;margin-top:20px;display:grid}.matrix-card{padding:20px}.muted{color:#93a4ba}.matrix{gap:10px;margin-top:18px;display:grid}.matrix-row{background:#0f172a6b;border:1px solid #94a3b81f;border-radius:14px;grid-template-columns:260px 90px minmax(0,1fr);align-items:center;gap:14px;padding:12px;display:grid}.feature{color:#e7edf7;font-weight:700}.note{color:#a7b6ca;line-height:1.45}.badge{text-align:center;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:800}.badge.green{color:#bbf7d0;background:#16a34a2e;border:1px solid #4ade8038}.badge.yellow{color:#fde68a;background:#f59e0b24;border:1px solid #fbbf2438}.badge.blue{color:#bfdbfe;background:#2563eb2e;border:1px solid #60a5fa38}.ordered{color:#c8d4e6;padding-left:22px;line-height:1.75}code{color:#bbf7d0;background:#16a34a1f;border:1px solid #4ade8024;border-radius:7px;padding:2px 5px;font-size:.92em}.api-status-card{background:#0f172a6b;border:1px solid #94a3b81f;border-radius:16px;align-items:center;gap:14px;margin:16px 0;padding:14px;display:flex}.candidate-preview{gap:10px;margin-top:14px;display:grid}.section-label{color:#93a4bd;letter-spacing:.08em;text-transform:uppercase;margin:2px 0 4px;font-size:12px}.empty-state{color:#aab7ca;background:#0f172a73;border:1px dashed #94a3b847;border-radius:12px;padding:14px}.candidate-row{background:#02061757;border:1px solid #94a3b81f;border-radius:14px;grid-template-columns:minmax(180px,1fr) 170px 90px 100px;align-items:center;gap:12px;padding:12px;display:grid}.candidate-row strong span{color:#7f91a8;margin-left:6px;font-weight:600}.candidate-row em{color:#93c5fd;font-style:normal}.candidate-row b{color:#86efac}.candidate-row>span{color:#c8d4e6}@media (width<=1180px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:relative}.nav-list{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-grid,.content-grid{grid-template-columns:1fr}}@media (width<=720px){.main{padding:16px}.topbar,.card-head{flex-direction:column;align-items:flex-start}.nav-list,.matrix-row,.candidate-row{grid-template-columns:1fr}}