@layer components{.door{background-color:var(--bg);min-block-size:100dvh;color:var(--ink)}.door-bar{block-size:calc(52px + var(--sa-t,0px));box-shadow:inset 0 -1px 0 var(--hair);grid-template-columns:44px 1fr 44px;align-items:center;padding-block-start:var(--sa-t,0px);padding-inline:4px;display:grid}.door-mark{block-size:24px;color:var(--ink);justify-self:center;place-items:center;display:grid}.door-head{display:none}.door-form{inline-size:100%;max-inline-size:440px;padding:12px var(--page-x,16px) calc(40px + var(--sa-b,0px));margin-inline:auto}.door-stack{gap:16px;display:grid}.door-act{z-index:1;padding-block:12px calc(12px + var(--sa-b,0px));background-color:var(--bg);gap:12px;margin-block-start:4px;display:grid;position:sticky;inset-block-end:var(--kb,0px)}.door-form input{scroll-margin-block-end:112px}.door-links{text-align:center;justify-items:center;gap:4px;margin-block-start:12px;display:grid}.door-links>.door-grow{justify-self:stretch}.door-ways{justify-items:center;gap:4px;padding-block-start:8px;display:grid}.door-new{border-block-start:1px solid var(--hair);flex-wrap:wrap;justify-content:center;align-items:center;column-gap:4px;margin-block-start:20px;padding-block-start:16px;display:flex}.door-after:not(:empty){margin-block-start:16px}.door-lang{justify-content:center;margin-block-start:40px;display:flex}.door-side{display:none}.door-grow{transition:grid-template-rows var(--dur-move,.24s) var(--ease-std,ease);grid-template-rows:0fr;display:grid}.door-grow[data-open]{grid-template-rows:1fr}.door-grow>*{min-block-size:0;overflow:hidden}.door-code{border-radius:var(--radius-card);background-color:var(--paper);box-shadow:var(--shadow-e1);text-align:center;-webkit-user-select:all;user-select:all;overflow-wrap:anywhere;padding:16px;display:block}.hud{border-radius:var(--radius-card);background-color:var(--paper);inline-size:100%;max-inline-size:440px;box-shadow:var(--shadow-e2);overflow:hidden}.hud-sec{padding:16px}.hud-sec+.hud-sec{border-block-start:1px solid var(--hair)}.hud-row{grid-template-columns:auto 1fr auto auto;align-items:center;column-gap:12px;min-block-size:44px;display:grid}.hud-tick{border-radius:var(--radius-tag);background-color:var(--ink);block-size:28px;inline-size:28px;color:var(--on-inverse);place-items:center;display:grid}@media (min-width:64rem){.door{grid-template-columns:minmax(0,1fr) 440px;display:grid}.door-bar{display:none}.door-act{margin-block-start:20px;padding-block:0;position:static}.door-head{align-items:center;block-size:64px;padding-inline:40px;display:flex}.door-form{max-inline-size:400px;padding:clamp(48px,10vh,120px) 0 64px}.door-side{background-color:var(--bg-2);border-inline-start:1px solid var(--hair);align-content:center;justify-items:center;gap:24px;block-size:100dvh;padding:40px;display:grid;position:sticky;inset-block-start:0}.door-side-title{max-inline-size:20ch}}@media (min-width:80rem){.door{grid-template-columns:1fr 1fr}.door-side{padding:64px}}}.door-stack .ui-field-box>input:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}