#root{width:100%;min-height:100vh;margin:0;padding:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width>=640px){.show-desktop-text{display:inline!important}}:root{--bg-canvas:#fff;--bg-surface:#fff;--bg-surface-elevated:#f9fafb;--bg-surface-hover:#f3f4f6;--bg-subtle:#f3f4f6;--border-subtle:#e5e7eb;--border-input:#d1d5db;--border-focus:#111827;--text-primary:#111827;--text-secondary:#4b5563;--text-tertiary:#9ca3af;--accent-primary:#111827;--accent-primary-hover:#1f2937;--accent-muted:#f3f4f6;--accent-danger:#dc2626;--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-pill:9999px;--ease-spring:cubic-bezier(.16, 1, .3, 1);--transition-fast:all .18s var(--ease-spring)}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0}body{background-color:var(--bg-canvas);color:var(--text-primary);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Inter,SF Pro Display,Segoe UI,Roboto,sans-serif;line-height:1.5}.app-shell{background-color:var(--bg-canvas);flex-direction:column;min-height:100vh;display:flex}.app-header{z-index:1000;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);background:#fffffff5;padding:12px 16px;position:sticky;top:0}.header-inner{flex-direction:column;gap:10px;max-width:720px;margin:0 auto;display:flex}.header-top-row{justify-content:space-between;align-items:center;width:100%;display:flex}.header-brand{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:flex}.brand-icon{border-radius:var(--radius-sm);background:var(--accent-primary);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.brand-name{letter-spacing:-.02em;color:var(--text-primary);font-size:15px;font-weight:800}.step-counter-badge{color:var(--text-secondary);background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);letter-spacing:-.01em;padding:3px 10px;font-size:11.5px;font-weight:700}.linear-stepper{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);align-items:center;gap:3px;width:100%;padding:3px;display:flex}.step-node{border-radius:var(--radius-pill);color:var(--text-tertiary);cursor:pointer;transition:var(--transition-fast);white-space:nowrap;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:6px;min-width:0;padding:7px 10px;font-size:12.5px;font-weight:600;display:flex}.step-node:hover:not(:disabled):not(.active){color:var(--text-primary);background:#ffffff80}.step-node.active{color:var(--text-primary);background:#fff;font-weight:700;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a}.step-node.completed{color:var(--text-secondary)}.step-node:disabled{cursor:not-allowed;opacity:.4}.step-num{background:var(--border-subtle);width:18px;height:18px;color:var(--text-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:10.5px;font-weight:700;display:flex}.step-node.active .step-num,.step-node.completed .step-num{background:var(--accent-primary);color:#fff}.step-text{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:5px;display:inline-flex;overflow:hidden}.step-count-pill{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:var(--radius-pill);justify-content:center;align-items:center;padding:1px 6px;font-size:10.5px;font-weight:700;line-height:1.1;display:inline-flex}.step-node.active .step-count-pill{color:var(--text-primary);background:#f3f4f6}@media (width>=640px){.header-inner{flex-direction:row;justify-content:space-between;align-items:center;gap:16px}.header-top-row{width:auto}.step-counter-badge{display:none}.linear-stepper{width:auto;min-width:380px;max-width:440px}}.app-content{flex-direction:column;flex:1;gap:20px;width:100%;max-width:720px;margin:0 auto;padding:24px 16px 90px;display:flex}.btn-primary{background:var(--accent-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);border:none;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:11px 20px;font-size:13.5px;font-weight:600;display:inline-flex}.btn-primary:hover:not(:disabled){background:var(--accent-primary-hover);box-shadow:0 2px 6px #0000001f}.btn-primary:active:not(:disabled){transform:scale(.98)}.btn-primary:disabled{color:#9ca3af;cursor:not-allowed;background:#e5e7eb}.btn-secondary{color:var(--text-primary);border-radius:var(--radius-md);border:1px solid var(--border-subtle);cursor:pointer;transition:var(--transition-fast);background:#fff;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:9px 16px;font-size:13px;font-weight:600;display:inline-flex}.btn-secondary:hover{background:var(--bg-surface-elevated);border-color:#d1d5db}.btn-secondary:active{transform:scale(.98)}.input-label{color:var(--text-primary);margin-bottom:6px;font-size:12.5px;font-weight:700;display:block}.app-input{border:1px solid var(--border-input);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:var(--transition-fast);background:#fff;outline:none;min-height:44px;padding:11px 14px;font-size:13.5px}.app-input::placeholder{color:#9ca3af}.app-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 1px var(--border-focus)}.badge-pill{border-radius:var(--radius-pill);color:#374151;border:1px solid var(--border-subtle);background:#f3f4f6;align-items:center;gap:4px;padding:3px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.badge-pill.dark{color:#fff;background:#111827;border-color:#111827}.bottom-sticky-bar{-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border-subtle);z-index:900;background:#fffffff5;padding:12px 16px;position:fixed;bottom:0;left:0;right:0}.bottom-bar-inner{justify-content:space-between;align-items:center;gap:12px;max-width:720px;margin:0 auto;display:flex}