.instrument-page:has(.level-instrument){background:#eef1e5}.instrument-page:has(.counter-instrument){background:#f0edf7}.level-instrument,.counter-instrument{width:100%;min-height:0;color:var(--ink);flex:1;align-self:stretch;padding:20px clamp(18px,5vw,48px) 12px}.instrument-cue{text-align:center;letter-spacing:1.6px;color:var(--muted);font-size:10px;font-weight:600;line-height:1.5;display:block}.level-instrument{background:#eef1e5;flex-direction:column;gap:14px;display:flex}.level-visual{flex-direction:column;flex:1;min-height:0;display:flex}.level-stage{flex:1;justify-content:center;align-items:center;min-height:140px;padding:14px;display:flex}.level-instrument .level-dial{aspect-ratio:1;flex-shrink:0;width:min(68vw,36dvh,340px);height:auto;margin:0}.level-instrument .dial-ring.outer{border-color:#9ca985;width:90%;height:90%}.level-instrument .dial-ring.inner{width:36%;height:36%}.level-instrument .dial-cross:before{width:1px;height:100%}.level-instrument .dial-cross:after{width:100%;height:1px}.level-instrument .dial-axis{font-size:10px}.level-instrument .level-bubble{width:23%;height:23%;box-shadow:inset 0 0 0 8px #e2edb9}.level-instrument .level-readings{width:100%;max-width:400px;margin:0 auto}.level-instrument .reading-label{letter-spacing:1.3px;font-size:9px}.level-instrument .degree-value{letter-spacing:-1.8px;font-size:clamp(36px,5.5dvh,58px);line-height:1.25}.level-controls{width:100%;max-width:460px;margin-inline:auto}.level-instrument .sensor-status{max-width:430px;min-height:36px;margin:0 auto 12px;font-size:12px;line-height:1.5}.level-instrument .start-level{border-radius:12px;max-width:none;min-height:56px;font-size:16px}.level-instrument .level-actions{gap:10px;margin-top:10px}.level-instrument .level-actions .secondary-button{border-radius:10px;flex:1;min-height:46px;font-size:12px}.level-instrument[data-state=level] .degree-value{color:#46692d}.level-instrument[data-state=level] .level-bubble{background:#b3d77c}.level-instrument[data-state=denied] .sensor-status,.level-instrument[data-state=error] .sensor-status{color:#875028}.counter-instrument{background:#f0edf7;flex-direction:column;display:flex;position:relative}.counter-instrument input{text-align:center;width:min(100%,340px);color:var(--ink);background:0 0;border:0;border-bottom:1px dashed #aaa2b6;border-radius:0;margin:8px auto 0;padding:6px 8px 8px;font-size:22px;font-weight:500;display:block}.counter-instrument .count-button,.counter-instrument .count-button[data-counter-fit]{border-radius:24px;flex:1;justify-content:center;gap:22px;width:100%;max-width:850px;min-height:130px;margin:10px auto;padding:18px 4px 25px}.counter-instrument .count-button>[data-counter-value]{letter-spacing:-.055em;font-size:clamp(100px,min(30dvh,37vw),260px);font-weight:500;line-height:1}.counter-instrument .tap-label{font-size:15px}.counter-instrument .plus-circle{width:34px;height:34px;font-size:25px}.counter-instrument .counter-actions{align-self:center;gap:10px;width:100%;max-width:600px}.counter-instrument .counter-actions .secondary-button{border-radius:11px;gap:7px;min-height:54px;font-size:13px}.counter-instrument .save-note{min-height:17px;margin-top:12px;font-size:11px;line-height:1.5}.counter-instrument .reset-confirm{z-index:5;background:#faf9f6;border:1px solid #c9c3d5;border-radius:14px;width:min(420px,100% - 32px);margin:0;padding:20px;position:absolute;bottom:98px;left:50%;transform:translate(-50%);box-shadow:0 10px 60px #24251f30}.counter-instrument .reset-confirm p{font-size:15px}.counter-instrument .reset-confirm button{min-height:48px}.level-instrument .notice,.counter-instrument .notice{margin:8px auto;padding:10px;font-size:12px}@media (height<=660px){.level-instrument,.counter-instrument{padding-top:10px;padding-bottom:8px}.level-instrument{gap:8px}.level-stage{min-height:128px;padding:8px}.level-instrument .level-dial{width:min(57vw,28dvh,240px)}.level-instrument .degree-value{font-size:34px}.level-instrument .sensor-status{min-height:32px;margin-bottom:8px;font-size:11px}.level-instrument .start-level{min-height:48px;font-size:14px}.level-instrument .level-actions{margin-top:7px}.level-instrument .level-actions .secondary-button{min-height:44px}.counter-instrument input{margin-top:4px;font-size:19px}.counter-instrument .count-button,.counter-instrument .count-button[data-counter-fit]{gap:14px;margin-block:6px;padding-block:8px 14px}.counter-instrument .counter-actions .secondary-button{min-height:48px}.counter-instrument .save-note{margin-top:8px}}@media (width<=360px){.level-instrument,.counter-instrument{padding-inline:16px}.instrument-cue{letter-spacing:1.1px;font-size:9px}.counter-instrument .counter-actions{gap:7px}.counter-instrument .counter-actions .secondary-button{gap:4px;padding:8px 6px;font-size:11px}.level-instrument .level-actions .secondary-button{padding-inline:8px}}@media (width>=640px) and (height<=540px){.level-instrument{grid-template-columns:minmax(220px,1fr) minmax(260px,1fr);gap:30px;padding:12px 30px;display:grid}.level-visual{justify-self:end;width:100%;max-width:400px;min-height:0}.level-stage{min-height:110px;padding:8px}.level-instrument .level-dial{width:min(37dvh,180px)}.level-instrument .degree-value{font-size:30px}.level-controls{place-self:center start;max-width:360px}.level-instrument .sensor-status{min-height:48px;margin-bottom:16px;font-size:12px}.counter-instrument{grid-template-rows:20px 44px 1fr auto;grid-template-columns:minmax(250px,1fr) minmax(250px,.85fr);column-gap:26px;padding:10px 30px;display:grid}.counter-instrument .instrument-cue{grid-area:1/2}.counter-instrument input{grid-area:2/2;align-self:start;margin:0 auto}.counter-instrument .count-button,.counter-instrument .count-button[data-counter-fit]{grid-area:1/1/5;align-self:stretch;gap:14px;margin:0;padding:10px}.counter-instrument .count-button>[data-counter-value]{font-size:min(40dvh,170px)}.counter-instrument .counter-actions{grid-area:3/2;align-self:center;gap:8px}.counter-instrument .counter-actions .secondary-button{padding-inline:8px;font-size:12px}.counter-instrument .save-note{grid-area:4/2;margin:0}}