:root{color-scheme:light dark;--bg:light-dark(#f2f2f7,#0b0b0f);--panel:light-dark(#fff,#1b1b22);--text:light-dark(#17171e,#f5f5fa);--sub:light-dark(#5b5c6b,#b4b4c2);--line:light-dark(#dcdce5,#3b3b47);--button:light-dark(#e7e7ef,#2c2c38);--purple:light-dark(#6652df,#b0a1ff);--action:#705bdf;--green:light-dark(#176c42,#80e1ae);--red:light-dark(#aa263e,#ffa1b0);font:16px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{min-height:48px;padding:12px 16px;border:0;border-radius:14px;background:var(--button);color:var(--text);cursor:pointer}button:disabled{opacity:.55;cursor:default}.primary{background:var(--action);color:#fff}.text-button{color:var(--purple);background:transparent}button:focus-visible,input:focus-visible{outline:3px solid var(--purple);outline-offset:3px}.page{width:min(100%,430px);min-height:100svh;padding:28px 22px max(24px,env(safe-area-inset-bottom));margin:auto;display:flex;flex-direction:column;gap:18px}header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px}.brand{font-size:13px;font-weight:600;letter-spacing:2px}h1,h2,p{margin:0}h1{font-size:32px;line-height:1.15;letter-spacing:-.8px}h2{font-size:21px;line-height:1.25}.intro,.secondary{color:var(--sub);font-size:14px}.panel{background:var(--panel);padding:20px;border-radius:22px;display:grid;gap:12px}form{display:grid;gap:10px}label{font-size:14px}input{width:100%;min-width:0;min-height:48px;border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:12px;padding:10px 12px}.eyebrow{font-size:13px;color:var(--purple)}[data-tone=success] .eyebrow{color:var(--green)}[data-tone=error] .eyebrow{color:var(--red)}#control-panel{display:grid;gap:18px}.actions{display:grid;gap:10px}ol{list-style:none;margin:0;padding:0;counter-reset:step;display:grid;gap:12px}li{counter-increment:step;display:flex;align-items:center;gap:10px;color:var(--sub);font-size:14px}li:before{content:counter(step);display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:var(--button)}li[data-status=done]{color:var(--text)}li[data-status=done]:before{content:"✓";background:color-mix(in srgb,var(--green) 13%,var(--panel));color:var(--green)}li[data-status=active]{color:var(--purple)}li[data-status=active]:before{background:var(--action);color:#fff}.notice{font-size:13px;color:var(--sub);text-align:center}.page-error{padding:14px 16px;border-radius:14px;background:var(--panel);color:var(--red);font-size:14px}footer{margin-top:auto;padding-top:12px;color:var(--sub);font-size:12px}dialog{width:min(calc(100% - 28px),390px);padding:0;border:0;border-radius:24px;background:var(--panel);color:var(--text)}dialog::backdrop{background:#0009}.sheet{padding:24px;display:grid;gap:14px}[hidden]{display:none!important}@media(max-width:350px){.page{padding-left:16px;padding-right:16px}h1{font-size:29px}.panel{padding:17px}}@media(prefers-reduced-motion:no-preference){button:active:not(:disabled){transform:scale(.985)}}