:root{color-scheme:light;font-family:Avenir Next,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#e7eadf;color:#1d2420}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}.page-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#ffffff94,#fff0),radial-gradient(circle at 14% 18%,rgba(31,95,82,.14),transparent 27%),radial-gradient(circle at 88% 12%,rgba(193,77,58,.13),transparent 24%),#e7eadf}.panel{position:relative;width:min(100%,480px);border:1px solid rgba(29,36,32,.12);background:#fffffae6;box-shadow:0 24px 70px #28312b29;padding:22px}.masthead{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}.eyebrow{margin:0 0 6px;color:#697168;font-size:12px;letter-spacing:.08em;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:30px;line-height:1.05;font-weight:760;letter-spacing:0}.settings-button{border:1px solid rgba(29,36,32,.16);background:#fffef7;color:#465044;min-height:36px;padding:0 12px;cursor:pointer}.settings-button:hover{border-color:#1f5f5266;color:#1f5f52}.device-strip{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1px;overflow:hidden;background:#1d24201f;margin-bottom:18px}.device-strip>div{min-width:0;background:#f7f7ef;padding:12px}.device-strip span,.field span{display:block;color:#667066;font-size:12px;margin-bottom:6px}.device-strip strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.3;letter-spacing:0}.progress-row{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:18px}.progress-bar{height:4px;background:#1d24201f}.progress-bar.active{background:#1f5f52}.step-card{min-height:236px;border:1px solid rgba(29,36,32,.1);background:#fffef7;padding:20px;display:grid;align-content:center}.step-count{margin-bottom:8px;color:#9b6b57;font-size:12px;font-weight:700}.step-card h2{margin-bottom:8px;font-size:25px;line-height:1.18;letter-spacing:0}.step-hint{min-height:40px;margin-bottom:18px;color:#667066;font-size:14px;line-height:1.45}.step-input{width:100%;min-height:54px;border:1px solid rgba(29,36,32,.2);background:#fffef7;color:#1d2420;padding:0 14px;border-radius:0;outline:none;font-size:18px}input,select{width:100%;min-height:46px;border:1px solid rgba(29,36,32,.18);background:#fffef7;color:#1d2420;padding:0 12px;border-radius:0;outline:none}input:focus,select:focus{border-color:#23745f;box-shadow:0 0 0 3px #23745f24}input:disabled,select:disabled,button:disabled{cursor:not-allowed;opacity:.58}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gender-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.choice-button{min-height:54px;border:1px solid rgba(29,36,32,.18);background:#fffef7;color:#1d2420;padding:0 14px;text-align:left;font-size:17px;font-weight:650;cursor:pointer}.choice-button:hover:not(:disabled){border-color:#1f5f528c}.choice-button.selected{border-color:#1f5f52;background:#1f5f52;color:#fffef7}.custom-select{position:relative;width:100%}.custom-select-trigger{width:100%;min-height:56px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;border:1px solid rgba(29,36,32,.2);background:#fffef7;color:#1d2420;padding:0 14px;text-align:left;cursor:pointer}.custom-select-trigger:hover:not(:disabled),.custom-select-trigger.open{border-color:#23745f}.custom-select-trigger:focus-visible{border-color:#23745f;box-shadow:0 0 0 3px #23745f24;outline:none}.custom-select-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:700}.custom-select-code{color:#667066;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px}.custom-select-arrow{color:#1f5f52;font-size:18px;line-height:1;transition:transform .14s ease}.custom-select-trigger.open .custom-select-arrow{transform:rotate(180deg)}.custom-select-menu{position:absolute;z-index:20;left:0;right:0;top:calc(100% + 6px);display:grid;gap:4px;max-height:220px;overflow-y:auto;border:1px solid rgba(31,95,82,.32);background:#fffef7;box-shadow:0 18px 42px #28312b29;padding:6px}.custom-select-option{width:100%;min-height:48px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;border:0;background:transparent;color:#1d2420;padding:0 10px;text-align:left;cursor:pointer}.custom-select-option:hover,.custom-select-option:focus-visible{background:#1f5f5214;outline:none}.custom-select-option.selected{background:#1f5f52;color:#fffef7}.custom-select-option span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:700}.custom-select-option span:last-child{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px;opacity:.68}.actions{display:flex;gap:10px;margin-top:14px}.ghost,.confirm{min-height:50px;border:0;font-weight:700;cursor:pointer}.ghost{border:1px solid rgba(29,36,32,.16);background:transparent;color:#465044}.ghost:hover:not(:disabled){border-color:#1f5f52;color:#1f5f52}.confirm{background:#1f5f52;color:#fffef7;flex:1}.confirm:hover:not(:disabled){background:#17483e}.confirm.compact{min-width:104px}.message{min-height:20px;margin:14px 0 0;color:#667066;font-size:13px;line-height:1.5}.message.error{color:#a33d2d}.message.done{color:#1f5f52;font-weight:700}.success-card,.error-card{min-height:330px;display:grid;place-items:center;align-content:center;gap:12px;text-align:center;border:1px solid rgba(31,95,82,.16);background:#fffef7;padding:32px 20px}.error-card{border-color:#a33d2d2e}.success-mark,.error-mark{width:58px;height:58px;display:grid;place-items:center;border-radius:999px;background:#1f5f52;color:#fffef7;font-size:30px;font-weight:800}.error-mark{background:#a33d2d}.success-card h2,.error-card h2{margin-bottom:0;font-size:28px}.success-card p,.error-card p{max-width:300px;margin-bottom:0;color:#667066;line-height:1.55}.error-card code{max-width:100%;overflow-wrap:anywhere;color:#a33d2d;background:#a33d2d14;padding:8px 10px;font-size:12px}.dialog-backdrop{position:fixed;inset:0;display:grid;place-items:center;padding:22px;background:#1218145c}.dialog{width:min(100%,420px);background:#fffef7;border:1px solid rgba(29,36,32,.14);box-shadow:0 28px 80px #10161247;padding:18px}.dialog-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px}.dialog-head h2{margin-bottom:0;font-size:20px}.close-button{width:36px;height:36px;border:1px solid rgba(29,36,32,.14);background:transparent;color:#465044;font-size:24px;line-height:1;cursor:pointer}.field{display:block}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}@media(max-width:520px){.page-shell{padding:0;place-items:stretch}.panel{width:100%;min-height:100vh;border:0;box-shadow:none;padding:22px 18px}.device-strip,.choice-grid,.gender-grid{grid-template-columns:1fr}.actions{flex-wrap:wrap}.step-card{min-height:280px}}