.eh{justify-self:end;width:100%;max-width:520px;position:relative}.eh-win{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-hero);border-radius:16px;margin:0;font-size:13px;overflow:hidden}.eh-win>figcaption{border-top:1px solid var(--line);color:var(--ink-3);padding:9px 14px 11px;font-size:12px}.eh-bar{background:var(--bg-2);border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:9px 12px;display:flex}.eh-dots{gap:5px;display:flex}.eh-dots i{background:var(--line-2);border-radius:50%;width:8px;height:8px}.eh-url{background:var(--surface);min-width:0;font-family:var(--mono);color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;flex:1;padding:3px 10px;font-size:11.5px;overflow:hidden}.eh-app{gap:10px;padding:14px;display:grid}.eh-head{gap:2px;display:grid}.eh-logo{color:var(--ink);align-items:center;gap:7px;font-weight:700;display:flex}.eh-logo:before{content:"";background:var(--ink);border-radius:4px;width:14px;height:14px}.eh-crumb{color:var(--ink-3);font-size:12px}.eh-rail{grid-template-columns:repeat(4,1fr);gap:6px;margin:2px 0 0;padding:0;list-style:none;display:grid}.eh-rail li{color:var(--ink-3);letter-spacing:.02em;padding-top:8px;font-size:11px;font-weight:600;position:relative}.eh-rail li:before{content:"";background:var(--line);border-radius:3px;height:3px;transition:background .3s;position:absolute;inset:0 0 auto}.eh-rail li[data-s=on]{color:var(--brand-ink)}.eh-rail li[data-s=on]:before{background:linear-gradient(90deg, var(--brand), color-mix(in srgb, var(--brand) 25%, var(--line)))}.eh-rail li[data-s=done]{color:var(--ink-2)}.eh-rail li[data-s=done]:before{background:var(--brand)}.eh-log,.eh-hook{background:var(--bg-2);min-width:0;color:var(--ink-3);border-radius:9px;align-items:center;gap:8px;padding:7px 10px;font-size:12px;transition:background .3s,color .3s;display:flex}.eh-log[data-on],.eh-hook[data-on]{color:var(--ink-2)}.eh-hook[data-on]{background:var(--ok-bg)}.eh-verb{background:var(--surface);border:1px solid var(--line);color:var(--brand-ink);border-radius:5px;flex:none;padding:1px 6px;font-size:10.5px;font-weight:600}.eh-hook .eh-verb{color:var(--ok)}.eh-path{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.eh-file{color:var(--ink-2);flex:none;margin-left:auto;font-weight:500}.eh-code{text-align:right;width:30px;color:var(--ok);flex:none;font-size:11px}.eh-frame{border:1.5px dashed var(--acc-blue-line);background:var(--surface);border-radius:12px;padding:12px}.eh-frame-h{color:var(--ink);justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;font-size:12.5px;font-weight:600;display:flex}.eh-frame-h>span:first-child{align-items:center;gap:6px;display:inline-flex}.eh-mark{background:var(--ink);border-radius:3px;width:12px;height:12px}.eh-tag{background:var(--acc-blue-bg);color:var(--acc-blue-ink);font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;border-radius:999px;padding:2px 8px;font-size:10.5px}.eh-rows{margin:0}.eh-row{border-radius:7px;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);align-items:center;gap:10px;padding:5px 8px;transition:background .3s;display:grid}.eh-row+.eh-row{margin-top:2px}.eh-row dt{color:var(--ink-3);font-size:12.5px}.eh-row dd{justify-content:space-between;align-items:center;gap:8px;min-width:0;margin:0;display:flex}.eh-v{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ink);font-size:12.5px;font-weight:500;transition:opacity .25s;overflow:hidden}.eh-c{background:var(--ok-bg);min-width:44px;color:var(--ok);font-family:var(--mono);text-align:center;border-radius:5px;flex:none;padding:1px 6px;font-size:11px;transition:opacity .25s}.eh-c.is-flag{background:var(--surface);color:var(--warn);font-weight:600}.eh-row[data-state=wait] .eh-v,.eh-row[data-state=wait] .eh-c{opacity:0}.eh-row[data-state=read]{background:var(--acc-blue-bg)}.eh-row[data-state=flag],.eh-row[data-state=fixing]{background:var(--warn-bg)}.eh-row[data-state=fixing] .eh-v{box-shadow:inset 0 -1.5px 0 var(--warn)}.eh-actions{justify-content:flex-end;margin-top:10px;display:flex}.eh-btn{background:var(--brand);color:var(--on-brand);border-radius:8px;padding:5px 12px;font-size:12.5px;font-weight:600;transition:background .3s}.eh-btn.is-done{background:var(--ok)}@media (max-width:1099px){.eh{justify-self:stretch;max-width:560px;margin:0 auto}}@media (max-width:480px){.eh-file{display:none}.eh-row{grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr)}}@media (prefers-reduced-motion:reduce){.eh *{transition:none!important}}
