.roast-page[data-v-9dacc215]{width:100%;max-width:600px;display:flex;flex-direction:column;align-items:center;gap:28px;position:relative;min-height:calc(100vh - 48px);padding:20px 24px 0;border-radius:20px;overflow:hidden}.page-theme-0[data-v-9dacc215]{background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(120,80,220,.15),transparent),radial-gradient(ellipse 60% 50% at 80% 100%,rgba(60,100,240,.1),transparent),#0f0b1e}.page-theme-1[data-v-9dacc215]{background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(30,80,200,.15),transparent),radial-gradient(ellipse 60% 50% at 20% 100%,rgba(60,160,240,.1),transparent),#0a1628}.page-theme-2[data-v-9dacc215]{background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(180,40,100,.12),transparent),radial-gradient(ellipse 60% 50% at 80% 100%,rgba(200,80,160,.08),transparent),#1a0a1e}.page-theme-3[data-v-9dacc215]{background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(13,148,136,.15),transparent),radial-gradient(ellipse 60% 50% at 20% 100%,rgba(94,234,212,.08),transparent),#0a1a18}.page-theme-4[data-v-9dacc215]{background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(234,88,12,.12),transparent),radial-gradient(ellipse 60% 50% at 80% 100%,rgba(251,146,60,.08),transparent),#1a100a}.page-theme-5[data-v-9dacc215]{background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(236,72,153,.12),transparent),radial-gradient(ellipse 60% 50% at 20% 100%,rgba(244,114,182,.08),transparent),#1a0e18}.page-theme-6[data-v-9dacc215]{background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(180,140,20,.12),transparent),radial-gradient(ellipse 60% 50% at 80% 100%,rgba(234,179,8,.08),transparent),#1a1608}.theme-switcher[data-v-9dacc215]{display:flex;align-items:center;gap:10px;margin-bottom:20px}.theme-label[data-v-9dacc215]{font-size:12px;color:var(--text-muted);font-weight:500}.theme-dots[data-v-9dacc215]{display:flex;gap:8px}.theme-dot[data-v-9dacc215]{width:20px;height:20px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .2s}.theme-dot[data-v-9dacc215]:hover{transform:scale(1.2)}.theme-dot.active[data-v-9dacc215]{border-color:#fff;box-shadow:0 0 8px #ffffff4d}.dot-0[data-v-9dacc215]{background:linear-gradient(135deg,#7c3aed,#a78bfa)}.dot-1[data-v-9dacc215]{background:linear-gradient(135deg,#1d4ed8,#60a5fa)}.dot-2[data-v-9dacc215]{background:linear-gradient(135deg,#be185d,#f472b6)}.dot-3[data-v-9dacc215]{background:linear-gradient(135deg,#0d9488,#5eead4)}.dot-4[data-v-9dacc215]{background:linear-gradient(135deg,#ea580c,#fb923c)}.dot-5[data-v-9dacc215]{background:linear-gradient(135deg,#ec4899,#f9a8d4)}.dot-6[data-v-9dacc215]{background:linear-gradient(135deg,#b48c14,#facc15)}.privacy-hint[data-v-9dacc215]{font-size:12px;color:var(--text-muted);margin:-4px 0 14px;line-height:1.5;opacity:.8}.disclaimer-hint[data-v-9dacc215]{text-align:center;font-size:12px;color:var(--text-muted);opacity:.5;margin:12px 0 0}.card-rank[data-v-9dacc215]{display:flex;align-items:center;justify-content:center;gap:8px;background:#ffffff1a;border-radius:30px;padding:10px 20px;margin-bottom:18px}.rank-icon[data-v-9dacc215]{font-size:18px}.rank-text[data-v-9dacc215]{font-size:15px;color:#ffffffd9;font-weight:500}.rank-text strong[data-v-9dacc215]{color:#fbbf24;font-size:18px;font-weight:800}.blur-toggle[data-v-9dacc215]{margin-top:20px;padding:14px 16px;border-radius:var(--radius-sm);background:#ffffff08;border:1px solid var(--border)}.blur-label[data-v-9dacc215]{display:flex;align-items:center;gap:14px;cursor:pointer;-webkit-user-select:none;user-select:none}.blur-switch[data-v-9dacc215]{position:relative;width:42px;height:24px;border-radius:12px;background:#ffffff26;transition:background .25s;flex-shrink:0}.blur-switch.on[data-v-9dacc215]{background:var(--accent, #7c3aed)}.blur-switch-thumb[data-v-9dacc215]{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .25s;box-shadow:0 1px 3px #0000004d}.blur-switch.on .blur-switch-thumb[data-v-9dacc215]{transform:translate(18px)}.blur-text[data-v-9dacc215]{display:flex;flex-direction:column;gap:2px}.blur-title[data-v-9dacc215]{font-size:14px;font-weight:600;color:var(--text)}.blur-desc[data-v-9dacc215]{font-size:11px;color:var(--text-muted)}.header[data-v-9dacc215]{text-align:center;margin-top:12px}.logo[data-v-9dacc215]{font-size:52px;margin-bottom:8px;animation:float 3s ease-in-out infinite}.title[data-v-9dacc215]{font-size:30px;font-weight:800;background:linear-gradient(135deg,#a78bfa,#60a5fa,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle[data-v-9dacc215]{color:var(--text-secondary);font-size:15px;margin-top:6px}.examples[data-v-9dacc215]{margin-bottom:24px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.examples-label[data-v-9dacc215]{font-size:12px;color:var(--text-muted);font-weight:500}.example-chip[data-v-9dacc215]{padding:6px 12px;border-radius:20px;border:1px solid var(--border);background:#ffffff0a;color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all .2s;white-space:nowrap}.example-chip[data-v-9dacc215]:hover{background:var(--accent-glow);border-color:var(--accent);color:#fff}.form-card[data-v-9dacc215]{width:100%;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:36px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.form-label[data-v-9dacc215]{display:block;font-size:14px;font-weight:600;color:var(--text-secondary);margin-bottom:12px}.income-grid[data-v-9dacc215]{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.income-btn[data-v-9dacc215]{padding:14px 8px;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:transparent;color:var(--text-secondary);font-size:14px;font-weight:500;transition:all .2s}.income-btn[data-v-9dacc215]:hover{border-color:var(--accent);color:var(--text)}.income-btn.active[data-v-9dacc215]{border-color:var(--accent);background:var(--accent-glow);color:#fff;box-shadow:0 0 20px var(--accent-glow)}.spending-input-wrap[data-v-9dacc215]{display:flex;align-items:center;background:#ffffff0a;border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:0 16px;transition:border-color .2s}.spending-input-wrap[data-v-9dacc215]:focus-within{border-color:var(--accent)}.spending-prefix[data-v-9dacc215]{font-size:20px;font-weight:700;color:var(--accent);margin-right:8px}.spending-input[data-v-9dacc215]{flex:1;border:none;background:transparent;padding:16px 0;font-size:20px;font-weight:600;outline:none;color:var(--text)}.spending-input[data-v-9dacc215]::placeholder{color:var(--text-muted);font-weight:400}.spending-input[data-v-9dacc215]::-webkit-outer-spin-button,.spending-input[data-v-9dacc215]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.spending-input[type=number][data-v-9dacc215]{-moz-appearance:textfield}.quick-amounts[data-v-9dacc215]{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.quick-amt[data-v-9dacc215]{padding:6px 14px;border-radius:16px;border:1px solid var(--border);background:transparent;color:var(--text-muted);font-size:12px;cursor:pointer;transition:all .2s}.quick-amt[data-v-9dacc215]:hover{border-color:var(--accent);color:var(--accent)}.submit-btn[data-v-9dacc215]{width:100%;margin-top:28px;padding:18px;border:none;border-radius:var(--radius-sm);background:linear-gradient(135deg,#a78bfa,#7c3aed);color:#fff;font-size:18px;font-weight:700;transition:all .2s;display:flex;align-items:center;justify-content:center;min-height:58px}.submit-btn[data-v-9dacc215]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #7c3aed66}.submit-btn[data-v-9dacc215]:disabled{opacity:.4;cursor:not-allowed}.spinner[data-v-9dacc215]{width:22px;height:22px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-9dacc215 .6s linear infinite}@keyframes spin-9dacc215{to{transform:rotate(360deg)}}.history-section[data-v-9dacc215]{margin-top:28px;padding-top:20px;border-top:1px solid var(--border)}.history-header[data-v-9dacc215]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.history-title[data-v-9dacc215]{font-size:13px;font-weight:600;color:var(--text-secondary)}.history-delete[data-v-9dacc215]{font-size:12px;color:var(--text-muted);background:none;border:none;cursor:pointer;transition:color .2s}.history-delete[data-v-9dacc215]:hover{color:#ef4444}.history-item[data-v-9dacc215]{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-radius:var(--radius-sm);background:#ffffff08;margin-bottom:6px;cursor:pointer;transition:background .2s}.history-item[data-v-9dacc215]:hover{background:#ffffff14}.history-item__text[data-v-9dacc215]{font-size:13px;color:var(--text-secondary)}.history-item__date[data-v-9dacc215]{font-size:11px;color:var(--text-muted)}.result-section[data-v-9dacc215]{width:100%;display:flex;flex-direction:column;align-items:center;gap:20px}.roast-card[data-v-9dacc215]{width:100%;border-radius:20px;padding:32px;position:relative;overflow:hidden;color:#fff}.card-theme-0[data-v-9dacc215]{background:linear-gradient(135deg,#1a1040,#2d1b69 40%,#4c1d95)}.card-theme-1[data-v-9dacc215]{background:linear-gradient(135deg,#0c1a3a,#1e3a5f 40%,#1d4ed8)}.card-theme-2[data-v-9dacc215]{background:linear-gradient(135deg,#1a0a2e,#5b2156 40%,#be185d)}.card-theme-3[data-v-9dacc215]{background:linear-gradient(135deg,#0a1628,#134e4a 40%,#0d9488)}.card-theme-4[data-v-9dacc215]{background:linear-gradient(135deg,#1a0e18,#9d174d 40%,#ec4899)}.card-theme-5[data-v-9dacc215]{background:linear-gradient(135deg,#1a1608,#854d0e 40%,#eab308)}.roast-card[data-v-9dacc215]:before{content:"";position:absolute;top:-50%;right:-30%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.06) 0%,transparent 60%);pointer-events:none}.card-header[data-v-9dacc215]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;position:relative}.card-badge[data-v-9dacc215]{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;background:#ffffff26;padding:4px 12px;border-radius:20px}.card-date[data-v-9dacc215]{font-size:12px;color:#ffffff80}.card-location[data-v-9dacc215]{font-size:11px;color:#fff9;background:#ffffff1a;padding:2px 10px;border-radius:12px}.card-stats[data-v-9dacc215]{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:24px;position:relative}.stat[data-v-9dacc215]{text-align:center}.stat-label[data-v-9dacc215]{display:block;font-size:11px;color:#ffffff80;margin-bottom:4px}.stat-value[data-v-9dacc215]{display:block;font-size:16px;font-weight:700}.stat-divider[data-v-9dacc215]{width:1px;height:32px;background:#ffffff26}.card-roast[data-v-9dacc215]{position:relative;background:#ffffff14;border-radius:14px;padding:20px;margin-bottom:20px}.card-roast[data-v-9dacc215]:before{content:"“";position:absolute;top:4px;left:12px;font-size:40px;color:#ffffff26;font-family:Georgia,serif;line-height:1}.roast-text[data-v-9dacc215]{font-size:15px;line-height:1.8;position:relative;z-index:1}.roast-text strong[data-v-9dacc215]{font-weight:700}.roast-text em[data-v-9dacc215]{font-style:italic}.roast-text code[data-v-9dacc215]{background:#ffffff1a;padding:1px 6px;border-radius:4px;font-size:13px}.roast-text del[data-v-9dacc215]{text-decoration:line-through;opacity:.6}.card-footer[data-v-9dacc215]{display:flex;justify-content:space-between;align-items:flex-end;position:relative}.card-brand[data-v-9dacc215]{font-size:12px;color:#fff6;align-self:center}.card-qr-wrap[data-v-9dacc215]{display:flex;flex-direction:column;align-items:center;gap:2px}.card-qr-img[data-v-9dacc215]{width:56px;height:56px;border-radius:4px}.card-qr-text[data-v-9dacc215]{font-size:9px;color:#ffffff59}.actions[data-v-9dacc215]{width:100%;display:flex;flex-direction:column;gap:10px}.action-btn[data-v-9dacc215]{width:100%;padding:14px;border-radius:var(--radius-sm);font-size:15px;font-weight:600;border:none;transition:all .2s}.action-btn.primary[data-v-9dacc215]{background:linear-gradient(135deg,#a78bfa,#7c3aed);color:#fff}.action-btn.primary[data-v-9dacc215]:hover{transform:translateY(-1px);box-shadow:0 6px 24px #7c3aed59}.action-btn.secondary[data-v-9dacc215]{background:#ffffff14;color:var(--text);border:1px solid var(--border)}.action-btn.secondary[data-v-9dacc215]:hover{background:#ffffff1f}.action-btn.ghost[data-v-9dacc215]{background:transparent;color:var(--text-secondary)}.action-btn.ghost[data-v-9dacc215]:hover{color:var(--text)}.action-btn[data-v-9dacc215]:disabled{opacity:.5;cursor:not-allowed}.modal-overlay[data-v-9dacc215]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:200;padding:20px}.modal-box[data-v-9dacc215]{background:#1e1535;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);padding:28px 24px;max-width:360px;width:100%}.modal-title[data-v-9dacc215]{font-size:17px;font-weight:700;color:var(--text);margin-bottom:8px}.modal-text[data-v-9dacc215]{font-size:14px;color:var(--text-secondary);line-height:1.6;margin-bottom:20px}.modal-actions[data-v-9dacc215]{display:flex;gap:10px}.modal-btn[data-v-9dacc215]{flex:1;padding:12px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;border:none;cursor:pointer;transition:all .2s}.modal-btn.cancel[data-v-9dacc215]{background:#ffffff14;color:var(--text-secondary)}.modal-btn.cancel[data-v-9dacc215]:hover{background:#ffffff1f}.modal-btn.danger[data-v-9dacc215]{background:#ef4444;color:#fff}.modal-btn.danger[data-v-9dacc215]:hover{background:#dc2626}.wx-guide-overlay[data-v-9dacc215]{background:#000000bf}.wx-guide-box[data-v-9dacc215]{text-align:center;padding:32px 24px}.wx-guide-arrow[data-v-9dacc215]{font-size:48px;color:#07c160;margin-bottom:8px;animation:bounce-up-9dacc215 1.2s ease-in-out infinite}@keyframes bounce-up-9dacc215{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.wx-guide-steps[data-v-9dacc215]{text-align:left;margin:20px 0 24px;display:flex;flex-direction:column;gap:14px}.wx-step[data-v-9dacc215]{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--text-secondary);line-height:1.5}.wx-step strong[data-v-9dacc215]{color:#07c160;font-size:18px;letter-spacing:2px}.wx-step-num[data-v-9dacc215]{width:26px;height:26px;border-radius:50%;background:#07c160;color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.wx-guide-btn[data-v-9dacc215]{width:100%;background:#07c160;color:#fff;padding:14px;font-size:15px}.wx-guide-btn[data-v-9dacc215]:hover{background:#06ae56}.screenshot-overlay[data-v-9dacc215]{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;z-index:150;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:80px;cursor:pointer}.screenshot-tip[data-v-9dacc215]{display:flex;flex-direction:column;align-items:center;gap:8px}.screenshot-tip-icon[data-v-9dacc215]{font-size:36px}.screenshot-tip-text[data-v-9dacc215]{font-size:16px;font-weight:600;color:#fff}.screenshot-tip-sub[data-v-9dacc215]{font-size:12px;color:#ffffff80}.screenshot-enter-active[data-v-9dacc215]{transition:all .3s ease-out}.screenshot-leave-active[data-v-9dacc215]{transition:all .25s ease-in}.screenshot-enter-from[data-v-9dacc215],.screenshot-leave-to[data-v-9dacc215]{opacity:0}.screenshot-active[data-v-9dacc215]{position:relative;z-index:200}.modal-enter-active[data-v-9dacc215]{transition:all .25s ease-out}.modal-leave-active[data-v-9dacc215]{transition:all .2s ease-in}.modal-enter-from[data-v-9dacc215]{opacity:0}.modal-enter-from .modal-box[data-v-9dacc215]{transform:scale(.95)}.modal-leave-to[data-v-9dacc215]{opacity:0}.toast[data-v-9dacc215]{position:fixed;bottom:40px;left:50%;transform:translate(-50%);background:#1e143cf2;color:#fff;padding:12px 24px;border-radius:30px;font-size:14px;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);z-index:300;box-shadow:0 8px 30px #0000004d}.toast-enter-active[data-v-9dacc215]{transition:all .3s ease-out}.toast-leave-active[data-v-9dacc215]{transition:all .3s ease-in}.toast-enter-from[data-v-9dacc215]{opacity:0;transform:translate(-50%) translateY(20px)}.toast-leave-to[data-v-9dacc215]{opacity:0;transform:translate(-50%) translateY(-10px)}@media(max-width:640px){.form-card[data-v-9dacc215]{padding:28px 24px}.roast-card[data-v-9dacc215]{padding:26px 22px}}@media(max-width:480px){.roast-page[data-v-9dacc215]{gap:20px;padding:16px 12px 0}.title[data-v-9dacc215]{font-size:24px}.form-card[data-v-9dacc215]{padding:22px 18px}.income-grid[data-v-9dacc215]{gap:8px}.income-btn[data-v-9dacc215]{padding:12px 4px;font-size:13px}.roast-card[data-v-9dacc215]{padding:20px 16px}.roast-text[data-v-9dacc215]{font-size:14px}.card-stats[data-v-9dacc215]{gap:10px}.stat-value[data-v-9dacc215]{font-size:14px}.examples[data-v-9dacc215]{gap:6px}.example-chip[data-v-9dacc215]{padding:5px 10px;font-size:11px}.card-rank[data-v-9dacc215]{padding:8px 14px}.rank-text[data-v-9dacc215]{font-size:13px}.rank-text strong[data-v-9dacc215]{font-size:16px}}#app-root{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 32px;background:transparent}@media(max-width:480px){#app-root{padding:16px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0F0B1E;--bg-card: rgba(255, 255, 255, .06);--bg-card-hover: rgba(255, 255, 255, .1);--border: rgba(255, 255, 255, .08);--text: #F0EDF6;--text-secondary: rgba(240, 237, 246, .6);--text-muted: rgba(240, 237, 246, .4);--accent: #A78BFA;--accent-glow: rgba(167, 139, 250, .3);--radius: 16px;--radius-sm: 10px;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}html{font-size:16px}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased;line-height:1.6}input,button,select,textarea{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer}a{color:var(--accent);text-decoration:none}.fade-in{animation:fadeIn .6s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}