*{box-sizing:border-box;margin:0}:root{--bg:#0b0d10;--panel:#15181d;--text:#e8eaed;--muted:#9aa0a6;--accent:#4dd0e1;--warn-bg:#3d2f00;--warn-text:#ffd54f}html,body{height:100%}body{background:var(--bg);color:var(--text);flex-direction:column;font-family:system-ui,-apple-system,sans-serif;display:flex}header{padding:0 0 .5rem}.banner{background:var(--warn-bg);color:var(--warn-text);text-align:center;letter-spacing:.02em;padding:.4rem .75rem;font-size:.8rem;font-weight:600}h1{padding:.6rem 1rem .1rem;font-size:1.15rem}.subtitle{color:var(--muted);padding:0 1rem;font-size:.85rem}main{flex:1;min-height:0;display:flex}#gl{touch-action:none;width:100%;height:100%}.table-panel{background:var(--panel);border-top:1px solid #2a2f36;padding:.4rem 1rem;font-size:.8rem}.table-panel summary{cursor:pointer;color:var(--muted);-webkit-user-select:none;user-select:none}.table-panel[open] summary{color:var(--text);padding-bottom:.4rem}.table-scroll{max-height:12rem;overflow:auto}#change-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}#change-table th{text-align:left;color:var(--muted);white-space:nowrap;padding:.2rem 1rem .2rem 0;font-weight:500}#change-table td{white-space:nowrap;border-top:1px solid #22262c;padding:.15rem 1rem .15rem 0}.note-text{max-width:75ch;max-height:14rem;line-height:1.5;overflow-y:auto}.note-text p{margin-bottom:.6rem}.note-text p:last-child{color:var(--muted);font-style:italic}.controls{background:var(--panel);padding:.6rem 1rem calc(.6rem + env(safe-area-inset-bottom));flex-wrap:wrap;align-items:center;gap:.5rem 1rem;display:flex}.group{border:1px solid #2a2f36;border-radius:8px;display:flex;overflow:hidden}.group button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:none;padding:.45rem .8rem;font-size:.85rem}.group button.active{background:var(--accent);color:#00252a;font-weight:600}.hint{color:var(--muted);flex-basis:100%;font-size:.75rem}.readout{color:var(--accent);font-variant-numeric:tabular-nums;flex-basis:100%;min-height:1.1em;font-size:.8rem}.legend{margin-left:.5rem}.sw{vertical-align:baseline;border-radius:2px;width:.7em;height:.7em;margin:0 .3em 0 .6em;display:inline-block}.sw.warm{background:#ffb300}.sw.cool{background:#26a69a}.pair-row{flex-wrap:wrap;align-items:center;gap:.25rem .6rem;padding:0 1rem;display:flex}.pair-row .subtitle{padding:0}#pair-select{background:var(--panel);color:var(--text);font:inherit;border:1px solid #2a2f36;border-radius:6px;padding:.25rem .5rem;font-size:.85rem}@media (width>=700px){h1{font-size:1.35rem}.controls{justify-content:center}.hint{flex-basis:auto}}