*{box-sizing:border-box}html{color-scheme:dark;background:#0d0e16;color:#e9e6f4;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{margin:0}main{width:min(100%,720px);min-height:100svh;margin:auto;padding:20px 20px max(28px,env(safe-area-inset-bottom))}header{display:flex;align-items:center;justify-content:space-between;gap:16px}a{color:#c7bedb;text-decoration:none;font-size:12px;min-height:44px;display:flex;align-items:center}.mark{font-size:26px;color:#f2edff;gap:12px}.mark span{font:10px/1.3 ui-monospace,monospace;letter-spacing:.15em}.stage{width:100%;height:min(57svh,580px);min-height:320px;display:grid;place-items:center;background:radial-gradient(circle,rgba(97,79,149,.07),transparent 65%)}#form{display:block;width:min(100%,min(57svh,580px));height:auto;aspect-ratio:1}h1{text-align:center;font-size:20px;font-weight:500;letter-spacing:.08em;margin:4px 0 8px}.sub,.note,#status{text-align:center;color:#b4abc6;font-size:12px;line-height:1.55;margin:0 auto 18px;max-width:520px}nav,.transport{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin:12px 0}button{font:inherit;font-size:13px;line-height:1.2;color:#ddd6ed;background:#171622;border:1px solid #443b59;min-height:44px;padding:11px 14px;border-radius:12px}button[aria-pressed=true]{color:#fff;background:#342746;border-color:#9782b7}button:disabled{opacity:.45}button:focus-visible,a:focus-visible{outline:2px solid #b1e5f2;outline-offset:3px}.transport{margin-top:18px}.note{margin-top:24px;color:#8f869f}@media(max-width:390px){main{padding:14px}.stage{min-height:290px;height:min(50svh,390px)}#form{width:min(100%,min(50svh,390px))}nav button{flex:1 1 26%}.transport button{flex:1 1 28%}}