:root{--bg:#050b14;--surface:#0a1524;--surface2:#0d1b2d;--line:#173049;--text:#e9f6ff;--muted:#7e9ab0;--cyan:#2de2e6;--blue:#2797ff;--violet:#8b7cff;--green:#42e6a4;--amber:#ffbf5b;--red:#ff6877;--shadow:0 18px 50px rgba(0,0,0,.28)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 78% -10%,rgba(39,151,255,.13),transparent 30%),var(--bg);color:var(--text);font-family:Inter,"Noto Sans JP","Yu Gothic UI",sans-serif;font-size:16px;min-height:100vh}.shell{display:grid;grid-template-columns:244px 1fr;min-height:100vh}.rail{position:sticky;top:0;height:100vh;padding:28px 20px;border-right:1px solid var(--line);background:rgba(5,11,20,.92);backdrop-filter:blur(18px);display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:11px;color:var(--text);text-decoration:none;font-weight:800;letter-spacing:.08em;font-size:.9rem;margin-bottom:42px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;color:#041017;background:linear-gradient(135deg,var(--cyan),var(--blue));clip-path:polygon(50% 0,100% 100%,0 100%);padding-top:8px;font-size:.8rem}.rail nav{display:grid;gap:8px}.nav-link{display:flex;align-items:center;gap:13px;padding:12px 14px;border-radius:8px;text-decoration:none;color:var(--muted);font-size:.88rem;font-weight:700;transition:.2s}.nav-link span{font-size:1.1rem;color:#5f7890}.nav-link:hover,.nav-link.active{color:var(--text);background:linear-gradient(90deg,rgba(45,226,230,.12),transparent);box-shadow:inset 2px 0 var(--cyan)}.nav-link.active span{color:var(--cyan)}.rail-foot{margin-top:auto;display:flex;align-items:center;gap:10px;padding:14px;border:1px solid var(--line);background:rgba(13,27,45,.7)}.rail-foot strong,.rail-foot small{display:block}.rail-foot strong{font-size:.68rem;letter-spacing:.12em}.rail-foot small{color:var(--muted);margin-top:3px;font-size:.7rem}.live-dot,.sync i,.pulse-label i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green);animation:pulse 2s infinite}main{width:min(1500px,100%);padding:30px 42px 24px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.eyebrow{margin:0 0 7px;color:var(--cyan);letter-spacing:.18em;font-size:.67rem;font-weight:800}.topbar h1{margin:0;font-size:1.65rem;letter-spacing:.02em}.top-actions{display:flex;gap:14px;align-items:center}.sync{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:.78rem}.command-button,.primary,.empty-state button{border:1px solid rgba(45,226,230,.45);background:linear-gradient(135deg,rgba(45,226,230,.15),rgba(39,151,255,.14));color:var(--text);padding:11px 15px;border-radius:7px;font-weight:800;cursor:pointer}.command-button kbd{margin-left:12px;color:var(--muted);font:inherit;font-size:.68rem}.menu-button{display:none}.notice{display:flex;align-items:center;gap:10px;margin-bottom:18px;padding:10px 14px;background:rgba(39,151,255,.07);border:1px solid rgba(39,151,255,.2);color:#9eb5c7;font-size:.76rem}.notice span{color:var(--cyan);font-size:.64rem;letter-spacing:.14em;font-weight:900}.view{display:none}.active-view{display:block}.panel{border:1px solid var(--line);background:linear-gradient(145deg,rgba(13,27,45,.95),rgba(7,18,31,.9));box-shadow:var(--shadow)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.5fr);gap:18px}.north-star{position:relative;min-height:390px;padding:28px;overflow:hidden;background:radial-gradient(circle at 77% 52%,rgba(45,226,230,.12),transparent 27%),linear-gradient(145deg,rgba(13,27,45,.95),rgba(7,18,31,.9))}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.panel h2{margin:0;font-size:1.14rem}.north-star h2{font-size:1.55rem;max-width:420px}.lead{max-width:430px;color:#8fa9bc;line-height:1.85;font-size:.88rem}.status-chip{display:inline-flex;padding:5px 9px;border-radius:100px;font-size:.65rem;font-weight:900;letter-spacing:.05em;white-space:nowrap}.healthy{color:var(--green);border:1px solid rgba(66,230,164,.3);background:rgba(66,230,164,.08)}.build{color:var(--cyan);background:rgba(45,226,230,.09)}.review{color:var(--amber);background:rgba(255,191,91,.09)}.orbit{position:absolute;width:300px;height:300px;right:40px;bottom:-30px;display:grid;place-items:center}.orbit-ring{position:absolute;border:1px solid rgba(45,226,230,.18);border-radius:50%}.ring-one{width:180px;height:180px}.ring-two{width:270px;height:270px;border-style:dashed;animation:spin 24s linear infinite}.core{display:grid;place-items:center;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,rgba(45,226,230,.18),rgba(6,21,34,.9));border:1px solid rgba(45,226,230,.5);box-shadow:0 0 45px rgba(45,226,230,.15)}.core strong{font-size:2.1rem}.core span{color:var(--muted);font-size:.62rem}.node{position:absolute;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;font-size:.65rem;font-weight:800;background:#0d2032;border:1px solid #24506a}.n1{top:15px}.n2{right:7px}.n3{bottom:14px}.n4{left:7px}.metric-stack{display:grid;gap:14px}.metric{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;padding:20px}.metric-icon{width:42px;height:42px;display:grid;place-items:center;background:rgba(45,226,230,.08);font-weight:900;font-size:1.1rem}.metric-icon.cyan{color:var(--cyan)}.metric-icon.violet{color:var(--violet)}.metric-icon.green{color:var(--green)}.metric small,.metric em{display:block;color:var(--muted);font-size:.7rem;font-style:normal}.metric strong{display:block;font-size:1.45rem;margin:4px 0}.delta{color:var(--green);font-size:.7rem;font-weight:800}.delta.warn{color:var(--amber)}.section-head{display:flex;justify-content:space-between;align-items:end;margin:30px 0 14px}.section-head h2{margin:0;font-size:1.2rem}.filters{display:flex;padding:3px;border:1px solid var(--line);background:#07111d}.filter{border:0;background:none;color:var(--muted);padding:7px 12px;cursor:pointer;font-weight:700}.filter.active{color:var(--text);background:#13273b}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.project{padding:20px;transition:.25s}.project:hover{transform:translateY(-3px);border-color:#2a5772}.project-top,.project-foot{display:flex;justify-content:space-between;align-items:center}.project-code{font-family:ui-monospace,monospace;color:#45627a;font-size:.78rem}.project h3{margin:22px 0 6px}.project p{min-height:40px;margin:0;color:var(--muted);font-size:.78rem;line-height:1.6}.progress{height:3px;background:#17283a;margin:22px 0 10px}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan));box-shadow:0 0 8px var(--cyan)}.project-foot{color:var(--muted);font-size:.7rem}.project-foot strong{color:var(--text)}.bottom-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:14px;margin-top:14px}.decisions,.activity{padding:22px}.text-button{border:0;background:none;color:var(--cyan);cursor:pointer}.decision-row{width:100%;display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center;text-align:left;border:0;border-top:1px solid var(--line);background:none;color:var(--text);padding:16px 2px;cursor:pointer}.decision-row:hover{background:rgba(45,226,230,.03)}.decision-row strong,.decision-row small{display:block}.decision-row strong{font-size:.82rem}.decision-row small{color:var(--muted);font-size:.68rem;margin-top:4px}.priority{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;font-size:.62rem;font-weight:900}.priority.high{background:rgba(255,104,119,.12);color:var(--red)}.priority.mid{background:rgba(255,191,91,.12);color:var(--amber)}.priority.low{background:rgba(39,151,255,.12);color:var(--blue)}.pulse-label{display:flex;align-items:center;gap:7px;color:var(--green);font-size:.66rem;font-weight:900}.activity ol{list-style:none;margin:15px 0 0;padding:0}.activity li{display:flex;gap:12px;position:relative;padding:10px 0 15px}.activity li>i{width:8px;height:8px;background:var(--cyan);border-radius:50%;margin-top:4px;box-shadow:0 0 8px var(--cyan)}.activity li:not(:last-child)::after{content:"";position:absolute;width:1px;height:26px;background:var(--line);left:3px;top:22px}.activity strong,.activity small{display:block}.activity strong{font-size:.75rem}.activity small{color:var(--muted);font-size:.66rem;margin-top:4px}.empty-state{min-height:60vh;display:grid;place-items:center;align-content:center;text-align:center;padding:40px}.empty-state>span{font-size:3rem;color:var(--cyan)}.empty-state h2{font-size:1.8rem}.empty-state>p:not(.eyebrow){color:var(--muted);max-width:500px;line-height:1.8}footer{display:flex;justify-content:space-between;color:#486278;border-top:1px solid #10243a;margin-top:24px;padding-top:18px;font-size:.64rem;letter-spacing:.1em}dialog{width:min(520px,calc(100% - 28px));border:1px solid #27516a;background:#071421;color:var(--text);padding:0;box-shadow:0 30px 100px #000}dialog::backdrop{background:rgba(0,5,12,.8);backdrop-filter:blur(5px)}dialog form{padding:24px}.dialog-head{display:flex;justify-content:space-between}.dialog-head button{border:0;background:none;color:var(--muted);font-size:1.6rem;cursor:pointer}dialog label{display:grid;gap:8px;margin:18px 0;color:#b8cada;font-size:.78rem;font-weight:800}textarea,select{width:100%;border:1px solid var(--line);background:#0a1a2a;color:var(--text);padding:12px;font:inherit}textarea{min-height:100px;resize:vertical}dialog form>p{color:var(--muted);font-size:.7rem}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.35;transform:scale(.75)}}@media(max-width:1050px){.shell{grid-template-columns:84px 1fr}.brand span:last-child,.nav-link:not(.active){font-size:0}.nav-link{justify-content:center}.nav-link span{font-size:1.2rem}.rail-foot div{display:none}.rail-foot{justify-content:center}.orbit{right:0}.bottom-grid{grid-template-columns:1fr}}@media(max-width:760px){.shell{display:block}.rail{position:fixed;inset:0 auto 0 0;width:244px;transform:translateX(-100%);transition:.25s}.rail.open{transform:none}.brand span:last-child,.nav-link:not(.active){font-size:inherit}.nav-link{justify-content:flex-start}.menu-button{display:block;border:1px solid var(--line);background:#0b1a29;color:var(--text);padding:8px 10px}.topbar{gap:12px}.topbar>div:nth-child(2){margin-right:auto}.topbar h1{font-size:1.2rem}.top-actions .sync,.command-button kbd{display:none}main{padding:20px 16px}.notice{align-items:flex-start}.hero-grid{grid-template-columns:1fr}.north-star{min-height:510px;padding:22px}.orbit{right:50%;transform:translateX(50%);bottom:-15px}.metric-stack{grid-template-columns:1fr}.project-grid{grid-template-columns:1fr}.bottom-grid{grid-template-columns:1fr}.section-head{align-items:flex-start;gap:14px;flex-direction:column}.filters{width:100%}.filter{flex:1}.top-actions{gap:7px}.command-button{padding:10px;font-size:.72rem}footer{gap:10px;flex-direction:column}.north-star .panel-head{display:block}.north-star .status-chip{margin-top:12px}}@media(max-width:390px){.topbar .eyebrow{font-size:.55rem}.topbar h1{font-size:1.05rem}.command-button{font-size:0}.command-button::after{content:"＋ 指令";font-size:.7rem}.orbit{width:270px;height:270px}.ring-two{width:245px;height:245px}}