.eb{max-width:720px;padding:var(--space-6) var(--space-5) var(--space-8);flex-direction:column;min-height:calc(100svh - 64px);margin:0 auto;display:flex}.eb__bar{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.eb__close{border:1px solid var(--border);width:36px;height:36px;color:var(--ink-muted);transition:color var(--dur-fast), border-color var(--dur-fast);border-radius:50%;place-items:center;font-size:22px;line-height:1;text-decoration:none;display:grid}.eb__close:hover{color:var(--ink);border-color:var(--ink-muted)}.eb__home,.eb__results{text-align:center;justify-items:center;gap:var(--space-4);margin:auto 0;display:grid}.eb__title{font:var(--display-xl);letter-spacing:var(--display-xl-tracking);margin:0}.eb__icons{gap:var(--space-4);color:var(--accent-ink);display:flex}.eb__lead{font:var(--body-l);color:var(--ink-muted);max-width:34ch;margin:0}.eb__actions{justify-content:center}.eb__small,.eb__hint{font:var(--small);color:var(--ink-muted);margin:0}.eb__test{gap:var(--space-3);display:grid}.eb__step{align-items:center;gap:var(--space-3);display:flex}.eb__progress{gap:6px;display:flex}.eb__progress i{background:var(--border);border-radius:2px;width:22px;height:4px}.eb__progress i.on{background:var(--accent)}.eb__progress i.now{background:var(--ink-muted)}.eb__head{align-items:center;gap:var(--space-3);color:var(--accent-ink);display:flex}.eb__h{font:var(--display-m);letter-spacing:var(--display-m-tracking);color:var(--ink);margin:0}.eb__how{margin:0 0 var(--space-3);color:var(--ink-muted)}.eb__ready{border:1px dashed var(--border-strong);border-radius:var(--radius-xl);place-items:center;min-height:280px;display:grid}.eb-stage{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.eb-stage:active{cursor:grabbing}.eb-stage--drag-x{cursor:ew-resize}.eb-stage--resize{cursor:nwse-resize}.eb-box{fill:var(--elevated);stroke:var(--border-strong);stroke-width:1.5px}.eb-box--live{fill:var(--ink);stroke:none}.eb-ghost{fill:none;stroke:var(--success);stroke-width:2px;stroke-dasharray:5 4}.eb-frame{fill:var(--bg);stroke:var(--border-strong);stroke-width:1.5px}.eb-dot{fill:var(--accent);stroke:var(--bg);stroke-width:2px}.eb-measure{stroke:var(--ink-muted);stroke-width:2px}.eb-measure--ok{stroke:var(--success)}.eb-label{font:var(--label);letter-spacing:var(--label-tracking);text-transform:uppercase;fill:var(--ink-muted);text-anchor:middle}.eb-label--strong{fill:var(--ink)}.eb-tap{border-radius:var(--radius-xl);border:1px solid var(--border);background:var(--surface);width:100%;min-height:300px;color:var(--ink-muted);font:var(--title);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;padding:var(--space-5)}.eb-tap--run{animation:eb-flash .26s var(--ease-out);color:var(--ink)}.eb-tap--done{color:var(--ink);font:var(--display-m);cursor:default}.eb-tap__go{font:var(--display-s)}@keyframes eb-flash{0%{background:var(--accent);color:var(--accent-on)}}.eb__after{align-items:center;gap:var(--space-4);flex-wrap:wrap;min-height:56px;display:flex}.eb__score{font:var(--display-m);letter-spacing:var(--display-m-tracking)}.eb__detail{font:var(--code);color:var(--ink-muted);margin-right:auto}.eb__total{font:var(--display-xl);letter-spacing:var(--display-xl-tracking);margin:0}.eb__total span{font:var(--display-s);color:var(--ink-muted)}.eb__verdict{font:var(--display-s);margin:0}.eb__rows{margin:var(--space-4) 0 0;border-top:1px solid var(--border);width:100%;padding:0;list-style:none}.eb__rows li{align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border);text-align:left;color:var(--accent-ink);grid-template-columns:24px 72px 1fr 120px 36px;display:grid}.eb__row-name{color:var(--ink);font-weight:600}.eb__row-detail{font:var(--code);color:var(--ink-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.eb__row-bar{background:var(--border);border-radius:3px;height:6px;overflow:hidden}.eb__row-bar i{background:var(--accent);height:100%;display:block}.eb__row-score{font:var(--code);color:var(--ink);text-align:right}.eb__streak{font:var(--title);margin:0}@media (width<=560px){.eb__title,.eb__total{font-size:64px}.eb__rows li{grid-template-columns:24px 1fr 60px 32px}.eb__row-detail{display:none}}