:root{--ink: #f4ecd6;--muted: #c3b795;--dust: #a89a68;--deep: #14150d;--panel: rgba(22, 23, 15, .94);--panel-soft: rgba(30, 31, 20, .9);--line: rgba(244, 236, 214, .2);--brass: #e0b356;--hot: #ff8a3c;--good: #9fe0a8;--bad: #ff8f76;font-family:Inter,Segoe UI,system-ui,sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--deep);color:var(--ink);overscroll-behavior:none;-webkit-text-size-adjust:100%}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:2px solid var(--brass);outline-offset:3px}button:disabled{cursor:default}#app{position:relative;isolation:isolate}#stage{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;outline:none}.hud{position:absolute;inset:0;z-index:4;pointer-events:none}.hud[hidden]{display:none}.bar{position:absolute;top:0;left:0;right:0;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 18px}.bar-left,.bar-right{display:flex;align-items:center;gap:10px;pointer-events:auto;flex:none}.bar-left{flex-direction:column;align-items:flex-start;gap:2px;padding:7px 13px;background:var(--panel);border:1px solid var(--line);border-left:2px solid var(--brass)}.tag{font:9px/1.4 monospace;letter-spacing:.16em;color:var(--brass);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:210px}.bar-left strong{font-size:15px;font-weight:600;letter-spacing:.01em}.clock{display:flex;flex-direction:column;align-items:flex-end;padding:6px 13px;background:var(--panel);border:1px solid var(--line);border-right:2px solid var(--brass)}.clock span{font:8px/1.5 monospace;letter-spacing:.18em;color:var(--muted)}.clock strong{font:20px/1.15 monospace;color:var(--ink)}.clock--urgent{border-right-color:var(--bad);animation:pulse .9s ease-in-out infinite}.clock--urgent strong{color:var(--bad)}.clock--done{opacity:.5}.icon{border:1px solid var(--line);background:var(--panel);color:var(--muted);font:9px/1 monospace;letter-spacing:.12em;padding:9px 10px;min-height:34px}.icon:hover{border-color:var(--brass);color:var(--ink)}.panel{position:absolute;padding:12px 14px;background:var(--panel);border:1px solid var(--line);box-shadow:0 18px 44px #0606028c}.panel-title{font:9px/1.4 monospace;letter-spacing:.2em;color:var(--brass);margin:0 0 9px;text-transform:uppercase}.read{top:88px;left:18px;width:236px}.read .row{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:5px 0;border-top:1px solid rgba(244,236,214,.09)}.read .row span{font:8px/1.2 monospace;letter-spacing:.11em;color:var(--muted)}.read .row strong{font:11px/1.2 monospace;color:var(--ink);text-align:right}.read .row.total{margin-top:4px;padding-top:8px;border-top:1px solid var(--line)}.read .row.total strong{font-size:16px;color:var(--brass)}.meters{top:88px;right:18px;width:218px;display:grid;gap:12px}.meter{display:grid;gap:5px}.meter[hidden],.hud--fire .meters{display:none}.meter-label{font:8px/1.4 monospace;letter-spacing:.16em;color:var(--muted)}.meter strong{font:12px/1 monospace;color:var(--ink)}.feed,.bar{position:relative;height:9px;background:#0000006b;border:1px solid rgba(244,236,214,.14);overflow:hidden}.feed-safe{position:absolute;top:0;bottom:0;left:28%;width:34%;background:#9fe0a833;border-left:1px solid rgba(159,224,168,.5);border-right:1px solid rgba(159,224,168,.5)}.feed-fill,.bar span{position:absolute;top:0;left:0;bottom:0;width:0;background:var(--brass);box-shadow:0 0 10px #e0b35699}.bar span{background:var(--dust);box-shadow:none}.feed-fill.hot{background:var(--hot);box-shadow:0 0 12px #ff8a3ccc}.dial{display:block;width:100%;height:auto}.dial-arc{fill:none;stroke:#f4ecd64d;stroke-width:1.5}.dial-tol{fill:none;stroke:#9fe0a8bf;stroke-width:5}.dial-bed{stroke:var(--brass);stroke-width:1.4;stroke-dasharray:5 4}.dial-needle{stroke:var(--hot);stroke-width:3;stroke-linecap:round}.dial-hub{fill:var(--ink)}.dial-tick{fill:var(--muted);font:8px monospace;text-anchor:middle}.status{position:absolute;left:50%;bottom:26px;transform:translate(-50%);max-width:min(560px,calc(100vw - 36px));margin:0;padding:9px 16px;background:var(--panel);border:1px solid var(--line);font:11px/1.4 monospace;letter-spacing:.02em;color:var(--ink);text-align:center}.action{position:absolute;left:50%;bottom:76px;transform:translate(-50%);width:min(340px,calc(100vw - 32px));text-align:center;pointer-events:auto}.action[hidden]{display:none}.action-btn{display:block;width:100%;border:1px solid var(--brass);background:var(--brass);color:#1a1708;padding:15px 18px;font:12px/1.2 monospace;letter-spacing:.16em;min-height:48px;touch-action:none;user-select:none;-webkit-user-select:none}.action-btn:hover{background:#f2ca74}.action-btn:active{background:#c99a3f}.action-hint{margin:8px 0 0;padding:6px 10px;background:var(--panel-soft);font:9px/1.4 monospace;color:var(--muted);letter-spacing:.04em}.survey,.report,.method{position:absolute;z-index:6;background:#16170e;border:1px solid var(--line);box-shadow:0 24px 70px #050501ad;padding:18px 20px;pointer-events:auto}.survey[hidden],.report[hidden],.method[hidden]{display:none}.survey{left:18px;bottom:26px;width:min(360px,calc(100vw - 36px))}.report{left:50%;top:50%;transform:translate(-50%,-50%);width:min(470px,calc(100vw - 32px))}.survey-step,.report-kicker,.eyebrow{margin:0 0 6px;font:8px/1.4 monospace;letter-spacing:.2em;color:var(--brass);text-transform:uppercase}.survey h2,.report h2,.method h2{margin:0 0 8px;font-size:19px;font-weight:600;letter-spacing:.01em}.survey-hint{margin:0 0 13px;font:10px/1.5 monospace;color:var(--muted)}.options{display:grid;gap:7px}.option{display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:11px;align-items:center;text-align:left;padding:9px 11px;border:1px solid var(--line);background:#ffffff0a}.option:hover:not(:disabled){border-color:var(--brass);background:#e0b3561f}.option .chip{grid-row:1 / span 2;width:34px;height:34px;border:1px solid rgba(0,0,0,.45)}.option strong{font:11px/1.2 monospace;color:var(--ink)}.option small{font:8px/1.3 monospace;color:var(--muted);margin-top:3px}.option--beds{grid-template-columns:58px 1fr}.beds{grid-row:1 / span 2;width:58px;height:30px;background:#2a2a1c;border:1px solid rgba(244,236,214,.18)}.beds line{stroke:#e6d8ad;stroke-width:2.4}.option.right{border-color:var(--good);background:#9fe0a829}.option.wrong{border-color:var(--bad);background:#ff8f7624}.survey-feedback{margin:11px 0 0;font:10px/1.5 monospace;color:var(--brass);min-height:30px}.report-line{margin:0 0 14px;font:11px/1.55 monospace;color:var(--muted)}.report-grid,.over-grid{display:grid;grid-template-columns:auto 1fr;gap:5px 14px;margin:0 0 14px;padding:11px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.report-grid dt,.over-grid dt{font:8px/1.4 monospace;letter-spacing:.11em;color:var(--muted);text-transform:uppercase}.report-grid dd,.over-grid dd{margin:0;font:11px/1.4 monospace;color:var(--ink);text-align:right}.report-grid dd.good{color:var(--brass);font-size:14px}.report-quota{margin:0 0 13px;font:10px/1.5 monospace;color:var(--muted)}.screen{position:absolute;z-index:10;inset:0;display:grid;place-items:center;padding:22px;background:#0c0d068f;backdrop-filter:blur(3px)}.screen[hidden]{display:none}.card{width:min(560px,100%);padding:30px 32px;background:linear-gradient(150deg,#262618f7,#11120af7);border:1px solid var(--line);box-shadow:0 28px 80px #000000a8}.card--compact{width:min(430px,100%);text-align:center}.card h1{margin:0 0 12px;font-size:46px;line-height:.96;font-weight:700;letter-spacing:-.02em}.card h2{margin:0 0 10px;font-size:30px;font-weight:700;letter-spacing:-.01em}.lede{margin:0 0 16px;font-size:13px;line-height:1.6;color:var(--muted);max-width:48ch}.card--compact p{font-size:12px;line-height:1.6;color:var(--muted)}.legend{margin:0 0 20px;padding:0;list-style:none;display:grid;gap:7px;font:10px/1.45 monospace;color:var(--muted)}.legend li{display:grid;grid-template-columns:18px 1fr;gap:8px}.legend b{color:var(--brass);font-weight:400}.action-btn--start{font-size:13px;letter-spacing:.2em}.hint{margin:13px 0 0;font:9px/1.5 monospace;color:var(--muted)}.ghost{margin-top:12px;border:1px solid var(--line);background:transparent;color:var(--muted);padding:12px 16px;width:100%;font:10px/1.2 monospace;letter-spacing:.14em}.ghost:hover{border-color:var(--brass);color:var(--ink)}.method{left:50%;top:50%;transform:translate(-50%,-50%);z-index:12;width:min(540px,calc(100vw - 32px));max-height:calc(100vh - 44px);overflow-y:auto}.method p{font:11px/1.6 monospace;color:var(--muted);margin:0 0 14px}.method-list{display:grid;gap:10px;margin:0 0 18px}.method-list dt{font:10px/1.2 monospace;letter-spacing:.12em;color:var(--brass);text-transform:uppercase}.method-list dd{margin:3px 0 0;font:11px/1.55 monospace;color:var(--muted)}.good{color:var(--good)!important}.bad{color:var(--bad)!important}@keyframes pulse{0%,to{box-shadow:0 0 #ff8f7600}50%{box-shadow:0 0 22px #ff8f768c}}@media(max-width:980px){.read{width:208px}.meters{width:196px}}@media(max-width:720px){.bar{padding:10px;gap:8px}.bar-left{padding:6px 10px}.bar-left strong{font-size:12px}.tag{font-size:8px}.clock{padding:5px 10px}.clock strong{font-size:17px}.icon{padding:8px 7px;font-size:8px;min-height:30px}.read{top:62px;left:10px;width:calc(100vw - 20px);padding:9px 11px;display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.panel-title{grid-column:1 / -1;margin-bottom:6px}.read .row{padding:4px 0}.read .row.total{margin-top:2px}.read .row.total strong{font-size:14px}.meters{top:auto;bottom:96px;right:10px;width:172px;padding:9px 11px}.hud--survey .meters{display:none}.hud--survey .status{top:186px}.tag{max-width:38vw}.survey{left:10px;right:10px;bottom:10px;width:auto;padding:12px 13px}.survey-hint{margin-bottom:10px;font-size:9px}.survey-feedback{min-height:26px;margin-top:8px}.option small,.option--beds small{display:none}.survey h2,.report h2{font-size:16px}.option{padding:7px 9px}.option strong{font-size:10px}.option small{font-size:8px}.report{width:calc(100vw - 20px);padding:15px 16px}.status{top:186px;bottom:auto;font-size:10px;padding:7px 12px;width:calc(100vw - 20px);max-width:none}.action{bottom:12px;width:calc(100vw - 20px)}.action-btn{padding:14px 12px;font-size:11px}.card{padding:22px 20px}.card h1{font-size:36px}.card h2{font-size:25px}.lede{font-size:12px}.method{width:calc(100vw - 20px);padding:17px 16px}}@media(max-width:720px)and (max-height:760px){.read{display:none}.status,.hud--survey .status{top:74px}.meters{bottom:88px}}@media(max-height:560px){.read,.meters{display:none}.status{top:62px;font-size:9px;padding:5px 10px}.action{bottom:10px}.survey{padding:9px 11px}.survey h2{font-size:14px}.survey-hint{display:none}.option{padding:5px 8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}