*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0D0C0A;--gold: #C9A84C;--gold-dim: #C9A84C66;--text: #F5F0E8;--text-dim: #F5F0E899;--surface: #1A1915;--border: #2A2720;--font-display: "Cormorant Garamond", serif;--font-body: "DM Sans", sans-serif}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased}#root{max-width:480px;margin:0 auto;min-height:100vh;position:relative}.app{position:relative;min-height:100vh}.grain-overlay{position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.screen{padding:24px 20px;min-height:100vh;display:flex;flex-direction:column}.home-header{text-align:center;margin-bottom:28px;padding-top:36px}.logo{display:flex;align-items:center;justify-content:center;gap:10px;position:relative}.lang-picker{position:relative}.lang-btn{background:none;border:1px solid var(--border);border-radius:8px;font-size:20px;cursor:pointer;padding:4px 8px;line-height:1}.lang-dropdown{position:absolute;top:100%;right:0;margin-top:6px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:6px 0;z-index:50;min-width:160px;max-height:300px;overflow-y:auto;box-shadow:0 8px 24px #0006}.lang-option{display:flex;align-items:center;gap:8px;width:100%;padding:8px 14px;border:none;background:none;color:var(--text-dim);font-family:var(--font-body);font-size:14px;cursor:pointer;text-align:left}.lang-option:hover{background:#c9a84c14}.lang-option.active{color:var(--gold)}.logo-star{font-size:28px;color:var(--gold);animation:spin 8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.logo h1{font-family:var(--font-display);font-size:32px;font-weight:600;color:var(--text);letter-spacing:1px}.tagline{color:var(--text-dim);font-size:14px;margin-top:6px}.upload-zone{aspect-ratio:4/3;border:2px dashed var(--border);border-radius:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;position:relative;transition:border-color .2s;background-color:var(--surface)}.upload-zone:hover{border-color:var(--gold-dim)}.upload-placeholder{text-align:center;color:var(--text-dim)}.upload-icon{font-size:48px;display:block;margin-bottom:8px}.upload-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0006;color:#fff;font-size:14px;opacity:0;transition:opacity .2s}.upload-zone:hover .upload-overlay{opacity:1}.option-section{margin-top:24px}.option-section h3{font-family:var(--font-display);font-size:18px;font-weight:600;margin-bottom:10px;color:var(--text)}.option-row{display:flex;gap:8px;flex-wrap:wrap}.option-btn{flex:1;min-width:0;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text-dim);font-family:var(--font-body);font-size:13px;cursor:pointer;transition:all .2s;white-space:nowrap}.option-btn.active{border-color:var(--gold);color:var(--gold);background:#c9a84c14}.option-btn:hover{border-color:var(--gold-dim)}.optional-hint{font-weight:400;font-size:13px;color:var(--text-dim);font-family:var(--font-body)}.region-select{width:100%;padding:10px 14px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font-family:var(--font-body);font-size:14px;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23C9A84C' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.region-select:focus{outline:none;border-color:var(--gold-dim)}.region-select option{background:var(--surface);color:var(--text)}.cta-btn{margin-top:32px;width:100%;padding:16px;border:none;border-radius:12px;background:var(--gold);color:var(--bg);font-family:var(--font-display);font-size:18px;font-weight:600;cursor:pointer;transition:opacity .2s}.cta-btn:disabled{opacity:.4;cursor:not-allowed}.cta-btn:not(:disabled):hover{opacity:.9}.analyzing-screen{position:relative;align-items:center;justify-content:center}.analyzing-bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:blur(20px) brightness(.3);z-index:0}.analyzing-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:48px}.orbit-container{position:relative;width:140px;height:140px;display:flex;align-items:center;justify-content:center}.orbit-ring{position:absolute;border:1px solid var(--gold-dim);border-radius:50%;animation:orbit-pulse 2.5s ease-in-out infinite}.ring-1{width:80px;height:80px;animation-delay:0s}.ring-2{width:110px;height:110px;animation-delay:.4s}.ring-3{width:140px;height:140px;animation-delay:.8s}@keyframes orbit-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.orbit-star{font-size:32px;color:var(--gold);animation:spin 6s linear infinite;z-index:1}.step-list{display:flex;flex-direction:column;gap:16px;width:260px}.step-item{display:flex;align-items:center;gap:12px;font-size:15px;color:var(--text-dim);transition:all .3s}.step-item.active{color:var(--gold)}.step-item.completed{color:var(--text)}.step-indicator{font-size:14px;width:20px;text-align:center}.step-item.active .step-indicator{animation:pulse-dot 1s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:.5}50%{opacity:1}}.result-screen{padding:0}.result-hero{position:relative;height:320px;overflow:hidden}.result-image{width:100%;height:100%;object-fit:cover}.result-hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,var(--bg) 10%,transparent 60%)}.result-hero-content{position:absolute;bottom:20px;left:20px;right:20px;z-index:1}.region-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;background:#c9a84c26;color:var(--gold);font-size:12px;font-weight:500;margin-bottom:8px}.blink-dot{width:6px;height:6px;background:var(--gold);border-radius:50%;animation:blink 1.5s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.result-location{font-family:var(--font-display);font-size:28px;font-weight:700;line-height:1.2}.result-tagline{font-family:var(--font-display);font-style:italic;color:var(--text-dim);font-size:16px;margin-top:4px}.result-body{padding:20px}.narrator-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;background:var(--surface);border:1px solid var(--border);font-size:13px;color:var(--text-dim);margin-bottom:16px}.result-story{font-family:var(--font-display);font-size:18px;line-height:1.7;color:var(--text)}.fun-fact{margin-top:20px;padding:16px;border-left:3px solid var(--gold);background:var(--surface);border-radius:0 10px 10px 0}.fun-fact strong{display:block;color:var(--gold);font-size:13px;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}.fun-fact p{font-size:14px;color:var(--text-dim);line-height:1.5}.audio-controls{margin-top:24px;display:flex;justify-content:center}.play-btn{display:flex;align-items:center;gap:10px;padding:12px 28px;border:1px solid var(--gold);border-radius:30px;background:transparent;color:var(--gold);font-family:var(--font-body);font-size:15px;font-weight:500;cursor:pointer;transition:background .2s}.play-btn:hover{background:#c9a84c1a}.sound-wave{display:flex;align-items:center;gap:3px;height:18px}.sound-wave span{display:block;width:3px;height:100%;background:var(--gold);border-radius:2px;animation:wave .8s ease-in-out infinite}.sound-wave span:nth-child(1){animation-delay:0s}.sound-wave span:nth-child(2){animation-delay:.1s}.sound-wave span:nth-child(3){animation-delay:.2s}.sound-wave span:nth-child(4){animation-delay:.3s}.sound-wave span:nth-child(5){animation-delay:.4s}@keyframes wave{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.feedback-row{display:flex;align-items:center;gap:12px;margin-top:20px}.feedback-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:8px 18px;font-size:1.3rem;cursor:pointer;transition:all .2s}.feedback-btn:hover:not(:disabled){background:#ffffff1f;transform:scale(1.1)}.feedback-btn.active{border-color:var(--gold);background:#d4af3726}.feedback-btn:disabled:not(.active){opacity:.3;cursor:default}.feedback-thanks{font-size:.82rem;color:var(--gold);animation:fade-in .3s ease}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.result-actions{margin-top:24px;display:flex;gap:10px}.share-btn{flex:1;padding:14px;border:1px solid var(--gold);border-radius:12px;background:transparent;color:var(--gold);font-family:var(--font-body);font-size:15px;cursor:pointer;transition:all .2s}.share-btn:hover{background:#c9a84c14}.reset-btn{flex:1;margin-top:0;padding:14px;border:1px solid var(--border);border-radius:12px;background:transparent;color:var(--text-dim);font-family:var(--font-body);font-size:15px;cursor:pointer;transition:all .2s}.reset-btn:hover{border-color:var(--gold-dim);color:var(--text)}.app-header{position:fixed;top:0;right:0;z-index:100;padding:12px 16px}.user-menu{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:4px 12px 4px 4px}.user-avatar{width:28px;height:28px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--gold-dim);color:var(--bg);font-size:14px;font-weight:600}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-name{font-size:13px;color:var(--text-dim);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-btn{background:none;border:none;color:var(--text-dim);font-size:12px;cursor:pointer;padding:2px 6px}.logout-btn:hover{color:var(--gold)}.google-login-btn{display:flex;justify-content:flex-end}.login-btn{background:var(--surface);border:1px solid var(--border);color:var(--text-dim);font-size:13px;font-family:var(--font-body);padding:6px 14px;border-radius:999px;cursor:pointer;transition:all .2s}.login-btn:hover{color:var(--gold);border-color:var(--gold-dim)}.profile-btn{display:flex;align-items:center;gap:8px;background:none;border:none;cursor:pointer;padding:0}.profile-screen{padding:60px 20px 20px}.back-btn{background:none;border:none;color:var(--gold);font-family:var(--font-body);font-size:14px;cursor:pointer;padding:4px 0;margin-bottom:16px}.back-btn:hover{text-decoration:underline}.profile-header{text-align:center;margin-bottom:24px}.profile-avatar{width:72px;height:72px;border-radius:50%;overflow:hidden;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;background:var(--surface);border:2px solid var(--gold-dim);font-size:28px;color:var(--gold);font-weight:600}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-name{font-family:var(--font-display);font-size:22px;font-weight:600;margin-bottom:4px}.profile-since{font-size:13px;color:var(--text-dim)}.profile-stats{display:flex;gap:12px;margin-bottom:28px}.stat-card{flex:1;text-align:center;padding:16px 12px;background:var(--surface);border:1px solid var(--border);border-radius:12px}.stat-value{display:block;font-family:var(--font-display);font-size:24px;font-weight:700;color:var(--gold);margin-bottom:4px}.stat-label{font-size:12px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.history-title{font-family:var(--font-display);font-size:18px;margin-bottom:16px;color:var(--text)}.no-history{text-align:center;color:var(--text-dim);font-size:14px;padding:32px 0}.history-list{display:flex;flex-direction:column;gap:10px}.history-card{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--surface);border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:border-color .2s}.history-thumb{width:56px;height:56px;border-radius:8px;object-fit:cover;flex-shrink:0}.history-card-body{flex:1;min-width:0}.history-card:hover{border-color:var(--gold-dim)}.history-card-body h4{font-size:15px;font-weight:600;margin-bottom:2px}.history-region{font-size:13px;color:var(--text-dim)}.history-tagline{font-size:12px;color:var(--gold-dim);font-style:italic;margin-top:4px}.history-card-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.history-style{font-size:18px}.history-date{font-size:11px;color:var(--text-dim)}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:20px;padding-bottom:20px}.pagination button{background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--gold);padding:6px 14px;font-size:14px;cursor:pointer}.pagination button:hover{border-color:var(--gold-dim)}.pagination span{font-size:13px;color:var(--text-dim)}.profile-loading{text-align:center;color:var(--text-dim);padding-top:100px}.toast{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:200;display:flex;align-items:center;gap:10px;padding:12px 20px;background:var(--surface);border:1px solid #8B3A3A;border-radius:12px;box-shadow:0 8px 32px #00000080,0 0 0 1px #8b3a3a33;max-width:420px;width:calc(100% - 40px);cursor:pointer;animation:toast-in .35s cubic-bezier(.21,1.02,.73,1)}.toast-icon{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:#dc505026;color:#e06060;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center}.toast-msg{font-size:14px;color:var(--text);line-height:1.4}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(-12px) scale(.96)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}