.app-page{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}.app-page *,.app-page *:before,.app-page *:after{box-sizing:border-box}.app-container{max-width:680px;margin:0 auto;padding:48px 24px}.app-brand{display:flex;align-items:center;gap:10px;margin-bottom:48px}.app-brand img{height:28px}.app-brand span{font-family:var(--font-mono);font-size:15px;font-weight:600;letter-spacing:.08em}.provider-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.provider-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-pill, 100px);border:1px solid var(--border-default);background:var(--bg-elevated);cursor:pointer;transition:all .2s ease;font-size:13px;font-weight:500;color:var(--text-secondary);font-family:var(--font-sans)}.provider-chip:hover{border-color:var(--border-hover);background:var(--bg-hover)}.provider-chip.active{border-color:var(--accent-primary);color:var(--text-primary);background:#00b8a914;box-shadow:0 0 12px var(--accent-glow)}.field-input-wrap{display:flex;align-items:center;flex:1;position:relative}.field-input-wrap .field-input{padding-right:40px}.field-eye{position:absolute;right:8px;background:none;border:none;cursor:pointer;color:var(--text-muted);padding:8px;display:flex;align-items:center}.field-eye:hover{color:var(--text-secondary)}.wiz-card{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:40px;box-shadow:var(--shadow-sm)}.wiz-card-title{font-size:24px;font-weight:700;letter-spacing:-.02em;margin:0 0 8px;line-height:1.2}.wiz-card-desc{font-size:14px;color:var(--text-secondary);line-height:1.6;margin:0 0 28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;font-family:var(--font-sans);font-size:14px;font-weight:500;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all .3s var(--ease-out-expo);text-decoration:none;line-height:1.4}.btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-lg{padding:14px 28px;font-size:15px}.btn-sm{padding:6px 12px;font-size:12px}.btn-full{width:100%}.btn-primary{background:var(--accent-primary);color:var(--text-on-accent);font-weight:600;box-shadow:var(--shadow-sm)}.btn-primary:not(:disabled):hover{background:var(--accent-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-default)}.btn-secondary:not(:disabled):hover{background:var(--bg-hover);border-color:var(--border-hover);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text-secondary);padding:10px 12px}.btn-ghost:not(:disabled):hover{color:var(--text-primary);background:var(--bg-hover)}.field{margin-bottom:20px}.field-label{display:flex;align-items:baseline;gap:4px;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.field-hint-inline{font-size:12px;font-weight:400;color:var(--text-muted)}.field-input{width:100%;padding:10px 14px;font-size:14px;font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.field-input:hover{border-color:var(--border-hover)}.field-input:focus{border-color:var(--border-focus);box-shadow:var(--focus-ring)}.field-input::placeholder{color:var(--text-muted)}.field-input[type=password]{font-family:var(--font-mono);letter-spacing:.05em}.ac{position:relative}.ac-input{width:100%;padding:10px 14px 10px 38px;font-size:14px;font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.ac-input:hover{border-color:var(--border-hover)}.ac-input:focus{border-color:var(--border-focus);box-shadow:var(--focus-ring)}.ac-input::placeholder{color:var(--text-muted)}.ac-icon{position:absolute;left:12px;top:11px;color:var(--text-muted);pointer-events:none}.ac-list{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:280px;overflow-y:auto;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:50;padding:4px;scrollbar-width:thin;scrollbar-color:var(--border-default) transparent}.ac-list::-webkit-scrollbar{width:6px}.ac-list::-webkit-scrollbar-track{background:transparent}.ac-list::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}.ac-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius);cursor:pointer;transition:background .1s ease}.ac-item:hover,.ac-item.hl{background:var(--bg-hover)}.ac-item.sel{background:#00b8a90f}.ac-dot{width:20px;height:20px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:10px;font-weight:700;font-family:var(--font-mono);color:#fff}.ac-item-name{font-size:13px;font-family:var(--font-mono);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.ac-item-ctx{font-size:11px;color:var(--text-muted);font-family:var(--font-mono);flex-shrink:0}.ac-empty{padding:16px;text-align:center;font-size:13px;color:var(--text-muted)}.sel-model{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);margin-bottom:16px}.sel-model-name{font-size:14px;font-family:var(--font-mono);flex:1}.sel-model-change{font-size:12px;color:var(--accent-primary);cursor:pointer;background:none;border:none;font-family:var(--font-sans);font-weight:500;padding:4px 8px;border-radius:var(--radius)}.sel-model-change:hover{color:var(--accent-primary-hover);background:var(--bg-hover)}.gw-center{text-align:center;padding:20px 0}.gw-box{background:var(--bg-surface);border:2px solid var(--warning);border-radius:var(--radius-lg);padding:24px}.gw-warn{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--warning);margin-bottom:16px}.gw-val{font-family:var(--font-mono);font-size:13px;word-break:break-all;color:var(--text-primary);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:12px;margin-bottom:12px;-webkit-user-select:all;user-select:all;line-height:1.6}.gw-actions{display:flex;gap:8px}.gw-done{display:flex;align-items:center;gap:8px;padding:14px 16px;background:#22c55e14;border:1px solid rgba(34,197,94,.2);border-radius:var(--radius-md);color:var(--success);font-size:14px;font-weight:500}.err-banner{background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md);padding:12px 16px;margin-top:16px;font-size:13px;color:var(--error);font-family:var(--font-mono);word-break:break-word}.sub-page{text-align:center}.sub-label{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-primary);margin:0 0 12px}.sub-title{font-size:36px;font-weight:700;letter-spacing:-.02em;margin:0 0 8px}.sub-desc{font-size:16px;color:var(--text-secondary);margin:0 0 48px}.plans-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:640px;margin:0 auto}.plan-card{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:32px;display:flex;flex-direction:column;text-align:left;position:relative;transition:all .3s var(--ease-out-expo);box-shadow:var(--shadow-sm)}.plan-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.plan-card.featured{border-color:var(--accent-primary);box-shadow:var(--shadow-md),0 0 24px var(--accent-glow)}.plan-card.featured:hover{box-shadow:var(--shadow-lg),0 0 32px var(--accent-glow-strong)}.plan-badge{position:absolute;top:-11px;left:32px;font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-on-accent);background:var(--accent-primary);padding:3px 10px;border-radius:var(--radius)}.plan-name{font-size:20px;font-weight:600;margin:0 0 4px}.plan-desc{font-size:14px;color:var(--text-secondary);margin:0 0 20px;line-height:1.5}.plan-price{display:flex;align-items:baseline;gap:2px;margin-bottom:24px}.plan-currency{font-family:var(--font-mono);font-size:20px;font-weight:600;color:var(--text-secondary)}.plan-amount{font-family:var(--font-mono);font-size:48px;font-weight:600;letter-spacing:-.02em}.plan-period{font-size:14px;color:var(--text-muted);margin-left:4px}.plan-features{flex:1;display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.plan-feat{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--text-secondary);margin:0}.plan-chk{color:var(--accent-primary);font-weight:600;flex-shrink:0;margin-top:1px}.sub-active{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:40px;box-shadow:var(--shadow-sm);max-width:480px;margin:0 auto;text-align:left}.sub-active-badge{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--success);background:#22c55e14;border:1px solid rgba(34,197,94,.2);padding:4px 12px;border-radius:12px;margin-bottom:20px}.sub-active-title{font-size:20px;font-weight:600;margin:0 0 8px}.sub-active-desc{font-size:14px;color:var(--text-secondary);margin:0 0 28px}.sub-active-actions{display:flex;gap:12px}.loading-page{display:flex;align-items:center;justify-content:center;min-height:60vh;color:var(--text-muted);font-size:14px;gap:10px}.spinner{width:20px;height:20px;border:2px solid var(--border-default);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}.setup-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:0;-webkit-user-select:none;user-select:none}.setup-header-left{display:flex;align-items:center;gap:10px}.setup-chevron{transition:transform .2s ease;color:var(--text-muted);font-size:18px;display:flex;align-items:center}.setup-chevron.open{transform:rotate(180deg)}.setup-body{overflow:hidden;transition:max-height .3s ease,opacity .2s ease}.setup-body.collapsed{max-height:0;opacity:0;pointer-events:none}.setup-body.expanded{max-height:800px;opacity:1;padding-top:20px}@media(max-width:768px){.app-container{padding:32px 16px}.wiz-card{padding:24px}.plans-grid{grid-template-columns:1fr}.sub-title{font-size:28px}.plan-amount{font-size:40px}.provider-chips{gap:6px}.provider-chip{padding:5px 10px;font-size:12px}}@media(prefers-reduced-motion:reduce){.app-page *,.app-page *:before,.app-page *:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}:root{--bg-primary: #050810;--bg-elevated: #0a0e18;--bg-surface: #0f1420;--bg-overlay: rgba(5, 8, 16, .85);--accent-primary: #00b8a9;--accent-hover: #00cabb;--text-primary: #e4ecf7;--text-secondary: #6b7a94;--text-muted: #3d4a5f;--text-on-accent: #050810;--border-default: #1a2338;--border-hover: #2a3a52;--border-active: #6b7a94;--success: #059669;--success-bg: rgba(5, 150, 105, .12);--success-border: rgba(5, 150, 105, .3);--warning: #d97706;--warning-bg: rgba(217, 119, 6, .12);--warning-border: rgba(217, 119, 6, .3);--error: #dc2626;--error-bg: rgba(220, 38, 38, .12);--error-border: rgba(220, 38, 38, .3);--info: #2563eb;--info-bg: rgba(37, 99, 235, .12);--info-border: rgba(37, 99, 235, .3);--font-sans: "Instrument Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", "SF Mono", "Fira Code", monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--nav-height: 72px;--content-max-width: 1200px;--sidebar-width: 380px;--radius: 4px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-pill: 9999px;--accent-primary-hover: #00cabb;--accent-glow: rgba(0, 184, 169, .15);--accent-glow-strong: rgba(0, 184, 169, .3);--bg-hover: rgba(255, 255, 255, .04);--border-focus: var(--accent-primary);--focus-ring: 0 0 0 3px rgba(0, 184, 169, .2);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .5);--ease-out-expo: cubic-bezier(.16, 1, .3, 1)}html,body{margin:0;padding:0;background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}a{color:var(--accent-primary);text-decoration:none}a:hover{color:var(--accent-hover)}::selection{background:#00b8a940;color:var(--text-primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes glowPulse{0%,to{box-shadow:0 0 8px #00b8a926}50%{box-shadow:0 0 20px #00b8a959}}@keyframes progressStripe{0%{background-position:0 0}to{background-position:40px 0}}@keyframes expandWidth{0%{width:0}}.page-enter{animation:fadeIn .3s ease-out}.page-enter-up{animation:fadeInUp .35s ease-out}