.stage-label.as-off{display:none!important}.as-frame{position:absolute;left:0;top:0;box-sizing:border-box;border:2px dashed var(--accent);pointer-events:none;z-index:2;box-shadow:0 0 0 1px #ffffff8c inset}.as-frame span{position:absolute;font:600 11px/1 var(--mono);color:var(--paper);background:#16150fc7;padding:4px 6px;white-space:nowrap;letter-spacing:.02em}.as-frame-w{left:50%;bottom:-24px;transform:translate(-50%)}.as-frame-h{right:-10px;top:50%;transform:translate(100%,-50%)}.as-ruler{position:absolute;left:0;top:0;z-index:3;cursor:grab;touch-action:none;box-shadow:0 1px #00000040,0 6px 14px #0000002e}.as-ruler:active{cursor:grabbing}.as-cal{position:absolute;left:50%;bottom:38px;transform:translate(-50%);z-index:4;display:grid;gap:6px;padding:8px 10px;background:#f8f6f1f2;border:1px solid var(--rule-2);max-width:calc(100% - 24px);box-sizing:border-box}.as-cal-t{margin:0;font:500 12px/1.35 var(--sans);color:var(--ink-2);text-align:center}.as-cal-row{display:flex;align-items:center;gap:8px}.as-cal-row input[type=range]{width:220px;max-width:40vw;accent-color:var(--accent)}.as-cal-row output{font:600 12px/1 var(--mono);min-width:84px;color:var(--accent-ink)}.as-cal-b,.as-cal-r{appearance:none;border:1px solid var(--rule-2);background:#fff;color:var(--ink);height:30px;min-width:30px;padding:0 8px;font:600 14px/1 var(--mono);cursor:pointer}.as-cal-r{font:500 12px/1 var(--sans)}.as-cal-b:hover,.as-cal-r:hover{background:var(--ink);color:var(--paper)}.as-readout{min-width:210px}.as-readout [data-r=state]{color:var(--accent-ink)}.as-readout.is-cal [data-r=state]{color:#2f6b3b}@media(max-width:600px){.as-cal{bottom:34px;padding:6px 8px}.as-cal-t{font-size:11px}.as-cal-row{gap:5px}.as-cal-row input[type=range]{width:110px;max-width:30vw}.as-cal-row output{min-width:70px;font-size:11px}.as-readout .as-pick~.ro-row:last-child{display:none}.as-frame-h{display:none}}.as-cal[hidden],.as-readout .ro-row[hidden]{display:none}.as-readout{max-width:min(360px,62%)}.as-readout [data-r]{text-align:end}.as-readout.is-mag [data-r=view]{color:var(--accent-ink);font-weight:600}@media(max-width:600px){.as-readout{transform:scale(.82);transform-origin:top left;max-width:72%}.as-readout .as-r-state,.as-readout .as-r-ratio{display:none}}.as-lab{padding:4px 18px 22px;display:grid;gap:10px;border-top:1px solid var(--rule);font:400 13px/1.5 var(--sans);min-width:0}.as-h{margin:16px 0 0;font:600 15px/1.3 var(--sans);color:var(--ink)}.as-p{margin:0;color:var(--ink-2)}.as-note{font-size:12px}.as-mono{font-family:var(--mono, ui-monospace, monospace);font-size:12px;color:var(--ink)}.as-btns{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.as-lab button{min-height:44px;min-width:44px;padding:0 12px;font:600 13px/1.2 var(--sans);border:1px solid var(--ink, #1c1b19);background:#fbfaf6;color:var(--ink);border-radius:2px;cursor:pointer}.as-lab button[aria-pressed=true]{background:var(--ink, #1c1b19);color:#f5f2ea}.as-lab input[type=search]{min-height:44px;font:500 14px/1.2 var(--sans);padding:6px 8px;border:1px solid var(--rule-2, #cfc8b8);background:#fbfaf6;border-radius:2px;color:var(--ink);width:100%;box-sizing:border-box}.as-lab input[type=range]{width:100%;accent-color:var(--accent)}.as-row{display:grid;gap:4px}.as-row>span{font-weight:600;color:var(--ink);font-size:13px}.as-row output{font:600 13px/1.2 var(--mono, ui-monospace, monospace);color:var(--ink)}.as-tasks{margin:0;padding:0;list-style:none;display:grid;gap:8px}.as-tasks li{display:grid;gap:4px;padding:10px 12px;border:1px solid var(--rule);border-inline-start:3px solid var(--rule-2, #cfc8b8);background:#fbfaf6;transition:background .4s}.as-tasks li.is-done{border-inline-start-color:#1f7a3a}.as-tasks li.is-new{background:#fff1c9}.as-tt{margin:0;color:var(--ink)}.as-ok{display:inline-block;margin-inline-start:6px;padding:1px 6px;font:600 11px/1.4 var(--sans);color:#fff;background:#1f7a3a;border-radius:2px}.as-ok[hidden]{display:none}.as-now{font:500 12px/1.4 var(--mono, ui-monospace, monospace);color:var(--ink)}.as-cats button{min-height:36px;font-size:12px}.as-list{margin:0;padding:0;list-style:none;display:grid;gap:10px;max-height:620px;overflow-y:auto;overscroll-behavior:contain}.as-list li{display:grid;gap:4px;padding-bottom:10px;border-bottom:1px solid var(--rule)}.as-ch{margin:0;color:var(--ink);font-weight:600}.as-ch small{font-weight:500;color:var(--ink-2);margin-inline-start:4px}.as-list a{color:var(--ink-2);word-break:break-word}.as-quiz,.as-game{padding:12px 14px;border:1px solid var(--rule);background:#fbfaf6;display:grid;gap:8px}.as-res{font-weight:600;color:#a33a1a}.as-res.is-ok{color:#1f7a3a}.as-pair button{flex:1 1 140px}.as-fact{padding:12px 14px;border:1px solid var(--rule);background:#f6f1e4;display:grid;gap:6px}.as-fact [data-o=fact]{color:var(--ink);font-size:14px}@media(max-width:600px){.as-lab{padding:4px 12px 18px}}.as-along{position:absolute;inset-inline-end:64px;top:10px;z-index:3;width:min(360px,38%);padding:6px 10px 8px;background:#f8f6f1f0;border:1px solid var(--rule-2);box-sizing:border-box}.as-along[hidden]{display:none}.as-along-t{margin:0 0 5px;font:500 11px/1.3 var(--mono);color:var(--ink)}.as-along-track{position:relative;height:18px;background:#e4ded0;cursor:pointer;touch-action:none}.as-along-win{position:absolute;top:0;bottom:0;background:var(--accent);min-width:2px}@media(max-width:600px){.as-along{top:auto;bottom:30px;inset-inline-end:12px;width:calc(100% - 24px)}}.as-sc-tag{position:absolute;left:0;top:0;z-index:2;appearance:none;margin:0;padding:2px 5px;border:1px solid rgba(22,21,15,.18);border-radius:2px;background:#f8f6f1e0;color:var(--ink);font:600 10.5px/1.3 var(--mono);white-space:nowrap;cursor:pointer}.as-sc-tag:hover,.as-sc-tag:focus-visible{background:var(--ink);color:var(--paper)}.as-sc-tag[hidden]{display:none}.as-readout .as-r-desk [data-r=desk]{color:var(--accent-ink)}.as-readout.is-cal .as-r-desk [data-r=desk]{color:#2f6b3b}.as-readout .as-r-desk .ro-k{white-space:nowrap}@media(max-width:600px){.as-readout:has(.as-r-desk:not([hidden])) .as-r-screen{display:none}}