:root{--bg: #0b1020;--panel: #151b30;--panel-2: #1c2440;--text: #e8ecf8;--muted: #8c97b8;--green: #22c55e;--yellow: #eab308;--orange: #f97316;--red: #ef4444;--gray: #5b667f}*{box-sizing:border-box}html,body{margin:0}body{font:15px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;background:radial-gradient(120% 100% at 50% 0%,#121a33 0%,var(--bg) 60%);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased}#app{max-width:860px;margin:0 auto;padding:max(16px,env(safe-area-inset-top)) 16px 48px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0 2px}.topbar h1{font-size:22px;margin:0;letter-spacing:.5px}.meta{color:var(--muted);font-size:12px;margin:2px 0 18px}.toggle{display:inline-flex;background:var(--panel);border-radius:999px;padding:3px}.toggle button{border:0;background:transparent;color:var(--muted);padding:7px 16px;border-radius:999px;cursor:pointer;font-size:13px;font-weight:600}.toggle button.active{background:var(--panel-2);color:var(--text)}.sync-btn{border:0;background:var(--panel);color:var(--muted);width:34px;height:34px;border-radius:999px;cursor:pointer;font-size:16px;line-height:1;flex:none}.sync-btn:hover{color:var(--text)}.sync-btn:disabled{cursor:default}.sync-btn.syncing{color:var(--text);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.card{background:var(--panel);border:1px solid #ffffff10;border-radius:16px;padding:14px 16px;display:flex;flex-direction:column;gap:8px}.card .head{display:flex;align-items:center;gap:10px}.card .icon{font-size:20px}.card .name{font-weight:700;font-size:15px;flex:1}.dot{width:12px;height:12px;border-radius:50%;flex:none;box-shadow:0 0 10px currentColor}.dot.green{color:var(--green);background:var(--green)}.dot.yellow{color:var(--yellow);background:var(--yellow)}.dot.orange{color:var(--orange);background:var(--orange)}.dot.red{color:var(--red);background:var(--red)}.dot.gray{color:var(--gray);background:var(--gray)}.open-file{flex:none;text-decoration:none;font-size:15px;line-height:1;opacity:.55;padding:4px;border-radius:6px;cursor:pointer}.open-file:hover{opacity:1;background:#ffffff12}.child .open-file{margin-left:6px;font-size:13px}.score{font-size:13px;color:var(--muted)}.score b{color:var(--text);font-size:16px}.score .derived{font-style:italic;opacity:.7}.score .pending{color:var(--orange);font-style:italic}button.score-edit{background:transparent;border:0;padding:0;cursor:pointer;text-align:left;font:inherit;color:var(--muted)}button.score-edit .pen{opacity:.5;margin-left:4px;font-size:12px}.editor{background:var(--panel-2);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:8px}.scorebar-head{display:flex;justify-content:space-between;align-items:baseline;font-size:12px;color:var(--muted)}.scorebar-head b{color:var(--text);font-size:15px}.scorebar{display:flex;gap:3px}.seg{flex:1;height:32px;border-radius:6px;border:1px solid #ffffff18;padding:0;background:var(--panel);color:var(--muted);cursor:pointer;font-size:12px;font-weight:600;transition:background .08s,color .08s}.seg.filled{color:#08111f}.seg.cur{outline:2px solid #fff;outline-offset:1px}.note-input{background:var(--panel);border:1px solid #ffffff18;border-radius:8px;color:var(--text);padding:7px 10px;font:inherit;font-size:13px;width:100%}.editor .cancel{align-self:flex-start;background:transparent;color:var(--muted);border:1px solid #ffffff18;border-radius:8px;padding:5px 12px;font-size:12px;cursor:pointer}.headline{color:var(--text);font-size:13px;opacity:.9}.note{color:var(--muted);font-size:12px}.metrics{display:flex;flex-wrap:wrap;gap:10px;margin-top:2px}.metric{background:var(--panel-2);border-radius:10px;padding:6px 10px;font-size:13px}.metric .mval{font-weight:700}.metric .delta.bad{color:var(--red)}.metric .delta.good{color:var(--green)}.metric .spark{vertical-align:middle;margin-left:6px;opacity:.9}.children{margin-top:6px;display:flex;flex-direction:column;gap:6px}.child{display:flex;align-items:center;gap:8px;background:var(--panel-2);border-radius:10px;padding:6px 10px;font-size:13px}.child .cname{flex:1}.radar{background:var(--panel);border-radius:16px;padding:18px}.radar.hidden,.cards.hidden,.hidden{display:none}canvas{width:100%!important}.gate{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.gate.hidden{display:none}.gate-card{background:var(--panel);border:1px solid #ffffff10;border-radius:18px;padding:32px 28px;text-align:center;max-width:340px}.gate-card h1{margin:0 0 6px}.gate-card p{color:var(--muted);margin:0 0 18px}.gate-card button{background:#2563eb;color:#fff;border:0;border-radius:10px;padding:11px 20px;font-size:14px;font-weight:600;cursor:pointer;width:100%}.gate-error{color:var(--red);font-size:12px;min-height:16px;margin-top:12px}.footer{margin-top:28px;text-align:center}.footer button{background:transparent;color:var(--muted);border:1px solid #ffffff18;border-radius:8px;padding:7px 14px;font-size:12px;cursor:pointer}