:root{color-scheme:light dark;font-family:Segoe UI,Microsoft YaHei,system-ui,sans-serif;font-synthesis:none;--background: oklch(.965 .009 190);--surface: oklch(.995 .003 190);--surface-muted: oklch(.95 .012 190);--ink: oklch(.25 .025 210);--muted: oklch(.46 .025 210);--border: oklch(.82 .018 200);--border-strong: oklch(.66 .03 195);--accent: oklch(.49 .09 183);--accent-hover: oklch(.42 .085 183);--accent-soft: oklch(.92 .035 183);--danger: oklch(.48 .18 26);--danger-soft: oklch(.95 .025 26);--success: oklch(.49 .13 151);--focus: oklch(.64 .12 183 / .26);background:var(--background);color:var(--ink)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;min-height:100svh;background:var(--background)}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}.app-shell{display:grid;min-height:100vh;min-height:100svh;place-items:center;padding:48px 20px}.registration-shell{width:min(760px,100%)}.brand-header{display:flex;align-items:center;gap:16px;margin:0 0 22px}.brand-logo{width:62px;height:62px;flex:0 0 auto;object-fit:contain}.product-name{margin:0 0 3px;color:var(--accent);font-size:14px;font-weight:750}h1,h2,p{letter-spacing:0}h1,h2{margin:0;text-wrap:balance}h1{font-size:36px;line-height:1.16}h2{font-size:24px;line-height:1.25}.form-surface{padding:32px;border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:0 18px 52px #162d3117}form{display:grid;gap:20px}.field-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field{display:grid;gap:8px;min-width:0}.field>span:first-child{font-size:14px;font-weight:700}.field small{color:var(--muted);font-size:12px;line-height:1.5;text-wrap:pretty}input{width:100%;min-height:46px;padding:10px 12px;border:1px solid var(--border-strong);border-radius:6px;outline:none;background:var(--surface);color:var(--ink);transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}input:hover{border-color:var(--accent)}input:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus)}input::placeholder{color:var(--muted)}.input-with-action{position:relative;display:block}.input-with-action input{padding-right:46px}.field-action,.icon-button{display:inline-grid;place-items:center;border:0;border-radius:6px;background:transparent;color:var(--accent);cursor:pointer;transition:background-color .18s ease,color .18s ease}.field-action{position:absolute;top:7px;right:7px;width:32px;height:32px}.field-action:hover,.icon-button:hover:not(:disabled){background:var(--accent-soft);color:var(--accent-hover)}.field-action:focus-visible,.icon-button:focus-visible,.primary-button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.challenge-row{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:16px;align-items:end}.challenge-control{display:flex;min-height:46px;align-items:center;justify-content:space-between;gap:12px;padding:6px 7px 6px 14px;border:1px solid var(--border-strong);border-radius:6px;background:var(--surface-muted)}.challenge-control strong{overflow:hidden;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.icon-button{width:32px;height:32px;flex:0 0 auto}.icon-button:disabled{cursor:wait;opacity:.65}.status-message{display:flex;min-height:42px;align-items:flex-start;gap:9px;padding:10px 12px;border:1px solid color-mix(in oklch,var(--danger) 28%,transparent);border-radius:6px;font-size:14px;line-height:1.45}.status-message svg{flex:0 0 auto;margin-top:1px}.error-message{background:var(--danger-soft);color:var(--danger)}.primary-button{display:inline-flex;width:100%;min-height:48px;align-items:center;justify-content:center;gap:9px;padding:11px 18px;border:0;border-radius:6px;background:var(--accent);color:#fff;cursor:pointer;font-weight:750;text-decoration:none;transition:background-color .18s ease,transform .18s ease}.primary-button:hover:not(:disabled){background:var(--accent-hover)}.primary-button:active:not(:disabled){transform:translateY(1px)}.primary-button:disabled{cursor:wait;opacity:.7}.success-panel{display:grid;gap:20px;justify-items:center;padding:22px 0 4px;text-align:center}.success-panel p{max-width:46ch;margin:8px 0 0;color:var(--muted);font-size:15px;line-height:1.6;text-wrap:pretty}.success-icon{color:var(--success)}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:620px){.app-shell{align-items:start;padding:24px 10px 32px}.brand-header{gap:13px;margin-bottom:18px;padding-inline:4px}.brand-logo{width:52px;height:52px}h1{font-size:30px}.form-surface{padding:22px 16px}.field-pair,.challenge-row{grid-template-columns:1fr}}@media(prefers-color-scheme:dark){:root{--background: oklch(.2 .017 205);--surface: oklch(.25 .018 205);--surface-muted: oklch(.29 .02 198);--ink: oklch(.94 .01 190);--muted: oklch(.76 .018 195);--border: oklch(.39 .025 198);--border-strong: oklch(.51 .035 190);--accent: oklch(.7 .11 180);--accent-hover: oklch(.76 .105 180);--accent-soft: oklch(.35 .04 183);--danger: oklch(.76 .13 24);--danger-soft: oklch(.3 .045 24);--success: oklch(.73 .13 151);--focus: oklch(.72 .12 183 / .3)}.form-surface{box-shadow:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}