:root{--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .15);--shadow-md: 0 4px 12px rgba(0, 0, 0, .2);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .25);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--z-dropdown: 100;--z-sticky: 200;--z-modal: 300;--z-toast: 400}:root{--primary: #0d9488;--primary-hover: #0f766e;--primary-light: #14b8a6;--primary-rgb: 13, 148, 136;--primary-soft: rgba(13, 148, 136, .1);--accent: #5eead4;--gradient: linear-gradient(135deg, #0d9488, #14b8a6, #2dd4bf);--bg: #f0fdfa;--bg-secondary: #e6f7f4;--bg-tertiary: #d9f2ee;--surface: #ffffff;--surface-hover: #f0fdfa;--surface-input: #f8fefd;--text: #134e4a;--text-secondary: #3d6b67;--text-muted: #5f7a78;--text-inverse: #f0fdfa;--border: rgba(13, 148, 136, .12);--border-active: rgba(13, 148, 136, .4);--success: #22c55e;--warning: #eab308;--danger: #ef4444;--info: #3b82f6;--overlay: rgba(0, 0, 0, .6);--header-bg: rgba(240, 253, 250, .9);--toast-bg: rgba(255, 255, 255, .95);color-scheme:light}[data-theme=dark]{--primary: #14b8a6;--primary-hover: #0d9488;--primary-light: #2dd4bf;--primary-rgb: 20, 184, 166;--primary-soft: rgba(20, 184, 166, .1);--accent: #5eead4;--gradient: linear-gradient(135deg, #0d9488, #14b8a6, #2dd4bf);--bg: #0a1a1a;--bg-secondary: #0f2424;--bg-tertiary: #132a2a;--surface: #132a2a;--surface-hover: #1a3535;--surface-input: #1a3535;--text: #e2e8f0;--text-secondary: #b0c4c0;--text-muted: #94a3b8;--text-inverse: #0a1a1a;--border: rgba(94, 234, 212, .08);--border-active: rgba(20, 184, 166, .4);--overlay: rgba(0, 0, 0, .8);--header-bg: rgba(10, 26, 26, .9);--toast-bg: rgba(19, 42, 42, .95);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);color-scheme:dark}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--primary: #14b8a6;--primary-hover: #0d9488;--primary-light: #2dd4bf;--primary-rgb: 20, 184, 166;--primary-soft: rgba(20, 184, 166, .1);--accent: #5eead4;--gradient: linear-gradient(135deg, #0d9488, #14b8a6, #2dd4bf);--bg: #0a1a1a;--bg-secondary: #0f2424;--bg-tertiary: #132a2a;--surface: #132a2a;--surface-hover: #1a3535;--surface-input: #1a3535;--text: #e2e8f0;--text-secondary: #b0c4c0;--text-muted: #94a3b8;--text-inverse: #0a1a1a;--border: rgba(94, 234, 212, .08);--border-active: rgba(20, 184, 166, .4);--overlay: rgba(0, 0, 0, .8);--header-bg: rgba(10, 26, 26, .9);--toast-bg: rgba(19, 42, 42, .95);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);color-scheme:dark}}:root{--primary-soft-hover: rgba(13, 148, 136, .06)}[data-theme=dark]{--primary-soft-hover: rgba(20, 184, 166, .05)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--primary-soft-hover: rgba(20, 184, 166, .05)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:manipulation}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;min-height:100vh;overflow-x:hidden;transition:background .3s ease,color .3s ease}img{max-width:100%;height:auto}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#14b8a633;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#14b8a659}::selection{background:#14b8a64d;color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:12px;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;border:none;transition:all .2s;text-decoration:none;line-height:1.4;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--surface-hover);border-color:var(--primary)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-lg{padding:14px 28px;font-size:16px;border-radius:14px}.btn-ghost{color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){color:var(--text);background:var(--primary-soft)}.btn-ghost:active:not(:disabled){color:var(--text);background:rgba(var(--primary-rgb),.18)}.btn-sm{padding:6px 14px;font-size:13px;border-radius:8px}input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],select,textarea{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:10px 14px;color:var(--text);font-size:14px;font-family:inherit;transition:border-color .2s;width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary)}input::placeholder,textarea::placeholder{color:var(--text-muted)}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto}.spinner-sm{display:inline-block;width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.btn-primary .spinner-sm{border-color:#ffffff4d;border-top-color:#fff}.btn-ghost .spinner-sm,.btn-secondary .spinner-sm{border-color:var(--border);border-top-color:var(--primary)}@keyframes spin{to{transform:rotate(360deg)}}.status-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:8px;font-size:12px;font-weight:600}.status-pending{background:#eab30826;color:var(--warning)}.status-processing{background:#3b82f626;color:var(--info)}.status-completed{background:#22c55e26;color:var(--success)}.status-failed{background:#ef444426;color:var(--danger)}.status-refunded{background:#94a3b826;color:var(--text-muted)}.gradient-text{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.mt-16{margin-top:16px}.mb-16{margin-bottom:16px}@media(max-width:600px){html{font-size:15px}}body{overscroll-behavior:none}@supports (padding-bottom: env(safe-area-inset-bottom)){.app{padding-bottom:env(safe-area-inset-bottom)}}.footer[data-v-f06d5d16]{padding:20px 16px;border-top:1px solid var(--border);background:var(--bg)}.footer-inner[data-v-f06d5d16]{max-width:960px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.footer-brand[data-v-f06d5d16]{display:flex;align-items:center;gap:12px}.footer-logo[data-v-f06d5d16]{font-size:16px;font-weight:800;color:var(--text-muted)}.footer-copyright[data-v-f06d5d16]{font-size:12px;color:var(--text-muted)}.footer-links[data-v-f06d5d16]{display:flex;gap:16px}.footer-links a[data-v-f06d5d16]{color:var(--text-muted);text-decoration:none;font-size:13px;transition:color .2s}.footer-links a[data-v-f06d5d16]:hover{color:var(--primary)}@media(max-width:600px){.footer[data-v-f06d5d16]{display:none}}.header[data-v-e080945d]{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--header-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding-top:env(safe-area-inset-top,0px)}.header-inner[data-v-e080945d]{max-width:960px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:56px}.header-logo[data-v-e080945d]{text-decoration:none}.logo-text[data-v-e080945d]{font-size:24px;font-weight:800;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-nav[data-v-e080945d]{display:flex;gap:4px}.nav-link[data-v-e080945d]{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 12px;border-radius:10px;color:var(--text-muted);text-decoration:none;font-size:11px;transition:all .2s;background:none;border:none;cursor:pointer;font-family:inherit}.nav-link[data-v-e080945d]:hover{color:var(--text);background:var(--primary-soft-hover)}.nav-active[data-v-e080945d]{color:var(--primary)!important;background:var(--primary-soft)}.nav-label[data-v-e080945d]{font-weight:500}.nav-balance[data-v-e080945d]{font-size:14px;font-weight:700;color:inherit}.theme-btn[data-v-e080945d]{line-height:1}.theme-icon[data-v-e080945d]{font-size:18px}@media(max-width:600px){.header[data-v-e080945d]{top:auto;bottom:0;border-bottom:none;border-top:1px solid var(--border);padding-top:0;padding-bottom:env(safe-area-inset-bottom,0px)}.header-inner[data-v-e080945d]{height:60px;justify-content:center}.header-logo[data-v-e080945d]{display:none}.header-nav[data-v-e080945d]{flex:1;justify-content:space-around}.nav-link[data-v-e080945d]{padding:6px 8px}}.maintenance-overlay[data-v-1981d34b]{position:fixed;inset:0;z-index:100000;background:var(--bg-primary, #111);display:flex;align-items:center;justify-content:center;text-align:center;padding:2rem}.maintenance-content h1[data-v-1981d34b]{font-size:1.6rem;margin-bottom:.75rem;color:var(--text-primary, #fff)}.maintenance-content p[data-v-1981d34b]{font-size:1rem;color:var(--text-secondary, #aaa);max-width:360px;line-height:1.6}.onboarding-overlay[data-v-ddd91d66]{position:fixed;inset:0;z-index:var(--z-modal, 300);background:var(--overlay, rgba(0, 0, 0, .6));display:flex;align-items:center;justify-content:center;padding:16px}.onboarding-card[data-v-ddd91d66]{background:var(--surface, #fff);border-radius:var(--radius-xl, 24px);padding:32px 28px 24px;max-width:420px;width:100%;position:relative;box-shadow:0 20px 60px #0000004d;animation:onboarding-in-ddd91d66 .3s ease}@keyframes onboarding-in-ddd91d66{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.onboarding-close[data-v-ddd91d66]{position:absolute;top:12px;right:16px;background:none;border:none;font-size:24px;color:var(--text-muted, #999);cursor:pointer;line-height:1;padding:4px}.onboarding-close[data-v-ddd91d66]:hover{color:var(--text, #333)}.onboarding-step[data-v-ddd91d66]{text-align:center}.onboarding-emoji[data-v-ddd91d66]{font-size:48px;margin-bottom:12px}.onboarding-step h2[data-v-ddd91d66]{font-size:22px;font-weight:700;margin-bottom:8px;color:var(--text, #134e4a)}.onboarding-subtitle[data-v-ddd91d66]{color:var(--primary, #0d9488);font-weight:500;margin-bottom:4px}.onboarding-step p[data-v-ddd91d66]{color:var(--text-muted, #5f7a78);font-size:14px;line-height:1.5;margin-bottom:8px}.onboarding-prices[data-v-ddd91d66]{margin:16px 0;text-align:left}.onboarding-prices h3[data-v-ddd91d66]{font-size:14px;font-weight:600;color:var(--text, #134e4a);margin-bottom:8px}.onboarding-price-row[data-v-ddd91d66]{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--bg, #f0fdfa);border-radius:var(--radius-sm, 8px);margin-bottom:4px}.onboarding-price-label[data-v-ddd91d66]{font-weight:500;color:var(--text, #134e4a)}.onboarding-price-value[data-v-ddd91d66]{font-weight:600;color:var(--primary, #0d9488)}.onboarding-steps-list[data-v-ddd91d66]{text-align:left;margin:16px 0}.onboarding-how-step[data-v-ddd91d66]{display:flex;gap:12px;align-items:flex-start;margin-bottom:12px}.onboarding-how-num[data-v-ddd91d66]{flex-shrink:0;width:28px;height:28px;border-radius:50%;background:var(--primary, #0d9488);color:#fff;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center}.onboarding-how-step strong[data-v-ddd91d66]{font-size:14px;color:var(--text, #134e4a)}.onboarding-how-step p[data-v-ddd91d66]{font-size:13px;margin:2px 0 0}.onboarding-tag[data-v-ddd91d66]{display:inline-block;padding:1px 6px;background:var(--bg, #f0fdfa);border-radius:4px;font-size:12px;font-weight:500;color:var(--primary, #0d9488)}.onboarding-tip[data-v-ddd91d66]{background:var(--bg, #f0fdfa);border-radius:var(--radius-sm, 8px);padding:10px 14px;font-size:13px;color:var(--text-muted, #5f7a78);margin-bottom:16px;text-align:left}.onboarding-btn[data-v-ddd91d66]{display:block;width:100%;padding:12px;border:none;border-radius:var(--radius-md, 12px);font-size:15px;font-weight:600;cursor:pointer;margin-top:16px;background:var(--bg, #f0fdfa);color:var(--primary, #0d9488);transition:background .2s}.onboarding-btn[data-v-ddd91d66]:hover{background:var(--border, rgba(13, 148, 136, .12))}.onboarding-btn-primary[data-v-ddd91d66]{background:var(--primary, #0d9488);color:#fff}.onboarding-btn-primary[data-v-ddd91d66]:hover{background:var(--primary-hover, #0f766e)}.onboarding-dots[data-v-ddd91d66]{display:flex;justify-content:center;gap:8px;margin-top:20px}.onboarding-dot[data-v-ddd91d66]{width:8px;height:8px;border-radius:50%;background:var(--border, rgba(13, 148, 136, .2));cursor:pointer;transition:background .2s}.onboarding-dot.active[data-v-ddd91d66]{background:var(--primary, #0d9488)}@media(max-width:480px){.onboarding-card[data-v-ddd91d66]{padding:24px 20px 20px;border-radius:var(--radius-lg, 16px)}.onboarding-emoji[data-v-ddd91d66]{font-size:40px}.onboarding-step h2[data-v-ddd91d66]{font-size:20px}}.paywall-overlay[data-v-4f3b580c]{position:fixed;inset:0;z-index:var(--z-modal, 300);background:var(--overlay, rgba(0, 0, 0, .6));display:flex;align-items:center;justify-content:center;padding:16px}.paywall-card[data-v-4f3b580c]{background:var(--surface, #fff);border-radius:var(--radius-xl, 24px);padding:32px 28px 24px;max-width:420px;width:100%;position:relative;box-shadow:0 20px 60px #0000004d;animation:paywall-in-4f3b580c .3s ease}@keyframes paywall-in-4f3b580c{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.paywall-close[data-v-4f3b580c]{position:absolute;top:12px;right:16px;background:none;border:none;font-size:24px;color:var(--text-muted, #999);cursor:pointer;line-height:1;padding:4px}.paywall-close[data-v-4f3b580c]:hover{color:var(--text, #333)}.paywall-content[data-v-4f3b580c]{text-align:center}.paywall-emoji[data-v-4f3b580c]{font-size:48px;margin-bottom:12px}.paywall-content h2[data-v-4f3b580c]{font-size:22px;font-weight:700;margin-bottom:8px;color:var(--text, #134e4a)}.paywall-subtitle[data-v-4f3b580c]{color:var(--text-muted, #5f7a78);font-size:14px;margin-bottom:16px}.paywall-promo[data-v-4f3b580c]{margin:16px 0}.promo-text[data-v-4f3b580c]{font-size:14px;line-height:1.5;color:var(--text, #134e4a);margin-bottom:12px}.promo-timer[data-v-4f3b580c]{font-size:15px;color:var(--text-muted, #5f7a78);margin-bottom:16px;padding:10px 14px;background:var(--bg, #f0fdfa);border-radius:var(--radius-sm, 8px)}.timer-urgent[data-v-4f3b580c]{color:var(--danger, #ef4444);background:#ef444414}.paywall-expired[data-v-4f3b580c]{margin:16px 0}.paywall-expired p[data-v-4f3b580c]{font-size:14px;color:var(--text-muted, #5f7a78);margin-bottom:16px}.paywall-btn[data-v-4f3b580c]{display:block;width:100%;padding:14px;border:none;border-radius:var(--radius-md, 12px);font-size:16px;font-weight:600;cursor:pointer;transition:background .2s}.paywall-btn-primary[data-v-4f3b580c]{background:var(--primary, #0d9488);color:#fff}.paywall-btn-primary[data-v-4f3b580c]:hover:not(:disabled){background:var(--primary-hover, #0f766e)}.paywall-btn-primary[data-v-4f3b580c]:disabled{opacity:.7;cursor:not-allowed}.paywall-alt[data-v-4f3b580c]{margin-top:16px;font-size:12px;color:var(--text-muted, #999);cursor:pointer}.paywall-link[data-v-4f3b580c]{color:var(--primary, #0d9488);text-decoration:underline}@media(max-width:480px){.paywall-card[data-v-4f3b580c]{padding:24px 20px 20px;border-radius:var(--radius-lg, 16px)}.paywall-emoji[data-v-4f3b580c]{font-size:40px}.paywall-content h2[data-v-4f3b580c]{font-size:20px}}.toast-container[data-v-2d64a9ef]{position:fixed;bottom:80px;left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;gap:8px;width:calc(100% - 32px);max-width:400px;pointer-events:none}.toast-item[data-v-2d64a9ef]{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:12px;background:var(--toast-bg, var(--surface));border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 24px #0003;cursor:pointer;pointer-events:auto;font-size:14px}.toast-icon[data-v-2d64a9ef]{flex-shrink:0;font-size:16px}.toast-success[data-v-2d64a9ef]{border-left:4px solid var(--success)}.toast-success .toast-icon[data-v-2d64a9ef]{color:var(--success)}.toast-error[data-v-2d64a9ef]{border-left:4px solid var(--danger)}.toast-error .toast-icon[data-v-2d64a9ef]{color:var(--danger)}.toast-warning[data-v-2d64a9ef]{border-left:4px solid #fdcb6e}.toast-warning .toast-icon[data-v-2d64a9ef]{color:#fdcb6e}.toast-info[data-v-2d64a9ef]{border-left:4px solid var(--primary)}.toast-info .toast-icon[data-v-2d64a9ef]{color:var(--primary)}.toast-message[data-v-2d64a9ef]{font-weight:500;line-height:1.3;color:var(--text)}.toast-enter-active[data-v-2d64a9ef]{transition:all .3s cubic-bezier(.16,1,.3,1)}.toast-leave-active[data-v-2d64a9ef]{transition:all .25s ease-in}.toast-enter-from[data-v-2d64a9ef]{opacity:0;transform:translateY(20px) scale(.95)}.toast-leave-to[data-v-2d64a9ef]{opacity:0;transform:translateY(-10px) scale(.95)}.toast-move[data-v-2d64a9ef]{transition:transform .25s ease}.app{min-height:100vh;display:flex;flex-direction:column}.app-main{flex:1;padding:16px;max-width:960px;width:100%;margin:0 auto;padding-top:calc(env(safe-area-inset-top,0px) + 72px);padding-bottom:80px}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}.app-main.no-header{padding-top:16px}@media(max-width:600px){.app-main{padding:8px;padding-top:calc(env(safe-area-inset-top,0px) + 8px);padding-bottom:72px}.app-main.no-header{padding-top:calc(env(safe-area-inset-top,0px) + 8px);padding-bottom:8px}}