.app[data-v-cdae2fc0]{min-height:100vh}.auth-screen[data-v-cdae2fc0]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f0f1a,#1a1a2e);padding:20px}.auth-container[data-v-cdae2fc0]{max-width:400px;width:100%;text-align:center;background:#252540cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:48px 32px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d}.auth-icon[data-v-cdae2fc0]{font-size:64px;margin-bottom:24px;filter:drop-shadow(0 0 20px rgba(0,212,255,.5))}.auth-title[data-v-cdae2fc0]{font-size:32px;color:#00d4ff;text-shadow:0 0 10px #00d4ff,0 0 20px #00d4ff,0 0 30px #00d4ff;font-weight:700;margin-bottom:16px;letter-spacing:1px}.auth-subtitle[data-v-cdae2fc0]{color:#fffc;font-size:16px;line-height:1.6;margin-bottom:32px}.auth-button[data-v-cdae2fc0]{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:18px 32px;background:linear-gradient(135deg,#08c,#00d4ff);color:#fff;text-decoration:none;border-radius:16px;font-size:18px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 20px #00d4ff66;margin-bottom:16px;width:100%;max-width:100%;box-sizing:border-box;word-wrap:break-word;white-space:normal}.auth-button[data-v-cdae2fc0]:hover{transform:translateY(-2px);box-shadow:0 6px 30px #00d4ff99}.auth-button[data-v-cdae2fc0]:active{transform:translateY(0)}.auth-button-icon[data-v-cdae2fc0]{font-size:24px;flex-shrink:0}.auth-button-text[data-v-cdae2fc0]{font-family:var(--font-heading);flex:1;text-align:center}.auth-hint[data-v-cdae2fc0]{color:#fff9;font-size:14px;margin-top:16px}@media (max-width: 480px){.auth-screen[data-v-cdae2fc0]{padding:16px}.auth-container[data-v-cdae2fc0]{padding:32px 20px;max-width:100%}.auth-icon[data-v-cdae2fc0]{font-size:48px;margin-bottom:20px}.auth-title[data-v-cdae2fc0]{font-size:24px;margin-bottom:12px}.auth-subtitle[data-v-cdae2fc0]{font-size:14px;margin-bottom:24px}.auth-button[data-v-cdae2fc0]{padding:16px 20px;font-size:16px;gap:8px}.auth-button-icon[data-v-cdae2fc0]{font-size:20px}.auth-button-text[data-v-cdae2fc0]{font-size:16px}.auth-hint[data-v-cdae2fc0]{font-size:12px}}@media (max-width: 360px){.auth-container[data-v-cdae2fc0]{padding:24px 16px}.auth-title[data-v-cdae2fc0]{font-size:20px}.auth-button[data-v-cdae2fc0]{padding:14px 16px;font-size:14px}.auth-button-text[data-v-cdae2fc0]{font-size:14px}}:root{--bg-primary: #0f0f1a;--bg-secondary: #1a1a2e;--bg-card: #252540;--bg-card-hover: #2d2d4a;--accent: #e94560;--accent-light: #ff6b8a;--accent-gradient: linear-gradient(135deg, #e94560 0%, #ff6b8a 100%);--text-primary: #ffffff;--text-secondary: #a0a0b8;--text-muted: #6b6b80;--border: #3a3a5c;--success: #4ade80;--warning: #fbbf24;--shadow: 0 4px 20px rgba(0, 0, 0, .3);--shadow-accent: 0 4px 20px rgba(233, 69, 96, .3);--radius: 16px;--radius-sm: 10px;--font-heading: "Unbounded", sans-serif;--font-body: "Manrope", sans-serif}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden}body{background:radial-gradient(circle at 20% 20%,rgba(233,69,96,.08) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(138,43,226,.06) 0%,transparent 50%),var(--bg-primary)}#app{min-height:100vh;padding-bottom:env(safe-area-inset-bottom)}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:600}.container{padding:16px;max-width:600px;margin:0 auto}.btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 24px;border:none;border-radius:var(--radius);font-family:var(--font-body);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:var(--shadow-accent)}.btn-primary:active{transform:scale(.98);box-shadow:0 2px 10px #e9456066}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:active{background:var(--bg-card-hover)}.btn-outline{background:transparent;color:var(--accent);border:2px solid var(--accent)}.btn-block{width:100%}.btn-sm{padding:12px 16px;font-size:14px}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--bg-card);border-radius:var(--radius);padding:20px;border:1px solid var(--border);transition:all .2s ease}.card-interactive{cursor:pointer}.card-interactive:active{transform:scale(.98);background:var(--bg-card-hover)}.grid{display:grid;gap:12px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.page-header{text-align:center;margin-bottom:24px}.page-title{font-size:24px;margin-bottom:8px;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-subtitle{color:var(--text-secondary);font-size:14px}.back-btn{display:flex;align-items:center;gap:8px;color:var(--text-secondary);background:none;border:none;font-size:14px;padding:8px 0;margin-bottom:16px;cursor:pointer}.back-btn:active{color:var(--text-primary)}.loader{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:40px}.spinner{width:48px;height:48px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.progress-bar{height:4px;background:var(--bg-card);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:var(--accent-gradient);transition:width .3s ease}.section{margin-bottom:24px}.section-title{font-size:14px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.option-list{display:flex;flex-direction:column;gap:8px}.option-item{display:flex;align-items:center;gap:12px;padding:16px;background:var(--bg-card);border-radius:var(--radius-sm);border:1px solid var(--border);cursor:pointer;transition:all .2s ease}.option-item:active{background:var(--bg-card-hover);transform:scale(.99)}.option-item.selected{border-color:var(--accent);background:#e945601a}.option-icon{font-size:24px;width:40px;text-align:center}.option-text{flex:1}.option-title{font-weight:600;margin-bottom:2px}.option-desc{font-size:12px;color:var(--text-secondary)}.color-palette{display:flex;flex-wrap:wrap;gap:8px}.color-swatch{width:48px;height:48px;border-radius:50%;border:3px solid transparent;cursor:pointer;transition:all .2s ease}.color-swatch.selected{border-color:#fff;transform:scale(1.1);box-shadow:var(--shadow)}.photo-upload{border:2px dashed var(--border);border-radius:var(--radius);padding:40px 20px;text-align:center;cursor:pointer;transition:all .2s ease}.photo-upload:active{border-color:var(--accent);background:#e945600d}.photo-upload-icon{font-size:48px;margin-bottom:12px}.photo-preview{position:relative;border-radius:var(--radius);overflow:hidden}.photo-preview img{width:100%;display:block}.photo-preview-overlay{position:absolute;bottom:0;left:0;right:0;padding:12px;background:linear-gradient(transparent,#000c);display:flex;justify-content:center}.result-image{border-radius:var(--radius);overflow:hidden;margin-bottom:16px;box-shadow:var(--shadow)}.result-image img{width:100%;display:block}.result-actions{display:flex;gap:12px}.balance-card{background:var(--accent-gradient);border-radius:var(--radius);padding:20px;text-align:center;box-shadow:var(--shadow-accent)}.balance-amount{font-size:36px;font-family:var(--font-heading);font-weight:700}.balance-label{font-size:14px;opacity:.9}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-enter-active,.slide-leave-active{transition:transform .3s ease}.slide-enter-from{transform:translate(100%)}.slide-leave-to{transform:translate(-100%)}