:root{--bg: #0b1120;--surface: #0f172a;--surface-2: #16213a;--surface-3: #1e293b;--border: #243049;--text: #e2e8f0;--text-dim: #94a3b8;--text-faint: #64748b;--accent: #38bdf8;--accent-dim: #0ea5e9;--green: #16a34a;--yellow-green: #84cc16;--amber: #f59e0b;--red: #dc2626;--danger-bg: #3b1418;--warn-bg: #3a2a12;--radius: 10px;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}h1,h2,h3,h4{margin:0 0 .4rem;font-weight:650;line-height:1.25}a{color:var(--accent);text-decoration:none;overflow-wrap:anywhere}a:hover{text-decoration:underline}button{font-family:inherit}.app{max-width:760px;margin:0 auto;min-height:100%;display:flex;flex-direction:column;padding-bottom:64px}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:.6rem;padding:calc(env(safe-area-inset-top) + .65rem) .9rem .65rem;background:#0b1120eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.topbar .logo{width:40px;height:40px;flex:none;border-radius:9px}.topbar h1{font-size:1.45rem;margin:0;letter-spacing:.2px;line-height:1.1}.topbar .sub{font-size:.72rem;color:var(--text-faint);margin:0}.mode-pill{margin-left:auto;font-size:.66rem;text-transform:uppercase;letter-spacing:.5px;padding:.2rem .5rem;border-radius:999px;border:1px solid var(--border);color:var(--text-dim);white-space:nowrap}.mode-pill.auto{color:#bbf7d0;border-color:#14532d;background:#07210f}.mode-pill.manual{color:#fde68a;border-color:#78350f;background:#221806}.content{flex:1;padding:.9rem}.tabbar{position:fixed;bottom:0;left:0;right:0;z-index:30;display:flex;max-width:760px;margin:0 auto;background:#0f172af5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom)}.tabbar button{flex:1;background:none;border:none;color:var(--text-faint);font-size:.64rem;letter-spacing:.3px;padding:.5rem .15rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.15rem}.tabbar button .dot{width:5px;height:5px;border-radius:50%;background:transparent}.tabbar button.active{color:var(--accent)}.tabbar button.active .dot{background:var(--accent)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.85rem;margin-bottom:.85rem}.card h2{font-size:.95rem}.card h3{font-size:.82rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.muted{color:var(--text-dim)}.faint{color:var(--text-faint)}.small{font-size:.78rem}.tiny{font-size:.7rem}.mono{font-family:var(--mono)}.row{display:flex;gap:.6rem;align-items:center}.wrap{flex-wrap:wrap}.spread{justify-content:space-between}.stack>*+*{margin-top:.6rem}label.field{display:block;margin-bottom:.7rem}label.field .lab{display:block;font-size:.74rem;text-transform:uppercase;letter-spacing:.4px;color:var(--text-dim);margin-bottom:.25rem}input,textarea,select{width:100%;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:.55rem .6rem;font-size:.92rem;font-family:inherit}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent-dim)}textarea{resize:vertical;min-height:90px;line-height:1.4}.field-row{display:flex;gap:.6rem}.field-row>*{flex:1}button.btn{background:var(--accent-dim);color:#04111c;border:none;border-radius:8px;padding:.7rem 1rem;font-size:.92rem;font-weight:650;cursor:pointer;width:100%}button.btn:disabled{opacity:.5;cursor:not-allowed}button.btn.secondary{background:var(--surface-3);color:var(--text);border:1px solid var(--border)}button.btn.ghost{background:none;border:1px solid var(--border);color:var(--text-dim);width:auto;padding:.4rem .7rem;font-size:.8rem}button.linklike{background:none;border:none;color:var(--accent);cursor:pointer;font-size:.8rem;padding:0}.banner{border-radius:8px;padding:.6rem .7rem;font-size:.82rem;border:1px solid var(--border);margin-bottom:.8rem}.banner.warn{background:var(--warn-bg);border-color:#78350f;color:#fde68a}.banner.error{background:var(--danger-bg);border-color:#7f1d1d;color:#fecaca}.banner.info{background:#0c2233;border-color:#0e4a63;color:#bae6fd}.chip{display:inline-flex;align-items:center;gap:.3rem;font-size:.7rem;padding:.12rem .45rem;border-radius:999px;border:1px solid var(--border);color:var(--text-dim);background:var(--surface-2)}.score-badge{display:inline-flex;align-items:center;justify-content:center;min-width:30px;padding:.1rem .35rem;border-radius:6px;font-weight:700;font-size:.78rem;color:#04111c}.support-tag{font-size:.66rem;text-transform:uppercase;letter-spacing:.4px;padding:.08rem .35rem;border-radius:4px;border:1px solid var(--border);color:var(--text-dim)}.heatmap{width:100%;border-collapse:collapse;font-size:.74rem}.heatmap th,.heatmap td{border:1px solid var(--border);padding:.3rem .35rem;text-align:center}.heatmap th.elhead,.heatmap td.elname{text-align:left;position:sticky;left:0;background:var(--surface);max-width:130px}.heatmap .cell{color:#04111c;font-weight:700}.heatmap-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.legend{display:flex;gap:.5rem;flex-wrap:wrap;font-size:.7rem;color:var(--text-dim)}.legend .sw{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:.25rem;vertical-align:-2px}.elrow{border:1px solid var(--border);border-radius:8px;padding:.55rem .6rem;margin-bottom:.5rem;background:var(--surface-2)}.elrow .top{display:flex;gap:.5rem;align-items:center;justify-content:space-between}.bar{height:6px;border-radius:3px;background:var(--surface-3);overflow:hidden;margin-top:.4rem}.bar>span{display:block;height:100%}.kvs{display:grid;grid-template-columns:auto 1fr;gap:.2rem .6rem;font-size:.82rem}.kvs dt{color:var(--text-faint)}.kvs dd{margin:0}.progress-log{font-family:var(--mono);font-size:.74rem;color:var(--text-dim);max-height:220px;overflow-y:auto}.progress-log .line{padding:.15rem 0;border-bottom:1px solid var(--surface-3)}.spinner{width:16px;height:16px;border:2px solid var(--surface-3);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.divider{height:1px;background:var(--border);margin:.7rem 0}.disclaimer{font-size:.72rem;color:var(--text-faint);line-height:1.4}.empty{text-align:center;color:var(--text-faint);padding:2.5rem 1rem;font-size:.85rem}.wheel{text-align:center;flex:1}.wheel-label{font-size:.74rem;text-transform:uppercase;letter-spacing:.4px;color:var(--text-dim);margin-bottom:.3rem}.wheel-window{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:10px;background:var(--surface-2)}.wheel-highlight{position:absolute;left:0;right:0;border-top:1px solid var(--accent-dim);border-bottom:1px solid var(--accent-dim);background:#38bdf81a;pointer-events:none;z-index:2}.wheel-fade{position:absolute;left:0;right:0;height:38%;z-index:1;pointer-events:none}.wheel-fade.top{top:0;background:linear-gradient(var(--surface-2),rgba(22,33,58,0))}.wheel-fade.bottom{bottom:0;background:linear-gradient(rgba(22,33,58,0),var(--surface-2))}.wheel-scroll{height:100%;overflow-y:scroll;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.wheel-scroll::-webkit-scrollbar{display:none}.wheel-item{display:flex;align-items:center;justify-content:center;width:100%;background:none;border:none;color:var(--text-faint);font-family:inherit;font-variant-numeric:tabular-nums;font-size:1.05rem;scroll-snap-align:center;cursor:pointer;transition:color .12s,font-size .12s}.wheel-item.sel{color:var(--text);font-weight:700;font-size:1.3rem}.wheel.disabled{opacity:.5;pointer-events:none}