*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#0b0b0b;color:#f5f5f5;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body{min-height:100vh}.shell{min-height:100vh;display:flex;flex-direction:column;max-width:760px;margin:0 auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center}.brand{font-weight:800;letter-spacing:.14em}.state{font-size:.9rem;color:#aaa}.stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px}.orb{width:140px;height:140px;border-radius:50%;border:1px solid #3a3a3a;display:grid;place-items:center;position:relative;background:radial-gradient(circle at 35% 35%,#2c2c2c,#111)}.pulse{width:34px;height:34px;border-radius:50%;background:#f5f5f5;opacity:.75}.orb.live .pulse{animation:pulse 1.5s infinite}.orb.live{box-shadow:0 0 0 10px rgba(255,255,255,.025)}@keyframes pulse{0%{transform:scale(.8);opacity:.35}50%{transform:scale(1.25);opacity:.9}100%{transform:scale(.8);opacity:.35}}h1{font-size:2rem;margin:8px 0 0}.stage p{max-width:520px;margin:0;color:#aaa;line-height:1.45}.notice{font-size:.88rem}.answer{width:min(560px,92vw);padding:16px 18px;border:1px solid #2f2f2f;border-radius:16px;background:#151515;color:#f1f1f1;text-align:left;white-space:pre-wrap;line-height:1.5}.primary,.secondary{width:min(360px,90vw);border-radius:18px;padding:16px 20px;font-size:1rem;border:0;cursor:pointer}.primary{background:#f4f4f4;color:#0a0a0a;font-weight:700;margin-top:10px}.primary.live{background:#2a2a2a;color:#fff}.secondary{background:transparent;border:1px solid #333;color:#ddd}.tts-controls{width:min(360px,90vw);display:flex;gap:10px;align-items:center}.tts-controls .secondary{flex:1;width:auto}.speed{min-width:86px;border-radius:14px;padding:14px 10px;background:#111;color:#eee;border:1px solid #333;font-size:1rem}.tts-controls[hidden]{display:none}.answer[hidden]{display:none}.sensor-panel{width:min(620px,94vw);margin-top:8px;padding:14px;border:1px solid #2b2b2b;border-radius:16px;background:#111;text-align:left}.sensor-panel[hidden]{display:none}.sensor-panel-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px}.sensor-panel-head span{font-size:.78rem;color:#888}.sensor-legend{display:grid;grid-template-columns:1fr 72px 72px 72px;gap:8px;padding:0 8px 6px;color:#777;font-size:.68rem;text-align:right}.sensor-legend span:first-child{grid-column:2}.sensor-rows{display:flex;flex-direction:column;gap:7px}.sensor-group-title{padding:12px 8px 3px;color:#b8b8b8;font-size:.75rem;font-weight:700;letter-spacing:.02em}.sensor-row{display:grid;grid-template-columns:minmax(0,1fr) 72px 72px 72px;gap:8px;align-items:center;padding:9px 8px;border-radius:12px;background:#171717}.sensor-name{min-width:0}.sensor-title{font-size:.86rem;font-weight:650}.sensor-sub{font-size:.68rem;color:#777;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sensor-num{text-align:right;font-variant-numeric:tabular-nums;font-size:.82rem}.sensor-num.fact.confirmed{font-weight:800}.sensor-delta{font-size:.65rem;color:#777}.sensor-panel footer{display:none}footer{display:flex;justify-content:space-between;gap:12px;color:#777;font-size:.78rem;padding-top:18px}@media(max-width:520px){.shell{padding:18px}footer{flex-direction:column;align-items:center}.orb{width:125px;height:125px}}
.movement-panel{width:min(620px,94vw);margin-top:8px;padding:14px;border:1px solid #2b2b2b;border-radius:16px;background:#111;text-align:left}
.movement-panel[hidden]{display:none}
.movement-panel-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:8px}
.movement-panel-head span{font-size:.72rem;color:#888}
.movement-route{padding:10px 11px;margin-bottom:9px;border-radius:11px;background:#171717;font-size:.9rem;font-weight:700}
.movement-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.movement-cell{min-width:0;padding:9px;border-radius:11px;background:#171717;display:flex;flex-direction:column;gap:5px}
.movement-cell span{font-size:.68rem;color:#888;line-height:1.2}
.movement-cell strong{font-size:.95rem;font-variant-numeric:tabular-nums}
@media(max-width:520px){.movement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.movement-panel{width:min(620px,94vw);margin-top:8px;padding:14px;border:1px solid #2b2b2b;border-radius:16px;background:#111;text-align:left}
.movement-panel[hidden]{display:none}
.movement-panel-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:8px}
.movement-panel-head span{font-size:.75rem;color:#888}
.movement-route{padding:10px 12px;margin-bottom:10px;border-radius:12px;background:#171717;font-weight:750;font-size:.95rem}
.movement-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.movement-cell{padding:10px;border-radius:12px;background:#171717;display:flex;flex-direction:column;gap:5px}
.movement-cell span{font-size:.68rem;color:#888;line-height:1.25}
.movement-cell strong{font-size:.95rem;font-variant-numeric:tabular-nums}
@media(max-width:520px){.movement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.belief-panel{width:min(620px,94vw);margin-top:8px;padding:14px;border:1px solid #2b2b2b;border-radius:16px;background:#111;text-align:left}
.belief-panel[hidden]{display:none}
.belief-panel-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px}
.belief-panel-head span{font-size:.75rem;color:#888}
.belief-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:10px}
.belief-summary div{padding:9px;border-radius:11px;background:#171717;display:flex;flex-direction:column;gap:4px}
.belief-summary span{font-size:.66rem;color:#888;line-height:1.2}
.belief-summary strong{font-size:.95rem;font-variant-numeric:tabular-nums}
.belief-rows{display:flex;flex-direction:column;gap:8px}
.belief-group-title{padding:9px 4px 2px;color:#bbb;font-size:.76rem;font-weight:700}
.belief-card{padding:11px;border-radius:13px;background:#171717;border:1px solid #242424}
.belief-card-head{display:flex;flex-direction:column;gap:7px}
.belief-statement{font-size:.9rem;font-weight:700;line-height:1.35}
.belief-chips{display:flex;flex-wrap:wrap;gap:5px}
.belief-chips span{padding:4px 7px;border-radius:999px;border:1px solid #333;color:#bbb;font-size:.65rem}
.belief-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:9px}
.belief-metrics div{padding:8px;border-radius:10px;background:#111;display:flex;flex-direction:column;gap:4px}
.belief-metrics span{font-size:.62rem;color:#777}
.belief-metrics strong{font-size:.82rem;font-variant-numeric:tabular-nums}
.belief-counts{margin-top:8px;color:#777;font-size:.67rem}
.belief-evidence{margin-top:8px;border-top:1px solid #292929;padding-top:7px}
.belief-evidence summary{cursor:pointer;color:#aaa;font-size:.72rem}
.belief-evidence-row{padding:8px 0;border-bottom:1px solid #242424}
.belief-evidence-row:last-child{border-bottom:0}
.belief-evidence-meta{font-size:.64rem;color:#777;margin-bottom:4px}
.belief-evidence-text{font-size:.74rem;color:#bbb;line-height:1.35}
.belief-evidence-empty,.belief-empty{padding:10px;color:#777;font-size:.74rem;line-height:1.35}
@media(max-width:520px){.belief-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.belief-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}

.value-panel{width:min(680px,96vw);margin-top:10px;padding:16px;border:1px solid #343434;border-radius:18px;background:#101010;text-align:left}
.value-panel[hidden]{display:none}
.value-panel-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:12px}
.value-panel-head strong{font-size:1rem}
.value-panel-head span{font-size:.72rem;color:#888}
.value-panel-sub{margin-top:4px;font-size:.69rem;color:#777}
.value-hero-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:9px}
.value-hero-grid div,.value-state-card{padding:10px;border-radius:12px;background:#181818;display:flex;flex-direction:column;gap:5px}
.value-hero-grid span,.value-state-card span{font-size:.65rem;color:#888;line-height:1.2}
.value-hero-grid strong{font-size:1.02rem;font-variant-numeric:tabular-nums}
.value-before-after{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:10px}
.value-state-card strong{font-size:.78rem;line-height:1.35}
.value-latest{margin-top:5px}
.value-outcome-card{padding:12px;border-radius:13px;background:#171717;border:1px solid #292929}
.value-outcome-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.value-outcome-head strong{font-size:.86rem;line-height:1.35}
.value-outcome-head span{font-size:.68rem;color:#aaa;text-align:right}
.value-outcome-detail,.value-reasons,.value-feedback{margin-top:7px;font-size:.7rem;color:#888;line-height:1.4}
.value-feedback{color:#bdbdbd}
.value-recent{display:flex;flex-direction:column;gap:5px;margin-top:8px}
.value-recent-row{display:flex;justify-content:space-between;gap:10px;padding:7px 9px;border-radius:9px;background:#151515;font-size:.69rem;color:#888}
.value-recent-row strong{color:#bbb;font-variant-numeric:tabular-nums}
.value-empty{padding:10px;color:#777;font-size:.74rem;line-height:1.4}
@media(max-width:520px){.value-hero-grid,.value-before-after{grid-template-columns:repeat(2,minmax(0,1fr))}}

.value-tools-block{margin-top:11px;padding-top:10px;border-top:1px solid #292929}
.value-tools-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:7px}
.value-tools-head strong{font-size:.78rem}
.value-tools-head span{font-size:.65rem;color:#777}
.value-tools{display:flex;flex-direction:column;gap:6px}
.value-tool-row{padding:9px 10px;border-radius:11px;background:#151515}
.value-tool-name{font-size:.75rem;font-weight:700;line-height:1.3;margin-bottom:7px}
.value-tool-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.value-tool-metrics span{display:flex;flex-direction:column;gap:3px}
.value-tool-metrics small{font-size:.58rem;color:#777}
.value-tool-metrics strong{font-size:.72rem;font-variant-numeric:tabular-nums;color:#bbb}
@media(max-width:520px){.value-tool-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
