.lab-paper .lab-k{font:500 13px/1.4 var(--lp-ui);color:var(--lp-muted)}.lab-paper .lab-note{font:400 14px/1.55 var(--lp-body);color:var(--lp-muted)}.lab-plate{background-color:var(--lp-surface);border:1px solid var(--lp-line);border-radius:var(--lp-r-lg)}.lab-plate-grid{background-image:linear-gradient(var(--lp-grid) 1px,transparent 1px),linear-gradient(90deg,var(--lp-grid) 1px,transparent 1px);background-size:24px 24px;background-position:-1px -1px}.lab-figure{position:relative;padding:22px;container-type:inline-size}.lab-files,.lab-ranks{position:absolute;display:flex;font:400 11px/1 var(--lp-data);color:var(--lp-muted)}.lab-files{left:22px;right:22px;bottom:6px}.lab-files,.lab-ranks{justify-content:space-around}.lab-ranks{top:22px;bottom:22px;left:6px;flex-direction:column}.lab-board{display:grid;grid-template-columns:repeat(8,1fr);width:100%;border:1px solid var(--lp-line-strong);background:var(--lp-sq-light);-moz-user-select:none;user-select:none;-webkit-user-select:none}.lab-board,.lab-cell{aspect-ratio:1;position:relative}.lab-cell{display:flex;align-items:center;justify-content:center;background-color:var(--lp-sq-light);border:0;padding:0;font:inherit;color:inherit;transition:background-color .2s,box-shadow .2s}.lab-cell[data-dark]{background-color:var(--lp-sq-dark)}.lab-piece{width:80%;height:80%;-o-object-fit:contain;object-fit:contain;pointer-events:none;transition:opacity .3s}.lab-piece[data-state=off]{opacity:0}.lab-piece[data-state=ghost]{opacity:.38}@media (max-width:640px){.lab-paper .lab-cell,.lab-paper .lab-palette button{padding:0!important}}.lab-paper .lab-cell{min-width:0;min-height:0}.lab-cell[data-mark~=ok]{background-image:linear-gradient(var(--lp-mark-correct),var(--lp-mark-correct))}.lab-cell[data-mark~=wrong]{background-image:linear-gradient(var(--lp-mark-wrong),var(--lp-mark-wrong))}.lab-cell[data-mark~=miss]{box-shadow:inset 0 0 0 3px var(--lp-wrong)}.lab-cal-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 0 12px}.lab-cal-head .lab-k{min-width:0;font-size:14px;font-weight:600;color:var(--lp-ink)}.lab-meter{height:4px;background:var(--lp-surface-2);border-radius:2px;overflow:hidden;margin:0 0 16px}.lab-meter i{display:block;height:100%;width:0;background:var(--lp-line-strong)}.lab-cal-grid .lab-cell{cursor:default}.lab-cal-grid[data-live] .lab-cell{cursor:pointer}.lab-cal-grid[data-live] .lab-cell:hover{box-shadow:inset 0 0 0 2px var(--lp-accent)}.lab-cal-grid .lab-cell:focus-visible{outline:3px solid var(--lp-accent);outline-offset:-3px;border-radius:0;z-index:1}.lab-palette{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:16px;-moz-user-select:none;user-select:none;-webkit-user-select:none}.lab-palette button{position:relative;aspect-ratio:1;max-height:56px;min-height:44px;border:1px solid var(--lp-line);border-radius:var(--lp-r-md);background:var(--lp-sq-light);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:border-color .15s,background-color .15s}.lab-palette button:hover{border-color:var(--lp-ink-2)}.lab-palette button[aria-pressed=true]{background:var(--lp-accent-soft);border-color:var(--lp-accent);box-shadow:inset 0 0 0 1px var(--lp-accent)}.lab-palette button:disabled{opacity:.4;cursor:not-allowed}.lab-palette .lab-piece{width:70%;height:70%}.lab-palette button[data-used-up]{background:var(--lp-surface-2);border-style:dashed;cursor:not-allowed}.lab-palette button[data-used-up] .lab-piece{opacity:.3;filter:grayscale(1)}.lab-palette-count{position:absolute;right:3px;bottom:2px;font:500 12px/1 var(--lp-data);font-variant-numeric:tabular-nums;color:var(--lp-muted);pointer-events:none}.lab-palette button[data-used-up] .lab-palette-count{color:var(--lp-wrong);font-weight:600}.lab-palette-note{position:absolute;left:50%;bottom:calc(100% + 8px);z-index:3;width:-moz-max-content;width:max-content;max-width:100%;margin:0;padding:8px 12px;transform:translateX(-50%);border-radius:var(--lp-r-md);background:var(--lp-ink);color:var(--lp-surface);font:500 14px/1.35 var(--lp-ui);text-align:center;box-shadow:var(--lp-pop-shadow);pointer-events:none;animation:lab-note-in .15s ease-out}@keyframes lab-note-in{0%{opacity:0}}.lab-cal-grid[data-live] .lab-cell[data-draggable],.lab-palette button:not(:disabled){touch-action:none}.lab-cal-grid[data-live] .lab-cell[data-draggable]{cursor:grab}.lab-cell[data-lifted] .lab-piece{opacity:.3}.lab-cal-grid .lab-cell[data-drop-target]{box-shadow:inset 0 0 0 3px var(--lp-accent)}.lab-drag-ghost{position:fixed;left:0;top:0;z-index:1000;display:flex;align-items:center;justify-content:center;pointer-events:none;filter:drop-shadow(0 6px 10px rgba(13,27,36,.28));will-change:transform}.lab-drag-ghost .lab-piece{width:90%;height:90%}.lab-cal-actions{margin-top:16px}.lab-cal-main{display:grid;grid-template-columns:1fr 1fr;gap:12px}.lab-cal-main .lab-btn{min-width:0}.lab-cal-head-end{flex:none;display:flex;align-items:center;gap:10px;margin-left:auto}.lab-cal-head-end .lab-mono{font-size:20px;font-weight:500;color:var(--lp-ink)}@media (max-width:520px){.lab-cal-head .lab-k{min-height:2.6em;display:flex;align-items:center}.lab-cal-main{gap:8px}.lab-cal-main .lab-btn{padding:0 8px;font-size:15px}}@media (max-width:360px){.lab-cal-main .lab-btn{min-height:62px;line-height:1.2;text-align:center;white-space:normal}}.lab-icon-btn{display:inline-flex;align-items:center;justify-content:center;flex:none;width:40px;height:40px;border-radius:var(--lp-r-md);border:1px solid var(--lp-line-strong);background:var(--lp-surface);color:var(--lp-ink-2);cursor:pointer;transition:border-color .15s,color .15s}.lab-icon-btn:hover{border-color:var(--lp-ink-2);color:var(--lp-ink)}.lab-icon-btn:disabled{opacity:.45;cursor:not-allowed;border-color:var(--lp-line-strong);color:var(--lp-ink-2)}.lab-card{background:var(--lp-surface);border:1px solid var(--lp-line);border-radius:var(--lp-r-lg);padding:24px}.lab-rc-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-bottom:1px solid var(--lp-line);padding-bottom:16px}.lab-rc-top .lab-k{font-size:18px;font-weight:600;color:var(--lp-ink)}.lab-rc-big{margin-top:4px;font:500 clamp(48px,6vw,64px)/1 var(--lp-data);letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--lp-ink)}.lab-rc-big small{font-size:.4em;color:var(--lp-muted)}.lab-status{display:inline-flex;align-items:center;gap:8px;font:600 13px/1.3 var(--lp-ui);color:var(--lp-muted);white-space:nowrap}.lab-status:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}.lab-status[data-state=recording]{color:var(--lp-correct)}.lab-status[data-state=done]{color:var(--lp-accent)}.lab-rc-grid{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--lp-line)}.lab-rc-grid>div{padding:12px 0}.lab-rc-grid>div:nth-child(odd){padding-right:12px}.lab-rc-grid>div:nth-child(2n){padding-left:12px;border-left:1px solid var(--lp-line)}.lab-rc-grid>div:nth-child(n+3){border-top:1px solid var(--lp-line)}.lab-rc-grid b{display:block;margin-top:2px;font:500 20px/1.3 var(--lp-data);font-variant-numeric:tabular-nums;color:var(--lp-ink)}.lab-bars{display:grid;gap:10px;padding:16px 0}.lab-bar{display:grid;grid-template-columns:76px 1fr 52px;gap:12px;align-items:center;font:400 14px/1.4 var(--lp-ui);color:var(--lp-ink-2)}.lab-bar-track{height:10px;background:var(--lp-surface-2);border-radius:2px;overflow:hidden}.lab-bar-track i{display:block;height:100%;background:var(--lp-accent);border-radius:2px;transition:width .5s}.lab-bar-value{font:500 13px/1.3 var(--lp-data);text-align:right;color:var(--lp-ink)}.lab-bar[data-baseline]{padding-top:10px;border-top:1px solid var(--lp-line)}.lab-bar small{display:block;font:500 12px/1.3 var(--lp-ui);color:var(--lp-muted)}.lab-bar[data-baseline] .lab-bar-track i{background:repeating-linear-gradient(135deg,var(--lp-line-strong) 0 4px,transparent 4px 8px)}.lab-bar[data-baseline] .lab-bar-value{color:var(--lp-muted)}.lab-legend{display:flex;gap:8px 16px;flex-wrap:wrap;margin-top:16px;font:400 13px/1.4 var(--lp-ui);color:var(--lp-ink-2)}.lab-legend span{display:inline-flex;align-items:center;gap:6px}.lab-legend i{width:14px;height:14px;border-radius:3px;display:inline-block}.lab-legend [data-key=ok]{background:color-mix(in srgb,var(--lp-correct) 40%,var(--lp-surface));border:1px solid var(--lp-correct)}.lab-legend [data-key=wrong]{background:color-mix(in srgb,var(--lp-wrong) 40%,var(--lp-surface));border:1px solid var(--lp-wrong)}.lab-legend [data-key=miss]{border:2px solid var(--lp-wrong)}