.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,#f5f5f5,#e8e8e8)}.auth-card{background:#fff;border-radius:12px;padding:40px;width:100%;max-width:420px;box-shadow:0 4px 20px #00000014;border:1px solid #e5e5e5}.auth-card h1{font-size:2em;margin-bottom:8px;text-align:center;color:#1a1a1a}.auth-subtitle{text-align:center;color:#666;margin-bottom:32px;font-size:.95em}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-size:.9em;font-weight:500;color:#333}.form-group input{width:100%;padding:12px 16px;border:1px solid #e5e5e5;border-radius:8px;font-size:1em;font-family:inherit;transition:border-color .2s ease;background:#fff;color:#1a1a1a}.form-group input:focus{outline:none;border-color:#1a1a1a}.form-group input::placeholder{color:#999}.auth-button{width:100%;padding:14px;background:#1a1a1a;color:#fff;border:none;border-radius:8px;font-size:1em;font-weight:500;cursor:pointer;transition:background .2s ease;margin-top:8px}.auth-button:hover:not(:disabled){background:#333}.auth-button:disabled{opacity:.6;cursor:not-allowed}.error-message{background:#fee;color:#c33;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:.9em;border:1px solid #fcc}.auth-footer{text-align:center;margin-top:24px;color:#666;font-size:.9em}.auth-footer a{color:#1a1a1a;text-decoration:none;font-weight:500}.auth-footer a:hover{text-decoration:underline}@media (max-width: 480px){.auth-card{padding:32px 24px}.auth-card h1{font-size:1.75em}}.personality-selector{padding:16px;background:#fafafa;border-bottom:1px solid #e5e5e5;border-radius:8px 8px 0 0}.personality-selector-label{margin-bottom:12px;font-size:.9em;font-weight:500;color:#666;text-align:center}.personality-options{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.personality-option{flex:1;min-width:120px;max-width:200px;padding:12px 16px;background:#fff;border:2px solid #e5e5e5;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;text-align:center}.personality-option:hover:not(:disabled){border-color:#1a1a1a;transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.personality-option.selected{background:#1a1a1a;border-color:#1a1a1a;color:#fff}.personality-option:disabled{opacity:.6;cursor:not-allowed}.personality-name{font-weight:500;font-size:.95em;margin-bottom:4px}.personality-description{font-size:.75em;opacity:.8;line-height:1.3}@media (max-width: 600px){.personality-options{flex-direction:column}.personality-option{max-width:100%}}.chat-interface{flex:1;display:flex;flex-direction:column;width:100%;height:100%;background:#fff;overflow:hidden;min-height:0}.personality-selector{padding:12px 16px;background:#f8f9fa;border-bottom:1px solid #e5e7eb;flex-shrink:0}.personality-selector-label{margin-bottom:8px;font-size:.8em;font-weight:500;color:#6b7280;text-align:center}.personality-options{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.personality-option{flex:1;min-width:100px;max-width:180px;padding:8px 12px;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .15s ease;display:flex;flex-direction:column;align-items:center;text-align:center}.personality-option:hover:not(:disabled){border-color:#3b82f6;background:#eff6ff}.personality-option.selected{background:#3b82f6;border-color:#3b82f6;color:#fff}.personality-option:disabled{opacity:.5;cursor:not-allowed}.personality-name{font-weight:500;font-size:.85em;margin-bottom:2px}.personality-description{font-size:.7em;opacity:.7;line-height:1.2}.personality-option.selected .personality-description{opacity:.9}.mode-toggle-container{padding:10px 16px;background:#fff;border-bottom:1px solid #e5e7eb;text-align:center;flex-shrink:0}.mode-toggle{display:flex;justify-content:center;gap:8px}.toggle-label{display:flex;align-items:center;cursor:pointer;padding:6px 12px;background:#f3f4f6;border:1.5px solid #e5e7eb;border-radius:8px;transition:all .15s ease;font-size:.85em}.toggle-label:hover{background:#e5e7eb}.toggle-label input[type=radio]{margin-right:6px;cursor:pointer;accent-color:#3b82f6}.toggle-label:has(input[type=radio]:checked){background:#3b82f6;color:#fff;border-color:#3b82f6}.toggle-label:has(input[type=radio]:checked) span{color:#fff}.avatar-container{width:100%;height:180px;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e5e7eb;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.avatar-container.floating{position:fixed;bottom:100px;right:24px;width:80px;height:80px;background:transparent;border:none;z-index:1000;display:flex;align-items:center;justify-content:center;pointer-events:none}.avatar-container:before{content:"";position:absolute;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 1px,transparent 1px);background-size:50px 50px;animation:drift 20s linear infinite;pointer-events:none}.avatar-container.floating:before{display:none}.avatar-container.floating .circle-avatar.speaking{animation:pulse-glow-floating 1.5s ease-in-out infinite;box-shadow:0 4px 20px #667eea99,0 0 40px #667eea4d}@keyframes pulse-glow-floating{0%,to{transform:scale(1);box-shadow:0 4px 20px #667eea66,0 0 30px #667eea33}50%{transform:scale(1.1);box-shadow:0 6px 30px #667eea99,0 0 50px #667eea66}}@keyframes drift{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.circle-avatar{width:120px;height:120px;border-radius:50%;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;position:relative;transition:all .3s ease;box-shadow:0 8px 32px #0000001a}.avatar-container.floating .circle-avatar{width:64px;height:64px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 4px 20px #667eea66;border:2px solid rgba(255,255,255,.2)}.circle-avatar.speaking{animation:pulse-glow 1.5s ease-in-out infinite}.circle-inner{width:80px;height:80px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff,#f0f0f0);box-shadow:inset 0 0 20px #0003}.avatar-container.floating .circle-inner{width:44px;height:44px}.chat-messages{flex:1;overflow-y:auto;overflow-x:hidden;padding:0;background:#fff;scroll-behavior:smooth;min-height:0}.chat-messages::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#9ca3af}.welcome-message{padding:64px 24px;text-align:center;color:#6b7280;max-width:600px;margin:0 auto}.welcome-message h2{font-size:1.5em;font-weight:600;color:#1f2937;margin-bottom:12px}.welcome-message p{font-size:1.05em;line-height:1.7;margin-bottom:8px;color:#4b5563}.message{display:flex;animation:fadeIn .3s ease-in;gap:12px;max-width:768px;margin:0 auto;padding:20px 24px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.message.user{flex-direction:row-reverse}.message.assistant{flex-direction:row}.message-avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600}.message.user .message-avatar{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.message.assistant .message-avatar{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.message-content{flex:1;display:flex;flex-direction:column;gap:4px;max-width:calc(100% - 44px)}.message-bubble{padding:14px 18px;border-radius:18px;word-wrap:break-word;line-height:1.6;font-size:15px;position:relative;box-shadow:0 1px 2px #0000000d}.message.user .message-bubble{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-bottom-right-radius:4px;margin-left:auto;max-width:85%}.message.assistant .message-bubble{background:#f3f4f6;color:#1f2937;border-bottom-left-radius:4px;max-width:85%}.message-bubble.loading{opacity:.7}.message-bubble.loading:after{content:"...";animation:dots 1.5s steps(4,end) infinite}@keyframes dots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}.question-message{background:#eff6ff;border:1.5px solid #bfdbfe;color:#1e40af;padding:14px 18px;border-radius:12px;text-align:center;font-size:.95em;font-weight:500;margin:0 auto;max-width:600px}.tarot-spread{background:#f9fafb;border:1px solid #e5e7eb;padding:24px;border-radius:16px;margin-top:12px;width:100%}.tarot-spread h3{margin-bottom:20px;text-align:center;font-size:1.15em;font-weight:600;color:#1f2937}.tarot-cards{display:flex;justify-content:center;flex-wrap:wrap;gap:16px}.tarot-card{background:#fff;border:1px solid #e5e7eb;padding:16px;border-radius:12px;text-align:center;min-width:200px;max-width:250px;box-shadow:0 1px 3px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.tarot-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.tarot-card-image{width:100%;margin:12px 0;border-radius:8px;overflow:hidden;background:#f3f4f6}.tarot-card-image img{width:100%;height:auto;display:block}.position{font-weight:600;font-size:.75em;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px;color:#6b7280}.card-name{font-size:1em;margin-bottom:6px;font-weight:600;color:#1f2937}.reversed{color:#9ca3af;font-size:.8em;font-style:italic}.chat-input-container{padding:16px 24px 24px;background:#fff;border-top:1px solid #e5e7eb;box-shadow:0 -2px 8px #00000005;flex-shrink:0}.button-container{margin-bottom:12px;display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.action-button{background:#fff;color:#374151;border:1.5px solid #e5e7eb;padding:8px 16px;border-radius:8px;font-size:.875em;cursor:pointer;transition:all .15s ease;font-weight:500}.action-button:hover:not(:disabled){background:#f9fafb;border-color:#3b82f6;color:#3b82f6}.action-button:disabled{opacity:.4;cursor:not-allowed}.input-wrapper{display:flex;gap:8px;align-items:flex-end;background:#fff;border:1.5px solid #e5e7eb;border-radius:24px;padding:4px;transition:all .2s ease;max-width:768px;margin:0 auto}.input-wrapper:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.message-input{flex:1;padding:12px 16px;border:none;border-radius:20px;font-size:15px;font-family:inherit;outline:none;background:transparent;color:#1f2937;resize:none;max-height:120px;line-height:1.5}.message-input::placeholder{color:#9ca3af}.message-input:disabled{opacity:.6;cursor:not-allowed}.send-button{width:36px;height:36px;background:#3b82f6;color:#fff;border:none;border-radius:50%;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 4px #3b82f633}.send-button:hover:not(:disabled){background:#2563eb;transform:scale(1.05);box-shadow:0 4px 8px #3b82f64d}.send-button:active:not(:disabled){transform:scale(.95)}.send-button:disabled{opacity:.4;cursor:not-allowed;transform:none}.send-button:before{content:"→";font-size:18px;font-weight:600}@media (max-width: 768px){.message{padding-left:16px;padding-right:16px}.message-bubble{max-width:90%;font-size:14px}.chat-input-container{padding:12px 16px 20px}.input-wrapper{border-radius:20px}.tarot-cards{flex-direction:column;align-items:center}.tarot-card{max-width:100%}.button-container{flex-direction:column}.action-button{width:100%}.personality-option{max-width:100%}.avatar-container.floating{bottom:90px;right:16px;width:60px;height:60px}.avatar-container.floating .circle-avatar{width:56px;height:56px}.avatar-container.floating .circle-inner{width:38px;height:38px}}.dashboard-container{height:100vh;display:flex;flex-direction:column;background:#fff;overflow:hidden}.dashboard-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:12px 24px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 2px #0000000d;z-index:10;flex-shrink:0}.dashboard-content{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.dashboard-header h1{font-size:1.5em;color:#1a1a1a}.header-actions{display:flex;align-items:center;gap:16px}.user-name{color:#666;font-size:.9em}.logout-button{padding:8px 16px;background:#f5f5f5;border:1px solid #e5e5e5;border-radius:6px;cursor:pointer;font-size:.9em;color:#333;transition:all .2s ease}.logout-button:hover{background:#e5e5e5}.subscription-required{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}.subscription-required h2{font-size:2em;margin-bottom:16px;color:#1a1a1a}.subscription-required p{color:#666;margin-bottom:24px;font-size:1.1em}.subscribe-button{padding:14px 32px;background:#1a1a1a;color:#fff;border:none;border-radius:8px;font-size:1em;font-weight:500;cursor:pointer;transition:background .2s ease}.subscribe-button:hover{background:#333}@media (max-width: 600px){.dashboard-header{padding:12px 16px;flex-direction:column;gap:12px;align-items:flex-start}.header-actions{width:100%;justify-content:space-between}}.subscription-page{min-height:100vh;padding:40px 20px;background:#f5f5f5}.subscription-header{text-align:center;margin-bottom:40px}.subscription-header h1{font-size:2.5em;margin-bottom:12px;color:#1a1a1a}.subscription-header p{color:#666;font-size:1.1em}.plans-container{max-width:900px;margin:0 auto 32px;display:flex;gap:24px;justify-content:center;flex-wrap:wrap}.plan-card{background:#fff;border:2px solid #e5e5e5;border-radius:12px;padding:32px;width:100%;max-width:350px;cursor:pointer;transition:all .3s ease;position:relative}.plan-card:hover{border-color:#1a1a1a;transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.plan-card.selected{border-color:#1a1a1a;background:#fafafa}.savings-badge{position:absolute;top:-12px;right:20px;background:#1a1a1a;color:#fff;padding:4px 12px;border-radius:12px;font-size:.8em;font-weight:500}.plan-card h2{font-size:1.5em;margin-bottom:16px;color:#1a1a1a}.plan-price{margin-bottom:24px}.price{font-size:2.5em;font-weight:600;color:#1a1a1a}.period{color:#666;font-size:1em;margin-left:4px}.plan-features{list-style:none;margin-bottom:24px}.plan-features li{padding:8px 0;color:#333;font-size:.95em}.subscription-actions{width:100%;max-width:400px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.subscribe-now-button{width:100%;padding:16px;background:#1a1a1a;color:#fff;border:none;border-radius:8px;font-size:1.1em;font-weight:500;cursor:pointer;transition:background .2s ease}.subscribe-now-button:hover{background:#333}.dev-bypass-button{width:100%;padding:14px;background:#ff9800;color:#fff;border:none;border-radius:8px;font-size:.95em;font-weight:500;cursor:pointer;transition:background .2s ease;border:2px solid #ff9800}.dev-bypass-button:hover{background:#f57c00;border-color:#f57c00}.checkout-container{max-width:600px;margin:0 auto}.checkout-card{background:#fff;border-radius:12px;padding:32px;box-shadow:0 4px 20px #00000014;border:1px solid #e5e5e5}.checkout-card h2{font-size:1.8em;margin-bottom:24px;color:#1a1a1a}.selected-plan-summary{background:#fafafa;padding:16px;border-radius:8px;margin-bottom:24px;border:1px solid #e5e5e5}.selected-plan-summary p{margin:4px 0;color:#333}.card-element-container{padding:16px;border:1px solid #e5e5e5;border-radius:8px;margin-bottom:20px;background:#fff}.checkout-form{margin-bottom:20px}.pay-button{width:100%;padding:14px;background:#1a1a1a;color:#fff;border:none;border-radius:8px;font-size:1em;font-weight:500;cursor:pointer;transition:background .2s ease}.pay-button:hover:not(:disabled){background:#333}.pay-button:disabled{opacity:.6;cursor:not-allowed}.back-button{width:100%;padding:12px;background:#f5f5f5;color:#333;border:1px solid #e5e5e5;border-radius:8px;font-size:.95em;cursor:pointer;transition:background .2s ease;margin-top:12px}.back-button:hover{background:#e5e5e5}.checkout-card .dev-bypass-button{margin-top:12px;margin-bottom:0}.error-message{background:#fee;color:#c33;padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:.9em;border:1px solid #fcc}@media (max-width: 768px){.plans-container{flex-direction:column;align-items:center}.plan-card{max-width:100%}}.app{min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#f5f5f5;min-height:100vh;color:#1a1a1a;line-height:1.6}#root{min-height:100vh}.loading{display:flex;justify-content:center;align-items:center;min-height:100vh;font-size:1.1em;color:#666}