:root{--bg:#faf7f2;--surface:#fff;--surface-alt:#f3ede4;--text:#1c1917;--text-muted:#6b6560;--accent:#b45309;--accent-strong:#92400e;--on-accent:#fff;--border:#e7e0d8;--danger:#b91c1c;--success:#166534;--radius:18px;--radius-sm:12px;--space:8px;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--touch:48px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-size:17px;line-height:1.5}#root{min-height:100dvh}.app{background:var(--bg);flex-direction:column;max-width:560px;min-height:100dvh;margin:0 auto;display:flex}.brand{padding:calc(var(--space) * 2) calc(var(--space) * 3);padding-top:calc(var(--space) * 2.5);border-bottom:1px solid var(--border);background:var(--surface);align-items:center;gap:8px;display:flex}.brand-mark{background:var(--accent);width:30px;height:30px;color:var(--on-accent);border-radius:9px;justify-content:center;align-items:center;font-size:1.05rem;font-weight:800;display:inline-flex}.brand-word{letter-spacing:-.01em;font-size:1.15rem;font-weight:800}.brand-tag{color:var(--text-muted);margin-left:auto;font-size:.85rem}.app-main{padding:calc(var(--space) * 3);padding-bottom:calc(var(--space) * 10);flex:1}.tabbar{background:var(--surface);border-top:1px solid var(--border);width:100%;max-width:560px;padding:calc(var(--space) * 1) 0 calc(var(--space) * 1);padding-bottom:max(calc(var(--space) * 1), env(safe-area-inset-bottom));z-index:10;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tab{color:var(--text-muted);flex-direction:column;align-items:center;gap:2px;padding:6px 0;font-size:12px;text-decoration:none;display:flex}.tab.active{color:var(--accent);font-weight:600}h1{margin:0 0 calc(var(--space) * 2);letter-spacing:-.01em;font-size:1.6rem;line-height:1.2}h2{margin:0 0 var(--space);font-size:1.2rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:calc(var(--space) * 2.5);margin-bottom:calc(var(--space) * 2)}.btn{width:100%;min-height:var(--touch);padding:0 calc(var(--space) * 3);border-radius:var(--radius-sm);border:1px solid var(--accent);background:var(--accent);color:var(--on-accent);cursor:pointer;justify-content:center;align-items:center;font-size:1.05rem;font-weight:600;display:flex}.btn.secondary{background:var(--surface);color:var(--accent)}.btn:disabled{opacity:.5;cursor:not-allowed}.input{width:100%;min-height:var(--touch);padding:0 calc(var(--space) * 2);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);font-size:1.05rem}.label{color:var(--text-muted);margin-bottom:var(--space);font-size:.9rem;display:block}.option{width:100%;min-height:var(--touch);padding:0 calc(var(--space) * 2);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;margin-bottom:var(--space);text-align:left;align-items:center;font-size:1.05rem;display:flex}.option.selected{border-color:var(--accent);background:var(--surface-alt)}.muted{color:var(--text-muted);font-size:.95rem}.error{color:var(--danger);margin:var(--space) 0;font-size:.95rem}.success-banner{background:var(--success);color:#fff;border-radius:var(--radius-sm);padding:calc(var(--space) * 2);text-align:center;margin-bottom:calc(var(--space) * 2);font-weight:600}.badge{background:var(--surface-alt);border:1px solid var(--border);color:var(--text-muted);border-radius:999px;padding:2px 10px;font-size:.75rem;display:inline-block}.spinner{border:3px solid var(--border);border-top-color:var(--accent);width:28px;height:28px;margin:calc(var(--space) * 2) auto;border-radius:50%;animation:.8s linear infinite spin}.switch{border:1px solid var(--border);background:var(--surface-alt);cursor:pointer;border-radius:999px;flex-shrink:0;width:50px;height:30px;transition:background .15s;position:relative}.switch:after{content:"";border:1px solid var(--border);background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .15s;position:absolute;top:2px;left:2px}.switch.on{background:var(--accent);border-color:var(--accent)}.switch.on:after{transform:translate(20px)}.me-details summary{cursor:pointer;font-size:1.05rem;font-weight:600}.me-details p{margin:8px 0 0}.welcome{text-align:center;flex-direction:column;justify-content:center;max-width:480px;min-height:100dvh;margin:0 auto;padding:48px 24px;display:flex}.welcome-hero{margin-bottom:28px}.welcome-mark{background:var(--accent);color:#fff;border-radius:20px;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:16px;font-size:2.2rem;font-weight:800;display:inline-flex}.welcome-name{letter-spacing:-.02em;margin:0;font-size:2.6rem;line-height:1}.welcome-tagline{color:var(--accent);margin:8px 0 0;font-size:1.3rem;font-weight:600}.welcome-points{text-align:left;flex-direction:column;gap:14px;margin:0 0 28px;padding:0;list-style:none;display:flex}.welcome-points li{padding-left:24px;position:relative}.welcome-points li:before{content:"";background:var(--accent);border-radius:50%;width:8px;height:8px;position:absolute;top:8px;left:2px}.welcome .btn{margin-bottom:12px}.onboard{max-width:560px;min-height:100dvh;margin:0 auto;padding:40px 24px}.pulse-head{background:var(--surface-alt);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 16px;font-size:.9rem;font-weight:700;display:flex}.pulse-item{border-bottom:1px solid var(--border);align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.pulse-item:last-child{border-bottom:none}.pulse-icon{font-size:1.4rem;line-height:1.3}.service-grid{grid-template-columns:1fr;gap:12px;display:grid}.service-grid .option{margin-bottom:0}@media (width>=760px){.app{max-width:none}.app-main{width:100%;max-width:900px;padding-left:calc(var(--space) * 4);padding-right:calc(var(--space) * 4);margin:0 auto}.tabbar{max-width:900px}.service-grid{grid-template-columns:1fr 1fr}.welcome{max-width:520px}.welcome-name{font-size:3.2rem}}@keyframes spin{to{transform:rotate(360deg)}}