:root{color-scheme:dark;font-family:Inter,ui-rounded,SF Pro Rounded,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#edf4ff;background:#0a1020;font-synthesis:none;--panel: rgba(20, 32, 54, .88);--panel-strong: #17243d;--line: rgba(166, 192, 230, .16);--muted: #a8b7cf;--blue: #68a7ff;--cyan: #64e5da;--danger: #ff8b98}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh;background:radial-gradient(circle at 18% -10%,rgba(39,123,229,.38),transparent 36rem),radial-gradient(circle at 90% 16%,rgba(35,197,178,.18),transparent 28rem),linear-gradient(165deg,#0a1020,#0d1629 55%,#08101d)}button,input,select{font:inherit}a{color:#8bc0ff}.app-shell{width:min(760px,100%);margin:0 auto;padding:max(1rem,env(safe-area-inset-top)) 1rem max(2.5rem,env(safe-area-inset-bottom))}.hero{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:1rem;padding:1.3rem .25rem 1.5rem}.brand-mark{display:grid;place-items:center;width:3.4rem;height:3.4rem;border-radius:1.15rem;color:#07111e;font-size:1.65rem;font-weight:900;background:linear-gradient(145deg,var(--cyan),var(--blue));box-shadow:0 14px 34px #43a2f540}.eyebrow{margin:0 0 .2rem;color:var(--cyan);font-size:.72rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:.35rem;font-size:clamp(2rem,9vw,3.2rem);line-height:.96;letter-spacing:-.045em}h2{margin-bottom:.3rem;font-size:1.12rem;letter-spacing:-.015em}.hero-copy{margin:0;max-width:36rem;color:var(--muted);line-height:1.5}.status{position:sticky;top:max(.4rem,env(safe-area-inset-top));z-index:5;margin-bottom:.9rem;padding:.85rem 1rem;border:1px solid rgba(100,229,218,.22);border-radius:1rem;background:#091525e6;box-shadow:0 12px 30px #00000038;color:#d8fff9;backdrop-filter:blur(18px);font-size:.9rem}.status[data-tone=error]{border-color:#ff74856b;color:#ffd8de}.status[data-tone=success]{border-color:#64e5da7a}main{display:grid;gap:.9rem}.card{padding:1.05rem;border:1px solid var(--line);border-radius:1.35rem;background:linear-gradient(145deg,rgba(28,43,70,.9),var(--panel));box-shadow:0 18px 55px #00000038;backdrop-filter:blur(14px)}.accent-card{border-color:#68a7ff59}.copy-card{border-color:#64e5da42}.section-heading{display:grid;grid-template-columns:auto 1fr;gap:.75rem;align-items:start;margin-bottom:1rem}.section-heading p,.tips-card p{margin-bottom:0;color:var(--muted);line-height:1.48;font-size:.9rem}.step{display:grid;place-items:center;width:1.8rem;height:1.8rem;border-radius:.65rem;background:#68a7ff24;color:#9bc7ff;font-weight:900;font-size:.8rem}.form-grid{display:grid;gap:.85rem}label{display:grid;gap:.38rem;color:#d6e4f7;font-size:.82rem;font-weight:700}input,select{width:100%;min-height:3.05rem;padding:.75rem .85rem;border:1px solid rgba(166,192,230,.2);border-radius:.9rem;outline:none;background:#050d1bad;color:#f2f7ff}input:focus,select:focus{border-color:#68a7ffc7;box-shadow:0 0 0 3px #68a7ff1c}input::placeholder{color:#70829e}button{min-height:3rem;border:0;border-radius:.9rem;padding:.72rem 1rem;color:#eff6ff;font-weight:850;cursor:pointer;touch-action:manipulation}button:disabled{opacity:.45;cursor:default}.primary{background:linear-gradient(135deg,#4c93f2,#39cbbb);color:#06121f;box-shadow:0 10px 25px #37a0d033}.secondary{border:1px solid rgba(144,181,231,.2);background:#344b6f85}.text-button{min-height:auto;padding:.35rem .5rem;color:#9ec8ff;background:transparent}.danger{color:var(--danger)}.button-row{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.inline-form{display:grid;grid-template-columns:1fr auto;gap:.65rem}.inline-form button{white-space:nowrap}.connected-box{display:flex;align-items:center;gap:.55rem;color:#d6fff8}.connected-box .text-button{margin-left:auto}.online-dot{width:.66rem;height:.66rem;border-radius:50%;background:var(--cyan);box-shadow:0 0 16px var(--cyan)}.notice{padding:.8rem .9rem;border-radius:.9rem;background:#050d1b85;color:var(--muted);font-size:.82rem;line-height:1.5}.notice strong{color:#dfeeff}.microcopy{margin:0;color:var(--muted);font-size:.78rem;line-height:1.45}.progress-panel{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin-top:1rem}.progress-panel>div{padding:.8rem;border-radius:.9rem;background:#050d1b80}.progress-panel span{display:block;color:var(--muted);font-size:.72rem}.progress-panel strong{display:block;margin-top:.2rem;font-size:1.5rem}#progress-text{grid-column:1 / -1;margin:0;color:var(--muted);font-size:.82rem}.tips-card{margin-top:.9rem}#workspace{display:grid;gap:.9rem}.hidden{display:none!important}footer{padding:1.5rem .5rem 0;text-align:center;color:#687c99;font-size:.72rem}@media(min-width:620px){.app-shell{padding-left:1.4rem;padding-right:1.4rem}.card{padding:1.25rem}.form-grid.two-columns{grid-template-columns:1fr 1fr}}@media(max-width:430px){.inline-form,.button-row{grid-template-columns:1fr}}@media(prefers-reduced-motion:no-preference){.card{animation:reveal .38s ease both}@keyframes reveal{0%{opacity:0;transform:translateY(8px)}}}