:root{--font-body:"Segoe UI Variable Text", "Segoe UI", "Noto Sans", Arial, sans-serif;--font-heading:"Segoe UI Variable Display", "Segoe UI", "Noto Sans", Arial, sans-serif;--primary:#6366f1;--primary-hover:#4f46e5;--primary-light:#818cf8;--primary-subtle:#6366f114;--primary-glow:#6366f159;--primary-gradient:linear-gradient(135deg, #6366f1 0%, #a855f7 50%, #ec4899 100%);--hero-gradient:linear-gradient(140deg, #181124 0%, #2e1065 40%, #4c1d95 75%, #831843 100%);--accent-gradient:linear-gradient(135deg, #06b6d4 0%, #3b82f6 50%, #8b5cf6 100%);--fire-gradient:linear-gradient(135deg, #f43f5e 0%, #fb7185 50%, #f59e0b 100%);--gold-gradient:linear-gradient(135deg, #f59e0b 0%, #fbbf24 50%, #fcd34d 100%);--emerald-gradient:linear-gradient(135deg, #10b981 0%, #34d399 100%);--emerald:#10b981;--emerald-subtle:#ecfdf5;--rose:#f43f5e;--rose-subtle:#fff1f2;--amber:#f59e0b;--amber-subtle:#fffbeb;--cyan:#06b6d4;--cyan-subtle:#ecfeff;--lime:#cf0;--lime-subtle:#f7fee7;--bg-page:#060913;--app-bg:#f8fafc;--card-bg:#fffffff2;--card-border:#e2e8f0f2;--surface-alt:#f1f5f9;--line:#e2e8f0e6;--line-subtle:#f1f5f9e6;--text-main:#090d16;--text-muted:#475569;--text-dim:#94a3b8;--shadow-sm:0 1px 3px #0000000a;--shadow-md:0 6px 18px -2px #0000000f, 0 2px 4px -2px #00000008;--shadow-lg:0 16px 36px -4px #00000017, 0 4px 8px -4px #00000008;--shadow-glow:0 12px 40px -6px #6366f166;--radius-sm:12px;--radius-md:18px;--radius-lg:24px;--radius-xl:32px;--radius-full:9999px}[data-theme=dark]{--primary:#818cf8;--primary-hover:#6366f1;--primary-light:#a5b4fc;--primary-subtle:#6366f129;--primary-glow:#818cf873;--primary-gradient:linear-gradient(135deg, #6366f1 0%, #a855f7 50%, #f43f5e 100%);--hero-gradient:linear-gradient(140deg, #090714 0%, #170c2a 40%, #2e1065 75%, #4a044e 100%);--emerald:#34d399;--emerald-subtle:#10b98129;--rose:#fb7185;--rose-subtle:#f43f5e29;--amber:#fbbf24;--amber-subtle:#f59e0b29;--cyan:#22d3ee;--cyan-subtle:#06b6d429;--lime:#cf0;--lime-subtle:#ccff0029;--bg-page:#020408;--app-bg:#090d16;--card-bg:#121828e6;--card-border:#ffffff1a;--surface-alt:#1e293bbf;--line:#ffffff14;--line-subtle:#ffffff0a;--text-main:#f8fafc;--text-muted:#cbd5e1;--text-dim:#94a3b8;--shadow-sm:0 1px 3px #0006;--shadow-md:0 6px 22px #0009;--shadow-lg:0 18px 45px #000000b3;--shadow-glow:0 14px 45px #6366f180}*,:before,:after{box-sizing:border-box}body{background-color:var(--bg-page);min-height:100vh;color:var(--text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle at 10% 10%,#6366f138,#0000 45%),radial-gradient(circle at 90% 15%,#ec48992e,#0000 40%),radial-gradient(circle at 50% 85%,#06b6d426,#0000 45%),radial-gradient(circle at 80% 80%,#ccff001a,#0000 40%);background-attachment:fixed;margin:0}body:before{content:"";pointer-events:none;opacity:.35;z-index:0;background-image:radial-gradient(#ffffff4d 1px,#0000 1px);background-size:20px 20px;position:fixed;top:0;bottom:0;left:0;right:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 85%);mask-image:radial-gradient(circle,#000,#0000 85%)}#root{z-index:1;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative}@media (min-width:640px){#root{padding:24px 0}}h1,h2,h3,h4,h5,h6,p{margin:0}h1,h2,h3,h4{font-family:var(--font-heading);letter-spacing:-.04em}button{font-family:var(--font-body);color:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:0 0;border:0;outline:0;transition:transform .22s cubic-bezier(.34,1.56,.64,1),background .2s,box-shadow .2s,color .2s,border-color .2s}button:not(:disabled):hover{filter:brightness(1.04)}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible{outline:3px solid color-mix(in srgb, var(--primary) 72%, white);outline-offset:3px}a:focus-visible{outline:3px solid color-mix(in srgb, var(--primary) 72%, white);outline-offset:3px}input:focus-visible{outline:3px solid color-mix(in srgb, var(--primary) 72%, white);outline-offset:3px}textarea:focus-visible{outline:3px solid color-mix(in srgb, var(--primary) 72%, white);outline-offset:3px}select:focus-visible{outline:3px solid color-mix(in srgb, var(--primary) 72%, white);outline-offset:3px}::selection{color:#fff;background:var(--primary)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}input,textarea,select{font-family:var(--font-body);color:var(--text-main)}::placeholder{color:var(--text-dim)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmerBeam{0%{transform:translate(-100%)rotate(30deg)}to{transform:translate(200%)rotate(30deg)}}@keyframes pulseGlowRing{0%{transform:scale(.96);box-shadow:0 0 #6366f199}70%{transform:scale(1.05);box-shadow:0 0 0 12px #6366f100}to{transform:scale(.96);box-shadow:0 0 #6366f100}}@keyframes floatGentle{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-5px)rotate(1deg)}to{transform:translateY(0)rotate(0)}}@keyframes soundWave{0%{transform:scaleY(.25)}50%{transform:scaleY(1)}to{transform:scaleY(.3)}}@keyframes vinylSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vietnam-map-explorer-card{border-radius:var(--radius-2xl);background:var(--card-bg);border:1px solid var(--line);box-shadow:var(--shadow-sm);flex-direction:column;gap:16px;padding:20px;animation:.25s both fadeIn;display:flex}.map-explorer-header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.map-explorer-header h3{color:var(--text-main);margin-top:4px;font-size:1.15rem;font-weight:900}.zone-count-tag{background:var(--surface-alt);border-radius:var(--radius-full);color:var(--text-muted);padding:4px 10px;font-size:.75rem;font-weight:800}.zone-pills-scroll{scrollbar-width:none;gap:8px;padding-bottom:6px;display:flex;overflow-x:auto}.zone-pills-scroll::-webkit-scrollbar{display:none}.zone-pill-btn{border-radius:var(--radius-full);background:var(--surface-alt);border:1px solid var(--line);cursor:pointer;flex:none;align-items:center;gap:6px;padding:8px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.zone-pill-btn.active{background:var(--zone-color,var(--primary));color:#fff;border-color:var(--zone-color,var(--primary));box-shadow:0 4px 14px #00000026}.zone-pill-emoji{font-size:1.1rem}.zone-pill-name{font-size:.8125rem;font-weight:800}.zone-spotlight-hero{border-radius:var(--radius-xl);background:var(--surface-alt);border:1.5px solid var(--line);box-shadow:var(--shadow-sm);flex-direction:column;gap:12px;padding:18px;transition:border-color .3s;display:flex;position:relative;overflow:hidden}.zone-hero-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.zone-title-area{flex-direction:column;gap:2px;display:flex}.zone-badge-tag{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em;align-self:flex-start;padding:3px 8px;font-size:.75rem;font-weight:800}.zone-title-area h4{color:var(--text-main);font-size:1.05rem;font-weight:900}.zone-play-btn{border-radius:var(--radius-full);background:var(--primary);color:#fff;box-shadow:var(--shadow-sm);align-items:center;gap:6px;padding:7px 14px;font-size:.8125rem;font-weight:800;transition:all .2s;display:flex}.zone-play-btn.playing{background:var(--emerald)}.zone-quote{color:var(--text-main);font-size:1.1rem;font-style:italic;font-weight:800;line-height:1.45;font-family:var(--font-heading);border-left:3px solid var(--primary);margin:4px 0;padding-left:12px}.zone-meta-grid{grid-template-columns:1fr;gap:8px;display:grid}.meta-box{flex-direction:column;gap:2px;font-size:.8125rem;display:flex}.meta-label{color:var(--text-dim);text-transform:uppercase;font-size:.75rem;font-weight:800}.meta-val{color:var(--text-main);font-weight:600;line-height:1.4}.zone-provinces-chips{border-top:1px solid var(--line);flex-direction:column;gap:6px;padding-top:8px;display:flex}.provinces-label{color:var(--text-dim);text-transform:uppercase;font-size:.75rem;font-weight:800}.provinces-list{flex-wrap:wrap;gap:4px;display:flex}.prov-chip{border-radius:var(--radius-full);background:var(--card-bg);border:1px solid var(--line);color:var(--text-muted);padding:3px 8px;font-size:.75rem;font-weight:700}.hot-today{gap:10px;margin:4px 0 18px;display:grid}.hot-today-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.hot-today-kicker{font:900 13px/1 var(--font-heading);letter-spacing:.1em;color:#c2410c;align-items:center;gap:6px;display:inline-flex}[data-theme=dark] .hot-today-kicker{color:#ff8a5c}.hot-today-streak{font:800 12px/1 var(--font-body);background:var(--card-bg);border:2px solid var(--vl-ink,#111014);border-radius:999px;padding:6px 10px}.hot-today-main{text-align:left;cursor:pointer;background:var(--spot);color:#111014;border:3px solid #111014;border-radius:24px;grid-template-columns:auto 1fr;grid-template-areas:"emoji copy""cta cta";align-items:center;gap:10px 14px;width:100%;padding:16px;transition:transform .12s,box-shadow .12s;display:grid;box-shadow:5px 5px #111014}.hot-today-main:hover{transform:translate(-1px,-1px);box-shadow:6px 6px #111014}.hot-today-main:active{transform:translate(3px,3px);box-shadow:2px 2px #111014}.hot-today-main:focus-visible{outline-offset:3px;outline:3px solid #c6f432}.hot-today-emoji{color:#111014;background:#fffdf5;border:2.5px solid #111014;border-radius:18px;grid-area:emoji;place-items:center;width:58px;height:58px;display:grid}.hot-today-copy{grid-area:copy;gap:4px;min-width:0;display:grid}.hot-today-copy strong{font:900 1.15rem/1.15 var(--font-heading);letter-spacing:-.01em}.hot-today-copy small{font:600 .9rem/1.4 var(--font-body);color:#111014}.hot-today-cta{color:#fff;font:900 .85rem/1 var(--font-heading);background:#111014;border-radius:999px;grid-area:cta;justify-self:start;align-items:center;gap:6px;padding:9px 16px;display:inline-flex}[data-theme=dark] .hot-today-streak{border-color:#f5f3ea}@media (prefers-reduced-motion:reduce){.hot-today-main{transition:none}}.hot-today-track{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;gap:14px;margin:0 -7px 0 -2px;padding:2px 7px 8px 2px;scroll-padding-left:2px;display:flex;position:relative;overflow-x:auto}.hot-today-track::-webkit-scrollbar{display:none}.hot-today-track>.hot-today-main{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100%;position:relative}.hot-today-badge{color:#fff;font:900 .68rem/1 var(--font-heading);letter-spacing:.04em;background:#111014;border-radius:999px;padding:5px 10px;position:absolute;bottom:22px;right:16px}.hot-today-dots{justify-content:center;gap:6px;margin-top:-2px;display:flex}.hot-today-dots button{cursor:pointer;border:1.5px solid var(--vl-ink,#111014);background:0 0;border-radius:999px;width:8px;height:8px;padding:0;transition:width .2s,background-color .2s}.hot-today-dots button.active{background:var(--spot);width:22px}[data-theme=dark] .hot-today-dots button{border-color:#f5f3ea}@media (prefers-reduced-motion:reduce){.hot-today-dots button{transition:none}}.audio-waveform-shell{border-radius:var(--radius-lg);background:var(--surface-alt);border:1px solid var(--line);justify-content:center;align-items:center;padding:8px 12px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.audio-waveform-shell.playing{background:#8b5cf614;border-color:#8b5cf659;box-shadow:0 0 20px #8b5cf626}.audio-waveform-canvas{width:100%;max-width:280px;height:auto;display:block}.discovery-page{flex-direction:column;gap:22px;animation:.25s both fadeIn;display:flex}.trend-hero.clean-hero{background:var(--hero-gradient);color:#fff;box-shadow:var(--shadow-glow);border:1.5px solid #fff3;border-radius:34px;padding:26px 22px;position:relative;overflow:hidden}.clean-hero:before{content:"";filter:blur(18px);pointer-events:none;background:radial-gradient(circle,#ccff004d,#0000 70%);border-radius:50%;width:180px;height:180px;position:absolute;top:-40px;right:-40px}.clean-hero:after{content:"";filter:blur(22px);pointer-events:none;background:radial-gradient(circle,#f43f5e4d,#0000 70%);border-radius:50%;width:190px;height:120px;position:absolute;bottom:-40px;right:30px}.hero-voice-art{pointer-events:none;z-index:2;flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute;top:20px;right:20px}.voice-chip{border-radius:var(--radius-full);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;background:#ffffff2e;border:1.5px solid #ffffff59;padding:5px 12px;font-size:.75rem;font-weight:900;animation:3.5s ease-in-out infinite alternate floatGentle;box-shadow:0 4px 14px #0003}.voice-chip.chip-two{background:var(--lime);color:#0f172a;border-color:#0000001a;animation-delay:-1.2s}.voice-chip.chip-three{animation-delay:-2.4s}.voice-wave{align-items:center;gap:3.5px;height:18px;margin-top:4px;display:flex}.voice-wave i{background:var(--lime);border-radius:99px;width:3.5px;animation:1.2s ease-in-out infinite alternate soundWave}.voice-wave i:first-child{height:6px}.voice-wave i:nth-child(2){height:14px;animation-delay:.2s}.voice-wave i:nth-child(3){height:18px;animation-delay:.4s}.voice-wave i:nth-child(4){height:10px;animation-delay:.15s}.voice-wave i:nth-child(5){height:6px;animation-delay:.35s}.live-pill{border-radius:var(--radius-full);letter-spacing:.1em;color:var(--lime);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000059;border:1px solid #ccff004d;align-items:center;gap:6px;padding:4px 12px;font-size:.75rem;font-weight:950;display:inline-flex}.live-pill>span{background:var(--lime);width:7px;height:7px;box-shadow:0 0 10px var(--lime);border-radius:50%}.clean-hero h1{color:#fff;letter-spacing:-.045em;text-wrap:balance;margin-top:14px;font-size:1.95rem;font-weight:950;line-height:1.15}.clean-hero h1 em{background:linear-gradient(135deg,#cf0 0%,#a78bfa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-style:normal}.clean-hero p{color:#e2e8f0;max-width:290px;margin-top:8px;font-size:.88rem;font-weight:600;line-height:1.45}.hero-actions{z-index:3;gap:10px;margin-top:22px;display:flex;position:relative}.hero-actions button{border-radius:18px;align-items:center;gap:8px;padding:12px 22px;font-size:.86rem;font-weight:950;transition:all .22s cubic-bezier(.34,1.56,.64,1);display:flex}.hero-primary:hover{transform:translateY(-2px)scale(1.04);box-shadow:0 8px 28px #cf09}.hero-secondary{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff2e;border:1.5px solid #ffffff59}.hero-secondary:hover{background:#ffffff47;transform:translateY(-2px)}.section-heading-row{justify-content:space-between;align-items:flex-end;margin-bottom:12px;display:flex}.section-heading-row h2{letter-spacing:-.035em;color:var(--text-main);font-size:1.28rem;font-weight:950}.eyebrow{color:var(--primary);letter-spacing:.1em;text-transform:uppercase;margin-bottom:3px;font-size:.75rem;font-weight:950;display:block}.creator-section{background:var(--card-bg);border:1.5px solid var(--card-border);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:30px;padding:22px}.surprise-btn{background:var(--text-main);color:var(--app-bg);border-radius:14px;align-items:center;gap:6px;padding:7px 14px;font-size:.75rem;font-weight:900;transition:all .2s;display:flex}.surprise-btn:hover{transform:scale(1.06)}.creator-moods{scrollbar-width:none;gap:7px;padding-bottom:4px;display:flex;overflow-x:auto}.creator-moods::-webkit-scrollbar{display:none}.creator-moods button{border-radius:var(--radius-full);background:var(--surface-alt);color:var(--text-muted);border:1px solid #0000;flex:none;padding:8px 16px;font-size:.8125rem;font-weight:850;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.creator-moods button:hover{color:var(--primary)}.creator-moods button.active{background:var(--primary);color:#fff;box-shadow:0 4px 14px var(--primary-glow);transform:scale(1.05)}.composer-box{background:var(--surface-alt);border:1.5px solid #0000;border-radius:20px;align-items:flex-end;gap:10px;margin-top:14px;padding:14px 16px;transition:all .2s;display:flex}.composer-box:focus-within{border-color:var(--primary-light);box-shadow:0 0 0 3px var(--primary-subtle);background:var(--card-bg)}.composer-box textarea{resize:none;min-height:52px;color:var(--text-main);background:0 0;border:none;outline:none;flex:1;font-size:.9rem;font-weight:600;line-height:1.45}.composer-box>button{background:var(--primary-gradient);color:#fff;width:42px;height:42px;box-shadow:0 4px 14px var(--primary-glow);border-radius:14px;flex:none;place-items:center;transition:transform .2s;display:grid}.composer-box>button:hover{transform:scale(1.1)}.personalize-btn{background:var(--primary-subtle);color:var(--primary);border-radius:14px;align-items:center;gap:6px;padding:7px 14px;font-size:.75rem;font-weight:900;display:flex}.personal-feed{flex-direction:column;gap:12px;display:flex}.personal-card{background:var(--card-bg);border:1.5px solid var(--card-border);box-shadow:var(--shadow-sm);text-align:left;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:26px;align-items:center;gap:14px;padding:16px 18px;transition:all .22s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}.personal-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-md);transform:translateY(-3px)}.personal-emoji{background:var(--primary-subtle);border-radius:18px;flex:none;place-items:center;width:50px;height:50px;font-size:1.6rem;display:grid}.personal-copy{flex-direction:column;flex:1;min-width:0;display:flex}.personal-copy small{color:var(--emerald);letter-spacing:.05em;font-size:.75rem;font-weight:950}.personal-copy strong{color:var(--text-main);font-size:.94rem;font-weight:950}.personal-copy em{color:var(--primary);margin-top:1px;font-size:.75rem;font-style:normal;font-weight:800}.personal-copy p{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:.8125rem;overflow:hidden}.personal-go{background:var(--surface-alt);width:36px;height:36px;color:var(--text-muted);border-radius:50%;flex:none;place-items:center;transition:all .2s;display:grid}.personal-card:hover .personal-go{background:var(--primary);color:#fff;transform:scale(1.1)}.personal-card>b{border-radius:var(--radius-full);background:var(--lime);color:#0f172a;padding:3px 9px;font-size:.75rem;font-weight:950;position:absolute;top:12px;right:16px}.local-compare-card{background:var(--card-bg);border:1.5px solid var(--card-border);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:32px;flex-direction:column;gap:16px;padding:22px;display:flex}.pro-value-strip{background:var(--surface-alt);color:var(--text-muted);border-radius:16px;justify-content:space-between;align-items:center;padding:10px 16px;font-size:.75rem;font-weight:850;display:flex}.pro-value-strip span{align-items:center;gap:5px;display:flex}.local-lab-controls{grid-template-columns:1fr 1fr;gap:12px;display:grid}.local-lab-controls label{flex-direction:column;gap:4px;display:flex}.local-lab-controls span{color:var(--text-dim);text-transform:uppercase;font-size:.75rem;font-weight:900}.local-lab-controls select{border:1.5px solid var(--line);background:var(--surface-alt);height:42px;color:var(--text-main);border-radius:14px;outline:none;padding:0 14px;font-size:.88rem;font-weight:850}.tip-levels{align-items:center;gap:7px;display:flex}.tip-levels span{color:var(--text-dim);margin-right:4px;font-size:.75rem;font-weight:900}.tip-levels button{border-radius:var(--radius-full);background:var(--surface-alt);color:var(--text-muted);padding:7px 15px;font-size:.8125rem;font-weight:850;transition:all .2s}.tip-levels button.active{background:var(--primary);color:#fff;box-shadow:0 4px 14px var(--primary-glow)}.tip-custom-input{gap:8px;display:flex}.tip-custom-input input{border:1.5px solid var(--line);background:var(--surface-alt);border-radius:16px;outline:none;flex:1;height:44px;padding:0 16px;font-size:.88rem;font-weight:600}.tip-custom-input button{background:var(--primary-gradient);color:#fff;white-space:nowrap;height:44px;box-shadow:0 4px 16px var(--primary-glow);border-radius:16px;align-items:center;gap:6px;padding:0 20px;font-size:.84rem;font-weight:950;display:flex}.tip-situations{scrollbar-width:none;gap:7px;padding-bottom:2px;display:flex;overflow-x:auto}.tip-situations::-webkit-scrollbar{display:none}.tip-situations button{border-radius:var(--radius-full);background:var(--surface-alt);color:var(--text-muted);flex:none;padding:8px 15px;font-size:.8125rem;font-weight:850}.tip-situations button.active{background:var(--text-main);color:var(--app-bg)}.local-compare-top{justify-content:space-between;align-items:center;margin-top:6px;display:flex}.local-compare-top span{font-size:.88rem;font-weight:950}.local-compare-top b{border-radius:var(--radius-full);background:var(--emerald-subtle);color:var(--emerald);padding:4px 11px;font-size:.75rem;font-weight:950}.compare-row{background:var(--surface-alt);border:1px solid var(--line-subtle);border-radius:22px;grid-template-columns:42px 1fr;gap:14px;padding:16px;display:grid}.compare-symbol{border-radius:50%;place-items:center;width:42px;height:42px;font-size:1.15rem;font-weight:950;display:grid}.compare-plain .compare-symbol{background:var(--rose-subtle);color:var(--rose)}.compare-local .compare-symbol{background:var(--emerald-subtle);color:var(--emerald)}.compare-row small{color:var(--text-dim);letter-spacing:.05em;margin-bottom:4px;font-size:.75rem;font-weight:950;display:block}.compare-plain textarea,.compare-local textarea{resize:vertical;background:0 0;border:none;outline:none;width:100%;font-family:inherit;line-height:1.45}.compare-plain textarea{color:var(--text-muted);font-size:.96rem;font-weight:650}.compare-local textarea{color:var(--text-main);font-size:1.25rem;font-weight:950;font-family:var(--font-heading)}.compare-divider{display:none}.dialect-proof{background:var(--emerald-subtle);color:var(--emerald);border-radius:16px;align-items:center;gap:6px;padding:10px 16px;font-size:.8125rem;font-weight:850;display:flex}.dialect-proof b{background:#10b98140;border-radius:8px;padding:3px 9px}.local-tip-actions{grid-template-columns:1.2fr 1fr;gap:10px;display:grid}.local-tip-actions button{border-radius:16px;justify-content:center;align-items:center;gap:8px;height:46px;font-size:.86rem;font-weight:950;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex}.local-tip-actions button:first-child{background:var(--primary);color:#fff;box-shadow:0 4px 16px var(--primary-glow)}.local-tip-actions button:last-child{background:var(--surface-alt);color:var(--text-muted)}.pro-output-actions{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.pro-output-actions button{background:var(--surface-alt);height:42px;color:var(--text-muted);border-radius:14px;justify-content:center;align-items:center;gap:5px;font-size:.8125rem;font-weight:850;transition:all .2s;display:flex}.pro-output-actions button:hover{background:var(--primary-subtle);color:var(--primary);transform:translateY(-2px)}.dialect-reel.compact-reel{color:#fff;box-shadow:var(--shadow-lg);background:#090e1a;border:1.5px solid #ffffff26;border-radius:34px;padding:26px 22px;position:relative;overflow:hidden}.reel-aurora{filter:blur(28px);background:radial-gradient(circle,#818cf880,#0000 70%);border-radius:50%;width:240px;height:240px;position:absolute;top:-50px;right:-50px}.reel-header{justify-content:space-between;align-items:center;display:flex}.reel-header span{color:var(--lime);letter-spacing:.1em;align-items:center;gap:5px;font-size:.75rem;font-weight:950;display:flex}.reel-header strong{color:#ffffffa6;font-size:.75rem}.reel-location{align-items:center;gap:12px;margin-top:18px;display:flex}.reel-location span{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff24;border-radius:16px;place-items:center;width:44px;height:44px;font-size:1.4rem;display:grid}.reel-location small{color:#ffffffb3;font-size:.75rem;font-weight:800;display:block}.reel-location strong{color:#fff;font-size:1.05rem;font-weight:950}.reel-play{background:var(--lime);color:#0f172a;border-radius:50%;place-items:center;width:60px;height:60px;transition:transform .25s cubic-bezier(.34,1.56,.64,1);display:grid;position:absolute;top:66px;right:22px;box-shadow:0 8px 25px #0006}.reel-play:hover{transform:scale(1.12)}.reel-copy{margin-top:24px}.reel-copy h2{letter-spacing:-.04em;color:#fff;font-size:1.7rem;font-weight:950;line-height:1.25}.reel-copy p{color:#ffffffd9;margin-top:8px;font-size:.88rem;line-height:1.45}.reel-copy span{border-radius:var(--radius-full);color:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;margin-top:12px;padding:4px 14px;font-size:.75rem;font-weight:850;display:inline-block}.reel-actions{gap:8px;margin-top:22px;display:flex}.reel-actions button{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:16px;align-items:center;gap:6px;padding:10px 18px;font-size:.8125rem;font-weight:900;transition:all .2s;display:flex}.reel-actions button:hover{background:#ffffff47;transform:translateY(-2px)}.reel-actions button:first-child{margin-right:auto}.quick-tools-grid button{background:var(--card-bg);border:1.5px solid var(--card-border);box-shadow:var(--shadow-sm);text-align:left;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:24px;align-items:center;gap:12px;padding:16px 18px;transition:all .22s cubic-bezier(.34,1.56,.64,1);display:flex}.quick-tools-grid button:hover{border-color:var(--primary-light);box-shadow:var(--shadow-md);transform:translateY(-3px)scale(1.02)}.quick-tools-grid svg{background:var(--primary-subtle);width:40px;height:40px;color:var(--primary);border-radius:15px;flex:none;padding:9px}.quick-tools-grid strong{color:var(--text-main);font-size:.88rem;font-weight:950;display:block}.quick-tools-grid small{color:var(--text-muted);margin-top:2px;font-size:.75rem;font-weight:600;display:block}.genz-highlight-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px;display:grid}@media (max-width:480px){.genz-highlight-grid{grid-template-columns:1fr}}.genz-feature-card{background:var(--card-bg);border:1.5px solid var(--card-border);text-align:left;cursor:pointer;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(20px);border-radius:22px;flex-direction:column;justify-content:space-between;gap:12px;padding:16px;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden}.genz-feature-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)scale(1.015)}.fortune-card-highlight{background:linear-gradient(135deg, #f59e0b14 0%, var(--card-bg) 70%);border-color:#f59e0b59}.fortune-card-highlight:hover{border-color:#b45309}.soundboard-card-highlight{background:linear-gradient(135deg, #f43f5e14 0%, var(--card-bg) 70%);border-color:#f43f5e59}.soundboard-card-highlight:hover{border-color:#f43f5e}.feature-badge{letter-spacing:.04em;color:#d97706;background:#f59e0b26;border:1px solid #f59e0b4d;border-radius:999px;align-self:flex-start;padding:3px 9px;font-size:.75rem;font-weight:900}[data-theme=dark] .feature-badge{color:#fef08a;background:#f59e0b40}.feature-badge.red{color:#e11d48;background:#f43f5e26;border-color:#f43f5e4d}[data-theme=dark] .feature-badge.red{color:#fecdd3;background:#f43f5e40}.feature-body{align-items:flex-start;gap:12px;display:flex}.feature-icon{flex-shrink:0;font-size:1.8rem;line-height:1}.feature-text strong{color:var(--text-main);font-size:.95rem;font-weight:900;line-height:1.3;display:block}.feature-text small{color:var(--text-muted);margin-top:3px;font-size:.75rem;font-weight:600;line-height:1.35;display:block}.feature-cta{color:var(--primary);font-size:.8125rem;font-weight:800;transition:transform .2s;display:inline-block}.genz-feature-card:hover .feature-cta{transform:translate(4px)}.tip-waveform-box{justify-content:center;margin:6px 0;display:flex}.translator-studio{flex-direction:column;gap:18px;animation:.25s both fadeIn;display:flex}.studio-header{justify-content:space-between;align-items:flex-start;display:flex}.studio-title-group h2{color:var(--text-main);font-size:1.25rem;font-weight:900}.studio-title-group p{color:var(--text-muted);margin-top:2px;font-size:.8125rem}.dialect-switcher-bar{border-radius:var(--radius-xl);background:var(--card-bg);border:1px solid var(--line);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;display:flex}.dialect-dropdown{flex-direction:column;flex:1;gap:2px;display:flex}.dialect-dropdown label{color:var(--text-dim);text-transform:uppercase;font-size:.75rem;font-weight:800}.dialect-select{color:var(--text-main);cursor:pointer;background:0 0;border:none;outline:none;padding:2px 0;font-size:.92rem;font-weight:800}.swap-btn{background:var(--surface-alt);width:38px;height:38px;color:var(--primary);border-radius:50%;flex:none;place-items:center;display:grid}.swap-btn:hover{background:var(--primary-subtle)}.input-studio-card{border-radius:var(--radius-xl);background:var(--card-bg);border:1px solid var(--line);box-shadow:var(--shadow-sm);flex-direction:column;gap:12px;padding:16px;display:flex}.input-studio-card textarea{resize:none;width:100%;min-height:90px;color:var(--text-main);background:0 0;border:none;outline:none;font-size:.95rem;font-weight:600;line-height:1.45}.input-bottom-tools{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding-top:8px;display:flex}.char-counter{color:var(--text-dim);font-size:.75rem;font-weight:700}.action-tools-group{align-items:center;gap:6px;display:flex}.tool-round-btn{border-radius:var(--radius-sm);background:var(--surface-alt);width:34px;height:34px;color:var(--text-muted);place-items:center;display:grid}.translate-action-btn{border-radius:var(--radius-md);background:var(--primary);color:#fff;align-items:center;gap:6px;height:38px;padding:0 16px;font-size:.82rem;font-weight:800;display:flex}.samples-carousel{scrollbar-width:none;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.samples-carousel::-webkit-scrollbar{display:none}.sample-chip{border-radius:var(--radius-full);background:var(--surface-alt);color:var(--text-muted);flex:none;padding:6px 12px;font-size:.75rem;font-weight:700}.result-studio-card{border-radius:var(--radius-xl);background:var(--card-bg);border:1px solid var(--line);box-shadow:var(--shadow-sm);flex-direction:column;gap:14px;padding:18px;display:flex}.result-main-text{color:var(--text-main);font-size:1.25rem;font-weight:900;line-height:1.35;font-family:var(--font-heading)}.phonetic-badge{border-radius:var(--radius-md);background:var(--primary-subtle);color:var(--primary);gap:6px;padding:8px 12px;font-size:.8125rem;font-weight:700;display:flex}.vieneu-player-bar{border-radius:var(--radius-md);background:var(--surface-alt);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.voice-avatar-icon{border-radius:var(--radius-sm);background:var(--emerald);color:#fff;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.cultural-insight-box{border-radius:var(--radius-md);background:var(--amber-subtle);color:var(--text-main);padding:10px 14px;font-size:.8125rem;line-height:1.45}.social-action-bar{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.social-action-bar button{border-radius:var(--radius-md);background:var(--surface-alt);height:40px;color:var(--text-main);justify-content:center;align-items:center;gap:6px;font-size:.8125rem;font-weight:800;transition:all .2s;display:flex}.social-action-bar button:hover{background:var(--primary-subtle);color:var(--primary)}.studio-mode-pills{background:var(--surface-alt);border-radius:var(--radius-full);gap:6px;padding:4px;display:flex}.tab-pill-btn{border-radius:var(--radius-full);color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:6px 12px;font-size:.8125rem;font-weight:800;transition:all .2s cubic-bezier(.4,0,.2,1)}.tab-pill-btn.active{background:var(--card-bg);color:var(--primary);box-shadow:var(--shadow-sm)}.target-province-trigger{background:var(--surface-alt);border:1px solid var(--line);border-radius:var(--radius-full);color:var(--text-main);cursor:pointer;align-items:center;gap:6px;padding:6px 12px;font-size:.88rem;font-weight:800;transition:all .2s;display:flex}.target-province-trigger:hover{border-color:var(--primary);background:var(--primary-subtle)}.current-source-label{color:var(--text-main);font-size:.9rem;font-weight:800}.change-hint{color:var(--primary);margin-left:2px;font-size:.75rem;font-weight:700}.custom-locality-bar{background:var(--surface-alt);border-radius:var(--radius-lg);flex-direction:column;gap:6px;padding:8px 14px;font-size:.8125rem;display:flex}.custom-toggle-label{color:var(--text-muted);cursor:pointer;align-items:center;gap:8px;font-weight:700;display:flex}.custom-locality-input{border-radius:var(--radius-md);border:1px solid var(--line);background:var(--card-bg);width:100%;color:var(--text-main);outline:none;padding:8px 12px;font-size:.84rem;font-weight:700}.custom-locality-input:focus{border-color:var(--primary)}.sound-orb-container{flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px 0;display:flex;position:relative}.sound-orb-glow{filter:blur(8px);background:radial-gradient(circle,#a855f773 0%,#ec489933 60%,#0000 80%);border-radius:50%;width:90px;height:90px;animation:1.5s ease-in-out infinite alternate orbPulse;position:absolute}.sound-orb-core{color:#fff;z-index:2;background:linear-gradient(135deg,#a855f7,#ec4899,#06b6d4);border-radius:50%;place-items:center;width:58px;height:58px;animation:4s linear infinite orbSpin;display:grid;box-shadow:0 0 20px #a855f799}.sound-orb-text{color:var(--primary);letter-spacing:.3px;z-index:2;font-size:.8125rem;font-weight:800}@keyframes orbPulse{0%{opacity:.6;transform:scale(.9)}to{opacity:1;transform:scale(1.3)}}@keyframes orbSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.slang-studio-card{flex-direction:column;gap:12px;display:flex}.slang-mode-switch{grid-template-columns:1fr 1fr;gap:8px;display:grid}.slang-mode-btn{border-radius:var(--radius-lg);background:var(--surface-alt);color:var(--text-muted);border:1px solid var(--line);cursor:pointer;padding:10px;font-size:.8125rem;font-weight:800;transition:all .2s}.slang-mode-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:var(--shadow-sm)}.slang-presets-header{color:var(--text-dim);text-transform:uppercase;font-size:.8125rem;font-weight:800}.slang-presets-grid{scrollbar-width:none;gap:8px;padding-bottom:6px;display:flex;overflow-x:auto}.slang-presets-grid::-webkit-scrollbar{display:none}.slang-preset-chip{background:var(--card-bg);border:1px solid var(--line);border-radius:var(--radius-md);cursor:pointer;text-align:left;flex-direction:column;flex:none;align-items:flex-start;max-width:170px;padding:8px 12px;transition:all .2s;display:flex}.slang-preset-chip strong{color:var(--primary);font-size:.82rem}.slang-preset-chip small{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:150px;font-size:.75rem;overflow:hidden}.slang-preset-chip:hover{border-color:var(--primary);background:var(--primary-subtle)}.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background:#000000a6;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.province-modal-content{background:var(--card-bg);border-radius:var(--radius-2xl);width:100%;max-width:460px;max-height:80vh;box-shadow:var(--shadow-lg);border:1px solid var(--line);flex-direction:column;gap:14px;padding:20px;display:flex}.modal-top-bar{justify-content:space-between;align-items:center;display:flex}.modal-top-bar h3{color:var(--text-main);font-size:1.05rem;font-weight:900}.close-modal-btn{background:var(--surface-alt);width:32px;height:32px;color:var(--text-muted);cursor:pointer;border:none;border-radius:50%;place-items:center;display:grid}.modal-search-box{background:var(--surface-alt);border-radius:var(--radius-full);border:1px solid var(--line);align-items:center;gap:8px;padding:8px 14px;display:flex}.modal-search-box input{width:100%;color:var(--text-main);background:0 0;border:none;outline:none;font-size:.88rem;font-weight:700}.province-list-scroll{flex-direction:column;gap:16px;max-height:52vh;padding-right:4px;display:flex;overflow-y:auto}.region-group-title{color:var(--primary);text-transform:uppercase;margin-bottom:8px;font-size:.8125rem;font-weight:900}.province-chips-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;display:grid}.province-select-chip{border-radius:var(--radius-md);background:var(--surface-alt);border:1px solid var(--line);cursor:pointer;text-align:left;flex-direction:column;align-items:flex-start;padding:8px 10px;transition:all .15s;display:flex}.province-select-chip.selected{background:var(--primary);color:#fff;border-color:var(--primary)}.province-select-chip.selected .chip-sub{color:#fffc}.chip-emoji{font-size:1.1rem}.chip-name{margin-top:2px;font-size:.82rem;font-weight:800}.chip-sub{color:var(--text-dim);font-size:.75rem}.story-card-modal-content{background:var(--card-bg);border-radius:var(--radius-2xl);width:100%;max-width:360px;box-shadow:var(--shadow-lg);border:1px solid var(--line);flex-direction:column;gap:14px;padding:18px;display:flex}.story-preview-wrapper{justify-content:center;display:flex}.story-card-canvas{border-radius:var(--radius-xl);color:#fff;background:linear-gradient(135deg,#1e1b4b 0%,#312e81 40%,#4c1d95 100%);flex-direction:column;justify-content:space-between;width:240px;height:426px;padding:22px 18px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0006}.story-card-canvas:before{content:"";background:radial-gradient(circle,#ec48994d 0%,#0000 70%);border-radius:50%;width:150px;height:150px;position:absolute;top:-50px;right:-50px}.story-card-header{justify-content:space-between;align-items:center;font-size:.75rem;font-weight:900;display:flex}.story-brand{color:#fcd34d}.story-region{border-radius:var(--radius-full);background:#ffffff26;padding:3px 8px}.story-card-quote{font-size:1.15rem;font-weight:900;line-height:1.45;font-family:var(--font-heading);text-shadow:0 2px 10px #0000004d;color:#fff}.story-card-original{opacity:.75;font-size:.8125rem;font-style:italic}.story-card-footer{border-top:1px solid #ffffff26;justify-content:space-between;align-items:center;padding-top:10px;display:flex}.story-app-tag{opacity:.8;font-size:.75rem;font-weight:700}.story-qr-mock{font-size:1.1rem}.story-download-btn{border-radius:var(--radius-lg);background:var(--primary);color:#fff;justify-content:center;align-items:center;gap:8px;width:100%;height:42px;font-size:.85rem;font-weight:800;display:flex}.waveform-studio-box{border-radius:var(--radius-lg);background:var(--surface-alt);border:1px solid var(--line);flex-direction:column;gap:8px;padding:12px;display:flex}.waveform-studio-head{justify-content:space-between;align-items:center;display:flex}.waveform-studio-title{color:var(--text-dim);text-transform:uppercase;align-items:center;gap:6px;font-size:.75rem;font-weight:800;display:flex}.speed-pills-group{gap:4px;display:flex}.speed-pill{border-radius:var(--radius-full);background:var(--card-bg);border:1px solid var(--line);color:var(--text-muted);cursor:pointer;padding:3px 8px;font-size:.75rem;font-weight:800;transition:all .15s}.speed-pill.active{background:var(--primary);color:#fff;border-color:var(--primary)}.translator-beat-bar{background:var(--surface-alt);border:1px solid var(--line);border-radius:14px;align-items:center;gap:8px;margin-top:8px;padding:8px 10px;display:flex;overflow:hidden}.beat-bar-lbl{color:var(--text-main);white-space:nowrap;font-size:.75rem;font-weight:850}.beat-chips-scroll{scrollbar-width:none;gap:6px;display:flex;overflow-x:auto}.beat-chips-scroll::-webkit-scrollbar{display:none}.beat-mini-chip{background:var(--card-bg);border:1px solid var(--line);color:var(--text-muted);white-space:nowrap;cursor:pointer;border-radius:8px;align-items:center;gap:4px;padding:3px 8px;font-size:.75rem;font-weight:750;transition:all .15s;display:inline-flex}.beat-mini-chip:hover{border-color:var(--primary);color:var(--primary)}.beat-mini-chip.active{background:var(--primary-gradient);color:#fff;box-shadow:0 2px 8px var(--primary-glow);border-color:#0000}.dictionary-studio{flex-direction:column;gap:16px;animation:.25s both fadeIn;display:flex}.search-card-bar{border-radius:var(--radius-full);background:var(--card-bg);border:1px solid var(--line);box-shadow:var(--shadow-sm);align-items:center;gap:10px;padding:10px 16px;display:flex}.search-card-bar input{background:0 0;border:none;outline:none;flex:1;font-size:.88rem}.filter-pills-row{scrollbar-width:none;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.filter-pills-row::-webkit-scrollbar{display:none}.filter-pill{border-radius:var(--radius-full);background:var(--surface-alt);color:var(--text-muted);flex:none;padding:6px 14px;font-size:.75rem;font-weight:700}.filter-pill.active{background:var(--primary);color:#fff}.words-grid{flex-direction:column;gap:10px;display:flex}.word-card-pro{border-radius:var(--radius-lg);background:var(--card-bg);border:1px solid var(--line);box-shadow:var(--shadow-sm);flex-direction:column;gap:8px;padding:16px 18px;display:flex}.word-local-name{color:var(--text-main);font-size:1.15rem;font-weight:900;font-family:var(--font-heading)}.word-origin-meaning{color:var(--primary);font-size:.88rem;font-weight:800}.word-example-text{color:var(--text-muted);border-radius:var(--radius-sm);background:var(--surface-alt);padding:8px 12px;font-size:.82rem;font-style:italic}.persona-chat-studio{flex-direction:column;gap:12px;height:100%;min-height:520px;animation:.25s both fadeIn;display:flex}.persona-selector-carousel{scrollbar-width:none;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.persona-selector-carousel::-webkit-scrollbar{display:none}.persona-badge-card{border-radius:var(--radius-full);background:var(--card-bg);border:1px solid var(--line);box-shadow:var(--shadow-sm);flex:none;align-items:center;gap:8px;padding:8px 14px;transition:all .2s;display:flex}.persona-badge-card:hover{border-color:var(--primary-light)}.persona-badge-card.active{background:var(--primary-subtle);border-color:var(--primary)}.persona-avatar{font-size:1.25rem}.persona-info-meta{text-align:left;flex-direction:column;display:flex}.persona-name{color:var(--text-main);font-size:.8125rem;font-weight:800;line-height:1.1}.persona-sub{color:var(--text-muted);font-size:.75rem;font-weight:600}.chat-controls-bar{justify-content:space-between;align-items:center;padding:2px 4px;display:flex}.badge-pill.primary{background:var(--primary-subtle);color:var(--primary)}.auto-voice-toggle{color:var(--text-muted);cursor:pointer;align-items:center;gap:6px;font-size:.75rem;font-weight:700;display:flex}.auto-voice-toggle input{accent-color:var(--primary)}.chat-messages-container{flex-direction:column;flex:1;gap:12px;padding:8px 2px;display:flex;overflow-y:auto}.chat-bubble-row{gap:8px;max-width:88%;display:flex}.chat-bubble-row.user{flex-direction:row-reverse;align-self:flex-end}.chat-bubble-row.bot{align-self:flex-start}.bubble-sender-avatar{background:var(--surface-alt);border-radius:50%;flex:none;place-items:center;width:34px;height:34px;margin-top:2px;font-size:1.15rem;display:grid}.bubble-content-card{border-radius:18px;flex-direction:column;gap:8px;padding:12px 14px;font-size:.88rem;line-height:1.45;display:flex}.chat-bubble-row.user .bubble-content-card{background:var(--primary);color:#fff;border-bottom-right-radius:4px}.chat-bubble-row.bot .bubble-content-card{background:var(--card-bg);border:1px solid var(--line);color:var(--text-main);box-shadow:var(--shadow-sm);border-bottom-left-radius:4px}.chat-edit-message{width:100%;color:var(--text-main);margin:0;padding:0;font-family:inherit;font-size:.88rem;font-weight:600;line-height:1.5;resize:none!important;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important}.bubble-actions{border-top:1px solid var(--line);align-items:center;gap:6px;padding-top:8px;display:flex}.bubble-actions button{border-radius:var(--radius-full);background:var(--surface-alt);color:var(--text-muted);align-items:center;gap:4px;padding:5px 10px;font-size:.75rem;font-weight:700;transition:all .2s;display:inline-flex}.bubble-actions button:hover{background:var(--primary-subtle);color:var(--primary)}.bubble-listen-btn{background:var(--primary-subtle)!important;color:var(--primary)!important}.bubble-listen-btn.active-reading{background:var(--primary)!important;color:#fff!important}.chat-bottom-input-bar{border-radius:var(--radius-full);background:var(--card-bg);border:1px solid var(--line);box-shadow:var(--shadow-sm);align-items:center;gap:8px;padding:6px 6px 6px 14px;display:flex}.chat-bottom-input-bar input{color:var(--text-main);background:0 0;border:none;outline:none;flex:1;font-size:.88rem}.send-message-btn{background:var(--primary);color:#fff;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;transition:all .2s;display:grid}.send-message-btn:hover{background:var(--primary-hover)}.send-message-btn:disabled{opacity:.4}.icebreaker-chips-bar{scrollbar-width:none;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.icebreaker-chips-bar::-webkit-scrollbar{display:none}.icebreaker-chip{border-radius:var(--radius-full);background:var(--surface-alt);color:var(--text-muted);border:1px solid var(--line);cursor:pointer;white-space:nowrap;flex:none;padding:6px 12px;font-size:.75rem;font-weight:700;transition:all .2s}.icebreaker-chip:hover{background:var(--primary-subtle);color:var(--primary);border-color:var(--primary)}.persona-badge-card.create-new{border-style:dashed;border-color:var(--primary);cursor:pointer}.create-persona-modal-content{background:var(--card-bg);border-radius:var(--radius-2xl);width:100%;max-width:420px;box-shadow:var(--shadow-lg);border:1px solid var(--line);flex-direction:column;gap:16px;padding:20px;display:flex}.create-persona-form{flex-direction:column;gap:12px;display:flex}.create-persona-form label{flex-direction:column;gap:4px;display:flex}.create-persona-form label span{color:var(--text-muted);font-size:.75rem;font-weight:800}.persona-form-select,.create-persona-form input{border-radius:var(--radius-md);border:1px solid var(--line);background:var(--surface-alt);color:var(--text-main);outline:none;padding:10px 12px;font-size:.86rem;font-weight:700}.persona-form-select:focus,.create-persona-form input:focus{border-color:var(--primary)}.create-persona-submit-btn{border-radius:var(--radius-lg);background:var(--primary);color:#fff;height:44px;box-shadow:var(--shadow-sm);cursor:pointer;justify-content:center;align-items:center;gap:8px;margin-top:8px;font-size:.88rem;font-weight:900;display:flex}.quiz-studio{flex-direction:column;gap:16px;animation:.25s both fadeIn;display:flex}.quiz-top-bar{justify-content:space-between;align-items:center;display:flex}.stat-pill{border-radius:var(--radius-full);background:var(--card-bg);border:1px solid var(--line);align-items:center;gap:5px;padding:6px 12px;font-size:.8125rem;font-weight:800;display:flex}.question-hero-card{border-radius:var(--radius-xl);background:var(--hero-gradient);color:#fff;text-align:center;box-shadow:var(--shadow-glow);flex-direction:column;align-items:center;gap:12px;padding:24px 20px;display:flex}.question-hero-card h3{font-size:1.45rem;font-weight:900}.audio-trigger-huge-btn{width:54px;height:54px;color:var(--primary);background:#fff;border-radius:50%;place-items:center;display:grid;box-shadow:0 4px 15px #0003}.quiz-options-list{flex-direction:column;gap:8px;display:flex}.quiz-option-card{border-radius:var(--radius-md);background:var(--card-bg);border:1.5px solid var(--line);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;padding:14px 16px;font-size:.9rem;font-weight:800;display:flex}.quiz-option-card:hover{border-color:var(--primary-light)}.quiz-option-card.correct{background:var(--emerald-subtle)!important;border-color:var(--emerald)!important;color:var(--emerald)!important}.quiz-option-card.wrong{background:var(--rose-subtle)!important;border-color:var(--rose)!important;color:var(--rose)!important}.quiz-progress{background:var(--card-bg);border:2px solid var(--vl-ink,#111014);border-radius:999px;align-items:center;height:30px;display:flex;position:relative;overflow:hidden}.quiz-progress-bar{background:var(--vl-lime,#c6f432);transition:width .3s;position:absolute;top:0;bottom:0;left:0;right:auto}.quiz-progress span{color:var(--vl-ink,#111014);padding:0 12px;font-size:.8125rem;font-weight:800;position:relative}.quiz-reveal-text{opacity:.95;margin:0;font-size:.9rem;font-style:italic}.quiz-challenge-banner{background:var(--vl-lime,#c6f432);color:#111014;border:2.5px solid #111014;border-radius:16px;align-items:center;gap:8px;padding:10px 14px;font-size:.85rem;display:flex;box-shadow:3px 3px #111014}.quiz-challenge-banner span{flex:1}.quiz-challenge-banner button{cursor:pointer;color:inherit;background:0 0;border:0;font-weight:900}.quiz-result-card{background:var(--card-bg);border:2.5px solid var(--vl-ink,#111014);box-shadow:5px 5px 0 var(--vl-ink,#111014);text-align:center;border-radius:24px;justify-items:center;gap:6px;padding:24px 18px;display:grid}.quiz-result-emoji{font-size:3rem;line-height:1}.quiz-result-score{letter-spacing:-.04em;margin:0;font-size:3.2rem;font-weight:900;line-height:1}.quiz-result-card h3{margin:0;font-size:1.3rem}.quiz-result-vs{margin:4px 0 0;font-weight:800}.quiz-result-best{opacity:.7;margin:0;font-size:.8125rem}.quiz-result-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:10px;display:flex}.quiz-cta{color:#111014;cursor:pointer;background:#c6f432;border:2.5px solid #111014;border-radius:999px;align-items:center;gap:8px;min-height:46px;padding:0 20px;font-weight:900;display:inline-flex;box-shadow:3px 3px #111014}.quiz-cta.ghost{color:var(--text-primary,inherit);box-shadow:none;background:0 0;border-color:currentColor}.quiz-result-card .viral-share{justify-items:center}@media (prefers-reduced-motion:reduce){.quiz-progress-bar{transition:none}}.stories-studio{flex-direction:column;gap:16px;animation:.25s both fadeIn;display:flex}.stories-header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.stories-header h2{color:var(--text-main);font-size:1.25rem;font-weight:900}.stories-header p{color:var(--text-muted);margin-top:2px;font-size:.8125rem}.stories-list-col{flex-direction:column;gap:14px;display:flex}.story-card-pro{border-radius:var(--radius-xl);background:var(--card-bg);border:1px solid var(--line);box-shadow:var(--shadow-sm);flex-direction:column;gap:10px;padding:18px;display:flex}.story-top-meta{justify-content:space-between;align-items:center;display:flex}.story-voice-tag{color:var(--text-dim);align-items:center;gap:4px;font-size:.75rem;font-weight:700;display:flex}.story-title{color:var(--text-main);font-size:1.05rem;font-weight:800;font-family:var(--font-heading)}.story-edit-label{color:var(--text-dim);letter-spacing:.06em;font-size:.75rem;font-weight:800}.story-excerpt.story-edit{border-radius:var(--radius-md);border:1px solid var(--line);background:var(--surface-alt);width:100%;color:var(--text-main);resize:none;outline:none;padding:10px 12px;font-family:inherit;font-size:.84rem;font-weight:600;line-height:1.5}.story-excerpt.story-edit:focus{border-color:var(--primary)}.story-bottom-bar{justify-content:space-between;align-items:center;padding-top:6px;display:flex}.listen-story-btn{border-radius:var(--radius-full);background:var(--primary);color:#fff;align-items:center;gap:6px;padding:8px 16px;font-size:.8125rem;font-weight:800;display:flex}.listen-story-btn.playing{background:var(--rose)}.story-share-actions{gap:6px;display:flex}.story-share-actions button{border-radius:var(--radius-full);background:var(--surface-alt);color:var(--text-muted);align-items:center;gap:4px;padding:6px 12px;font-size:.75rem;font-weight:700;display:flex}.funzone-studio{flex-direction:column;gap:18px;animation:.25s both fadeIn;display:flex}.funzone-header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.funzone-header h2{color:var(--text-main);font-size:1.25rem;font-weight:900}.funzone-header p{color:var(--text-muted);margin-top:2px;font-size:.8125rem}.badge-pill{border-radius:var(--radius-full);align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:800;display:inline-flex}.badge-pill.gold{background:var(--amber-subtle);color:var(--amber)}.fun-subtabs-row{border-radius:var(--radius-full);background:var(--surface-alt);gap:4px;padding:4px;display:flex}.fun-subtab-btn{border-radius:var(--radius-full);color:var(--text-muted);white-space:nowrap;flex:1;justify-content:center;align-items:center;padding:9px 8px;font-size:.8125rem;font-weight:800;transition:all .2s;display:flex}.fun-subtab-btn:hover{color:var(--text-main)}.fun-subtab-btn.active{background:var(--card-bg);color:var(--primary);box-shadow:var(--shadow-sm)}.roast-studio-card{border-radius:var(--radius-xl);background:var(--card-bg);border:1px solid var(--line);box-shadow:var(--shadow-sm);flex-direction:column;gap:16px;padding:20px;display:flex}.roast-mode-selector{grid-template-columns:1fr 1fr;gap:8px;display:grid}.roast-pill{border-radius:var(--radius-md);background:var(--surface-alt);color:var(--text-muted);border:1.5px solid #0000;justify-content:center;align-items:center;gap:6px;padding:10px 12px;font-size:.8125rem;font-weight:800;transition:all .2s;display:flex}.roast-pill.active.roast{background:var(--rose-subtle);color:var(--rose);border-color:#f43f5e4d}.roast-pill.active.rizz{background:var(--amber-subtle);color:var(--amber);border-color:#f59e0b4d}.roast-input-box textarea{border-radius:var(--radius-md);border:1px solid var(--line);background:var(--surface-alt);width:100%;min-height:96px;color:var(--text-main);resize:none;outline:none;padding:14px;font-family:inherit;font-size:.88rem;font-weight:600;line-height:1.45}.roast-input-box textarea:focus{border-color:var(--primary)}.roast-submit-btn{border-radius:var(--radius-md);color:#fff;background:linear-gradient(135deg,#f43f5e 0%,#e11d48 100%);justify-content:center;align-items:center;gap:8px;width:100%;height:46px;font-size:.88rem;font-weight:900;transition:all .2s;display:flex;box-shadow:0 4px 14px #f43f5e59}.roast-submit-btn.rizz-mode{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);box-shadow:0 4px 14px #f59e0b59}.roast-submit-btn:disabled{opacity:.5;box-shadow:none}.roast-result-banner{border-radius:var(--radius-lg);background:var(--surface-alt);flex-direction:column;gap:10px;padding:16px;display:flex}.fun-edit-label{color:var(--text-dim);letter-spacing:.06em;font-size:.75rem;font-weight:800}.roast-result-text.fun-edit-result{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--card-bg);width:100%;color:var(--text-main);resize:vertical;outline:none;padding:10px;font-size:1.05rem;font-weight:800;line-height:1.45}.play-voice-btn{border-radius:var(--radius-md);align-items:center;gap:6px;padding:8px 16px;font-size:.8125rem;font-weight:800;display:inline-flex}.fun-share-actions{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.fun-share-actions button{border-radius:var(--radius-sm);background:var(--card-bg);border:1px solid var(--line);height:36px;color:var(--text-muted);justify-content:center;align-items:center;gap:4px;font-size:.75rem;font-weight:700;display:flex}.fortune-studio-card{border-radius:var(--radius-xl);color:#fff;text-align:center;box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#1e1b4b 0%,#311042 50%,#1e1b4b 100%);flex-direction:column;align-items:center;gap:16px;padding:24px 20px;display:flex}.fortune-crystal-ball{cursor:pointer;background:radial-gradient(circle at 35% 35%,#e9d5ff 0%,#a855f7 50%,#581c87 100%);border-radius:50%;place-items:center;width:80px;height:80px;font-size:2.5rem;transition:transform .2s;display:grid;box-shadow:0 0 30px #a855f799}.fortune-crystal-ball:hover{transform:scale(1.1)}.draw-fortune-btn{border-radius:var(--radius-full);color:#3b0764;background:#fff;padding:10px 22px;font-size:.85rem;font-weight:900;box-shadow:0 4px 14px #0003}.fortune-display-card{border-radius:var(--radius-lg);text-align:left;background:#ffffff14;border:1px solid #ffffff26;flex-direction:column;gap:10px;width:100%;padding:18px;display:flex}.soundboard-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.meme-button-card{border-radius:var(--radius-lg);background:var(--card-bg);border:1px solid var(--line);box-shadow:var(--shadow-sm);text-align:center;cursor:pointer;flex-direction:column;align-items:center;gap:6px;padding:16px 12px;transition:all .2s;display:flex}.meme-button-card:hover{border-color:var(--primary-light);transform:translateY(-2px)}.meme-emoji{font-size:1.8rem}.meme-text-title{color:var(--text-main);font-size:.86rem;font-weight:800}.meme-region-sub{color:var(--text-dim);font-size:.75rem;font-weight:700}.meme-button-card.playing{background:var(--primary-subtle);border-color:var(--primary)}.fun-province-select{border-radius:var(--radius-full);border:1px solid var(--line);background:var(--card-bg);color:var(--text-main);cursor:pointer;outline:none;padding:6px 12px;font-size:.82rem;font-weight:800}.battle-meter-card{border-radius:var(--radius-lg);background:var(--surface-alt);border:1px solid var(--line);flex-direction:column;gap:10px;padding:16px;display:flex}.battle-meter-header{justify-content:space-between;align-items:center;display:flex}.meter-label-group{align-items:center;gap:8px;display:flex}.meter-badge{color:var(--rose);letter-spacing:.05em;font-size:.75rem;font-weight:900}.meter-value{color:var(--text-main);font-size:1.15rem;font-weight:900}.meter-meme-reaction{font-size:1.6rem}.battle-progress-track{border-radius:var(--radius-full);background:var(--line);width:100%;height:10px;overflow:hidden}.battle-progress-fill{border-radius:var(--radius-full);height:100%;transition:width .6s cubic-bezier(.34,1.56,.64,1)}.battle-progress-fill.roast-fill{background:linear-gradient(90deg,#f59e0b,#ef4444,#b91c1c)}.battle-progress-fill.rizz-fill{background:linear-gradient(90deg,#ec4899,#f43f5e,#a855f7)}.battle-comment-box{color:var(--text-muted);font-size:.82rem;line-height:1.4}.fortune-backdrop{z-index:1000;-webkit-backdrop-filter:blur(18px);background:#020617d9;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.fortune-modal-body{background:var(--card-bg);border:1px solid var(--card-border);text-align:center;border-radius:28px;flex-direction:column;align-items:center;width:100%;max-width:420px;padding:24px 20px 20px;display:flex;position:relative;box-shadow:0 25px 60px -15px #000000b3}.fortune-close-btn{background:var(--surface-alt);border:1px solid var(--line);width:32px;height:32px;color:var(--text-muted);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:transform .2s,background .2s;display:flex;position:absolute;top:16px;right:16px}.fortune-close-btn:hover{background:var(--primary-subtle);color:var(--primary);transform:scale(1.1)}.fortune-badge{background:var(--gold-gradient);color:#1e1b4b;letter-spacing:.05em;text-transform:uppercase;border-radius:999px;align-items:center;gap:6px;margin-bottom:8px;padding:4px 12px;font-size:.75rem;font-weight:850;display:inline-flex}.fortune-header h3{color:var(--text-main);letter-spacing:-.02em;margin-bottom:18px;font-size:1.15rem;font-weight:850}.fortune-card-wrapper{perspective:1200px;cursor:pointer;width:100%;height:400px;margin-bottom:16px;position:relative}.fortune-card-face{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:22px;flex-direction:column;transition:transform .65s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden;box-shadow:0 16px 40px #00000073}.fortune-card-back{background:linear-gradient(145deg,#1e1b4b,#311042,#0f172a);border:2px solid #f59e0b80;justify-content:center;align-items:center;padding:24px}.card-sacred-pattern{flex-direction:column;align-items:center;gap:12px;display:flex}.sacred-circle{background:radial-gradient(circle,#f59e0b4d,#0000 70%);border:1.5px dashed #f59e0bcc;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;animation:20s linear infinite spinSlow;display:flex}.sacred-icon{font-size:2rem}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.card-sacred-pattern h4{color:#fef08a;letter-spacing:.05em;font-size:1.25rem;font-weight:900}.card-sacred-pattern p{color:#cbd5e1;max-width:240px;font-size:.82rem;line-height:1.4}.glow-pill{color:#fef08a;background:#f59e0b33;border:1px solid #f59e0b80;border-radius:999px;margin-top:8px;padding:6px 14px;font-size:.8125rem;font-weight:700;animation:2s ease-in-out infinite pulseGlow;display:inline-block}@keyframes pulseGlow{0%,to{transform:scale(1);box-shadow:0 0 10px #f59e0b33}50%{transform:scale(1.04);box-shadow:0 0 22px #f59e0b99}}.fortune-card-front{color:#fff;text-align:left;border:1px solid #ffffff40;justify-content:space-between;padding:20px;transform:rotateY(180deg)}.fortune-card-wrapper.flipped .fortune-card-back{transform:rotateY(-180deg)}.fortune-card-wrapper.flipped .fortune-card-front{transform:rotateY(0)}.foil-shimmer{pointer-events:none;background:linear-gradient(115deg,#0000 35%,#ffffff38 50%,#0000 65%);position:absolute;top:0;bottom:0;left:0;right:0}.card-top-row{justify-content:space-between;align-items:center;display:flex}.fortune-tag-pill{text-transform:uppercase;background:#00000059;border:1px solid #ffffff4d;border-radius:999px;padding:4px 10px;font-size:.75rem;font-weight:850}.province-code-pill{color:#ffffffd9;font-size:.75rem;font-weight:800}.card-fortune-title{letter-spacing:-.02em;color:#fff;margin:8px 0;font-size:1.25rem;font-weight:900}.fortune-quote-box{background:#00000059;border:1px solid #ffffff26;border-radius:14px;margin-bottom:10px;padding:12px}.quote-label{color:#fef08a;letter-spacing:.08em;margin-bottom:4px;font-size:.75rem;font-weight:850;display:block}.dialect-verse{color:#fff;margin-bottom:8px;font-size:.95rem;font-weight:750;line-height:1.4}.fortune-speak-btn{color:#fff;cursor:pointer;background:#fff3;border:1px solid #fff6;border-radius:10px;align-items:center;gap:6px;padding:6px 12px;font-size:.8125rem;font-weight:750;transition:all .2s;display:inline-flex}.fortune-speak-btn:hover,.fortune-speak-btn.speaking{color:#0f172a;background:#fff}.fortune-details-grid{background:#00000040;border-radius:12px;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px;padding:10px;display:grid}.fortune-detail-item small{color:#ffffffb3;margin-bottom:2px;font-size:.75rem;display:block}.fortune-detail-item strong{font-size:.8125rem;font-weight:750;line-height:1.3;display:block}.card-action-bar{gap:8px;display:flex}.card-btn-action{color:#fff;cursor:pointer;background:#ffffff40;border:1px solid #fff6;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-size:.8125rem;font-weight:750;transition:all .2s;display:flex}.card-btn-action:hover{background:#fff6;transform:translateY(-2px)}.card-btn-action.shuffle{background:#0006;border-color:#ffffff40}.fortune-footer-tip{color:var(--text-dim);font-size:.75rem}.fortune-viral{margin-top:14px}.fortune-viral .viral-share-msg{color:#fff}.card-btn-action:disabled{opacity:.55;cursor:default}.fortune-footer-tip span{align-items:center;gap:6px;display:inline-flex}.soundboard-backdrop{z-index:1000;-webkit-backdrop-filter:blur(20px);background:#020617d9;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.soundboard-modal-body{background:var(--card-bg);border:1px solid var(--card-border);border-radius:28px;flex-direction:column;width:100%;max-width:480px;max-height:90vh;padding:22px 18px 16px;display:flex;position:relative;overflow-y:auto;box-shadow:0 25px 60px -15px #000000b3}.soundboard-close-btn{background:var(--surface-alt);border:1px solid var(--line);width:32px;height:32px;color:var(--text-muted);cursor:pointer;z-index:10;border-radius:50%;justify-content:center;align-items:center;transition:transform .2s;display:flex;position:absolute;top:16px;right:16px}.soundboard-close-btn:hover{background:var(--primary-subtle);color:var(--primary);transform:scale(1.1)}.soundboard-header{text-align:center;margin-bottom:14px}.soundboard-pill{color:#b45309;text-transform:uppercase;background:#f59e0b26;border:1px solid #f59e0b66;border-radius:999px;align-items:center;gap:6px;margin-bottom:6px;padding:4px 12px;font-size:.75rem;font-weight:850;display:inline-flex}.soundboard-header h3{color:var(--text-main);margin-bottom:4px;font-size:1.15rem;font-weight:850}.soundboard-header p{color:var(--text-muted);font-size:.8125rem}.beat-selector-bar{background:var(--surface-alt);border:1px solid var(--line);border-radius:16px;margin-bottom:14px;padding:8px 10px}.beat-bar-title{color:var(--text-main);align-items:center;gap:6px;margin-bottom:6px;font-size:.75rem;font-weight:800;display:flex}.spinning{color:var(--primary);animation:3s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.beat-pills-row{scrollbar-width:none;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.beat-pills-row::-webkit-scrollbar{display:none}.beat-chip{background:var(--card-bg);border:1px solid var(--line);color:var(--text-muted);white-space:nowrap;cursor:pointer;border-radius:10px;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:750;transition:all .2s;display:inline-flex}.beat-chip:hover{border-color:var(--primary);color:var(--primary)}.beat-chip.active{background:var(--primary-gradient);color:#fff;box-shadow:0 4px 12px var(--primary-glow);border-color:#0000}.soundboard-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:14px;display:grid}.meme-pad-card{color:#fff;cursor:pointer;border:1px solid #fff3;border-radius:16px;flex-direction:column;justify-content:space-between;min-height:105px;padding:12px;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;display:flex;position:relative;box-shadow:0 8px 20px #0003}.meme-pad-card:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 12px 28px #00000059}.meme-pad-card.playing{border-color:#fff;animation:1s ease-in-out infinite alternate pulsePad}@keyframes pulsePad{0%{transform:scale(1);box-shadow:0 0 12px #fff6}to{transform:scale(1.04);box-shadow:0 0 24px #fffc}}.pad-top-meta{color:#ffffffe6;justify-content:space-between;align-items:center;font-size:.75rem;font-weight:800;display:flex}.pad-region{background:#00000040;border-radius:6px;padding:2px 6px}.pad-emoji{font-size:1rem}.pad-phrase-text{text-shadow:0 1px 3px #0006;margin:6px 0;font-size:.84rem;font-weight:800;line-height:1.3}.pad-bottom-actions{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.pad-play-indicator{background:#00000040;border-radius:6px;align-items:center;gap:4px;padding:2px 6px;font-size:.75rem;font-weight:750;display:flex}.pad-icon-actions{gap:4px;display:flex}.pad-mini-btn{color:#fff;cursor:pointer;background:#00000059;border:1px solid #ffffff4d;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;transition:all .15s;display:flex}.pad-mini-btn:hover{color:#0f172a;background:#fff}.soundboard-footer-hint{text-align:center;color:var(--text-dim);font-size:.75rem}.viral-share{gap:8px;margin-top:12px;display:grid}.viral-share-label{font:800 12px/1 var(--font-heading);letter-spacing:.08em;text-transform:uppercase;color:var(--vl-muted,#6e7771)}.viral-share-row{flex-wrap:wrap;gap:8px;display:flex}.viral-btn{border:2.5px solid var(--vl-ink,#111014);background:var(--vl-surface,#fffdf5);min-height:40px;color:var(--vl-ink,#111014);font:800 13px/1 var(--font-heading);cursor:pointer;box-shadow:3px 3px 0 var(--vl-ink,#111014);border-radius:999px;align-items:center;gap:6px;padding:0 14px;transition:transform .12s,box-shadow .12s;display:inline-flex}.viral-btn:hover:not(:disabled){box-shadow:4px 4px 0 var(--vl-ink,#111014);transform:translate(-1px,-1px)}.viral-btn:active:not(:disabled){box-shadow:1px 1px 0 var(--vl-ink,#111014);transform:translate(2px,2px)}.viral-btn:disabled{opacity:.6;cursor:progress}.viral-btn:focus-visible{outline:3px solid var(--vl-lime,#c6f432);outline-offset:2px}.viral-btn-primary{background:var(--vl-lime,#c6f432)}.viral-share.is-compact .viral-btn{min-height:34px;padding:0 11px;font-size:12px}.viral-share-msg{font:700 12px/1.3 var(--font-body);color:var(--vl-ink,#111014);align-items:center;gap:6px;margin:0;display:flex}[data-theme=dark] .viral-btn{--vl-ink:#f5f3ea;color:#f5f3ea;background:#1c1b22}[data-theme=dark] .viral-btn-primary{color:#111014;background:#c6f432}[data-theme=dark] .viral-share-msg{color:#f5f3ea}@keyframes vl-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.viral-btn,.spin{transition:none;animation:none}}.app-container{background:var(--app-bg);flex-direction:column;width:100%;max-width:440px;height:100vh;max-height:920px;transition:background .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 35px 85px -15px #00000080,inset 0 0 0 1px #ffffff1f}@media (min-width:640px){.app-container{border:1.5px solid var(--card-border);border-radius:40px;height:calc(100vh - 48px)}}.ambient-glow-mesh{display:none}.ios-statusbar{display:none!important}.app-topbar{z-index:30;background:color-mix(in srgb, var(--app-bg) 85%, transparent);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--line);flex:0 0 64px;justify-content:space-between;align-items:center;padding:0 20px;display:flex;position:relative}.brand-badge{color:var(--text-main);text-align:left;align-items:center;gap:12px;display:flex}.brand-icon{background:var(--primary-gradient);border:1px solid #ffffff4d;border-radius:14px;place-items:center;width:38px;height:38px;transition:transform .25s cubic-bezier(.34,1.56,.64,1);display:grid;overflow:hidden;box-shadow:0 4px 18px #6366f166}.brand-badge:hover .brand-icon{transform:rotate(-10deg)scale(1.1)}.brand-icon img{object-fit:contain;width:24px;height:24px}.brand-title strong{letter-spacing:-.04em;color:var(--text-main);font-size:1.12rem;font-weight:950;line-height:1.1;display:block}.brand-title small{color:var(--primary);letter-spacing:.1em;text-transform:uppercase;font-size:.75rem;font-weight:850;display:block}.topbar-actions{align-items:center;gap:8px;display:flex}.topbar-btn{background:var(--surface-alt);width:38px;height:38px;color:var(--text-muted);border:1px solid var(--line);border-radius:13px;place-items:center;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:grid}.topbar-btn:hover,.topbar-btn.active{background:var(--primary-subtle);color:var(--primary);border-color:var(--primary-light);transform:scale(1.08)}.screen-scroll{z-index:1;min-height:0;padding:18px 18px max(28px, env(safe-area-inset-bottom));scrollbar-width:none;flex:auto;position:relative;overflow-y:auto}.screen-scroll::-webkit-scrollbar{display:none}.floating-bottom-nav{z-index:40;margin:0 16px max(14px, env(safe-area-inset-bottom));background:color-mix(in srgb, var(--card-bg) 88%, transparent);-webkit-backdrop-filter:blur(28px);border:1.5px solid var(--card-border);border-radius:28px;flex:0 0 68px;justify-content:space-around;align-items:center;padding:4px 10px;display:flex;position:relative;box-shadow:0 20px 45px -10px #0003,inset 0 0 0 1px #ffffff26}@media (max-width:380px){.app-topbar{padding-inline-start:14px;padding-inline-end:14px}.screen-scroll{padding-inline-start:12px;padding-inline-end:12px}.floating-bottom-nav{margin-inline-start:8px;margin-inline-end:8px;padding-inline-start:4px;padding-inline-end:4px}.nav-tab-btn{padding-inline-start:7px;padding-inline-end:7px}.nav-tab-btn span{font-size:.75rem}.brand-title strong{font-size:1rem}.brand-title small{font-size:.75rem}}[data-theme=dark] .floating-bottom-nav{background:#0c1222e0;box-shadow:0 25px 55px -10px #000000bf,inset 0 0 0 1px #ffffff14}.nav-tab-btn{color:var(--text-dim);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:6px 12px;transition:all .22s cubic-bezier(.34,1.56,.64,1);display:flex}.nav-tab-btn span{letter-spacing:-.01em;color:var(--text-dim);font-size:.75rem;font-weight:800;transition:color .2s}.nav-tab-btn:hover{color:var(--text-main);transform:translateY(-2px)}.nav-tab-btn.active{color:var(--primary)}.nav-tab-btn.active .nav-icon-wrapper{color:var(--primary);transform:scale(1.12)}.center-orb{background:var(--primary-gradient);color:#fff;border-radius:15px;place-items:center;width:42px;height:42px;transition:transform .25s cubic-bezier(.34,1.56,.64,1);display:grid;position:relative;box-shadow:0 4px 18px #6366f180}.nav-tab-btn.primary-center:hover .center-orb{transform:scale(1.14)translateY(-2px);box-shadow:0 8px 25px #6366f1b3}.nav-tab-btn.primary-center.active .center-orb{transform:scale(1.12)translateY(-2px);box-shadow:0 8px 28px #6366f1bf}.guide-spark{color:var(--lime);animation:2s infinite pulseGlowRing;position:absolute;top:3px;right:3px}.brand-title strong,.trend-rank,.reel-location strong{font-family:var(--font-heading)}.composer-box textarea{font-family:var(--font-body)}.dialect-dropdown{min-width:0}.dialect-select{text-overflow:ellipsis;width:100%;min-width:0;max-width:100%}.region-picker{flex-direction:column;gap:7px;display:flex}.region-picker>span{color:var(--text-muted);font-size:.75rem;font-weight:800}.region-picker select{border:1px solid var(--border-subtle);background:var(--app-bg);width:100%;min-height:42px;color:var(--text-main);border-radius:13px;outline:none;padding:0 12px;font-size:.8125rem;font-weight:700}.region-picker select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-subtle)}:root{--primary:#6957ff;--primary-hover:#5745ed;--primary-light:#8d80ff;--primary-subtle:#efedff;--primary-glow:#6957ff40;--primary-gradient:linear-gradient(135deg, #6957ff 0%, #8e59ee 50%, #f43f5e 100%);--hero-gradient:linear-gradient(135deg, #211b45 0%, #382a7c 58%, #6957ff 100%);--gold-gradient:linear-gradient(135deg, #fcd34d 0%, #f59e0b 50%, #d97706 100%);--luxury-border:linear-gradient(135deg, #fcd34d66, #8b5cf64d, #f43f5e66);--amber:#f59e0b;--amber-subtle:#fef3c7;--emerald:#10b981;--emerald-subtle:#d1fae5;--lime:#d7ff43;--lime-subtle:#f4ffd0;--rose:#ff5f7f;--rose-subtle:#fff0f3;--cyan:#25b8d3;--cyan-subtle:#e9faff;--accent-coral:var(--rose);--accent-emerald:var(--emerald);--accent-gold:var(--amber);--app-bg:#f8f9fd;--card-bg:#fff;--card-border:#dedee7;--surface-alt:#f1f2f8;--line:#dedee6;--line-subtle:#e8e8ee;--border-subtle:var(--line-subtle);--text-main:#0f172a;--text-muted:#475569;--text-dim:#64748b;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:22px;--radius-2xl:26px;--shadow-sm:0 2px 8px #1916300d;--shadow-md:0 10px 28px #19163014;--shadow-lg:0 18px 42px #1916301f;--shadow-glow:0 0 25px #6957ff38}[data-theme=dark]{--app-bg:#09090e;--card-bg:#13131c;--card-border:#232332;--surface-alt:#1b1b26;--line:#272738;--line-subtle:#1f1f2e;--text-main:#f8fafc;--text-muted:#cbd5e1;--text-dim:#94a3b8;--primary:#9488ff;--primary-hover:#a89eff;--primary-subtle:#24203e;--hero-gradient:linear-gradient(135deg, #131024 0%, #221a4f 58%, #4736b2 100%);--shadow-glow:0 0 30px #9488ff40}html{font-size:16px}body{background-color:#1c1938;background-image:radial-gradient(circle at 12% 12%,#6957ff3d,#0000 34%),radial-gradient(circle at 88% 82%,#ff5f7f1a,#0000 32%),linear-gradient(145deg,#131225 0%,#28234e 100%)}button,input,textarea,select,option{font-family:var(--font-body)}button:focus-visible{outline-offset:2px;outline:3px solid #6957ff3d}input:focus-visible{outline-offset:2px;outline:3px solid #6957ff3d}textarea:focus-visible{outline-offset:2px;outline:3px solid #6957ff3d}select:focus-visible{outline-offset:2px;outline:3px solid #6957ff3d}button:not(:disabled):active{transform:scale(.975)}.fade-in{animation:.22s both uiFadeIn}.spin{animation:.8s linear infinite uiSpin}@keyframes uiFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes uiSpin{to{transform:rotate(360deg)}}.studio-title-group,.funzone-header>div,.dict-header>div,.stories-header>div,.section-heading-row>div,.personal-copy,.voice-card-left,.voice-details-col,.word-term-group,.tile-label-group{min-width:0}.studio-title-group h2,.funzone-header h2,.dict-header h2,.stories-header h2,.section-heading-row h2,.personal-copy strong,.personal-copy p,.voice-name-title,.voice-desc-subtitle,.word-local-name,.word-origin-meaning,.story-title,.tile-label-group span{overflow-wrap:break-word}textarea,input,select{max-width:100%}.app-container{background:var(--app-bg);border:1px solid #ffffff38;border-radius:30px;width:min(100%,430px);max-width:430px;height:min(932px,100dvh - 32px);max-height:932px;box-shadow:0 32px 80px #05041657}.ios-statusbar{z-index:40;color:var(--text-main);flex:0 0 28px;grid-template-columns:1fr 96px 1fr;align-items:center;padding:6px 22px 0;font-size:.75rem;font-weight:750;line-height:1;position:relative;display:grid!important}.dynamic-island{background:#08080b;border-radius:999px;justify-self:center;width:84px;height:21px}.ios-signals{justify-content:flex-end;align-items:center;gap:5px;display:flex}.ios-signals b{letter-spacing:-1px;font-size:.75rem}.battery-shape{border:1px solid;border-radius:2px;width:17px;height:8px;position:relative}.battery-shape:before{content:"";background:currentColor;border-radius:1px;position:absolute;top:1px;bottom:1px;left:1px;right:1px}.battery-shape:after{content:"";background:currentColor;border-radius:0 2px 2px 0;width:2px;height:4px;position:absolute;top:2px;right:-3px}.app-topbar{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--app-bg) 94%, transparent);flex-basis:66px;min-height:66px;padding:0 18px}.brand-badge{gap:10px;min-width:0}.brand-icon{width:38px;height:38px;box-shadow:none;border-radius:11px}.brand-icon img{width:100%;height:100%}.brand-title{min-width:0}.brand-title strong{letter-spacing:-.025em;font-size:.92rem;font-weight:800}.brand-title small{letter-spacing:.045em;margin-top:3px;font-size:.75rem;font-weight:750}.topbar-actions{gap:6px}.topbar-btn{background:var(--card-bg);border-radius:11px;width:38px;height:38px}.screen-scroll{padding:18px 18px 28px;scroll-padding-top:18px}.discovery-page,.translator-studio,.funzone-studio,.quiz-studio,.dictionary-studio,.stories-studio,.profile-studio,.persona-chat-studio{gap:20px}.home-clean{min-width:0}.floating-bottom-nav{background:#18181f;border:0;border-radius:16px;flex-basis:70px;min-height:70px;margin:0 14px 12px;padding:6px;box-shadow:0 12px 28px #0c0b1938}.nav-tab-btn{color:#888994;border-radius:14px;flex:1 1 0;gap:4px;min-width:0;min-height:54px;padding:5px 2px}.nav-icon-wrapper,.center-orb{width:28px;height:28px;color:inherit;box-shadow:none;background:0 0;border-radius:9px;place-items:center;display:grid}.nav-tab-btn span{color:#b8b8c1;font-size:.75rem;font-weight:700}.nav-tab-btn.active{color:var(--lime);background:#ffffff12}.nav-tab-btn.active span{color:#fff;font-weight:800}.nav-tab-btn.active .nav-icon-wrapper,.nav-tab-btn.primary-center.active .center-orb{color:var(--lime);box-shadow:none;transform:none}.nav-tab-btn.primary-center .center-orb{background:0 0}.local-guide-mark{position:relative}.guide-spark{color:var(--lime);animation:none;top:0;right:0}.studio-header,.funzone-header,.dict-header,.stories-header,.quiz-top-bar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:16px;display:flex}.studio-title-group h2,.funzone-header h2,.dict-header h2,.stories-header h2,.quiz-top-bar h2{letter-spacing:-.035em;font-size:1.42rem;font-weight:800;line-height:1.12}.studio-title-group p,.funzone-header p,.dict-header p,.stories-header p,.quiz-top-bar p{color:var(--text-muted);margin-top:6px;font-size:.8125rem;line-height:1.5}.badge-pill{border-radius:8px;min-height:28px;padding:5px 9px;font-size:.75rem}.trend-hero.clean-hero{background:var(--hero-gradient);min-height:268px;box-shadow:var(--shadow-md);border:0;border-radius:22px;padding:22px 116px 22px 20px}.clean-hero:before,.clean-hero:after{opacity:.55}.hero-copy{z-index:2;position:relative}.hero-noise,.hero-glow{display:none}.hero-voice-art{align-items:flex-end;gap:7px;width:92px;top:24px;right:16px}.voice-chip{white-space:nowrap;border-radius:8px;max-width:92px;padding:5px 9px;font-size:.75rem;line-height:1.15;animation:none}.voice-chip.chip-one{transform:rotate(3deg)}.voice-wave{margin-right:8px}.clean-hero h1{letter-spacing:-.045em;margin-top:16px;font-size:1.78rem;font-weight:800;line-height:1.08}.clean-hero p{max-width:245px;margin-top:10px;font-size:.8125rem;line-height:1.5}.live-pill{border-radius:7px;min-height:24px;padding:4px 9px;font-size:.75rem}.hero-actions{gap:8px;margin-top:20px}.hero-actions button{border-radius:11px;min-height:42px;padding:0 13px;font-size:.75rem}.hero-primary{background:var(--lime);color:#17171d;box-shadow:none}.section-heading-row{align-items:flex-end;gap:10px;margin-bottom:12px}.section-heading-row h2{letter-spacing:-.025em;font-size:1.18rem;font-weight:800;line-height:1.2}.eyebrow{letter-spacing:.075em;margin-bottom:5px;font-size:.75rem;font-weight:800}.for-you-section,.speak-local-section,.quick-tools{min-width:0;scroll-margin-top:18px}.creator-section,.local-compare-card,.preference-panel,.tip-history-panel,.dialect-switcher-bar,.input-studio-card,.result-studio-card,.roast-studio-card,.question-hero-card,.word-card-pro,.story-card-pro,.profile-header-card,.stat-metric-card,.voice-catalog-card,.settings-tiles-list{border:1px solid var(--card-border);background:var(--card-bg);color:var(--text-main);box-shadow:var(--shadow-sm);border-radius:14px}.creator-section{padding:17px}.surprise-btn,.personalize-btn,.tip-history-toggle,.preference-done{border-radius:9px;min-height:34px;padding:7px 10px;font-size:.75rem}.creator-moods,.preference-chips,.tip-levels,.tip-situations,.quick-chips-wrapper,.filter-pills-row{gap:7px}.creator-moods button,.preference-chips button,.tip-levels button,.tip-situations button,.filter-pill,.sample-chip{border-radius:9px;min-height:34px;padding:7px 11px;font-size:.75rem;line-height:1.2}.creator-moods button.active,.preference-chips button.active,.tip-levels button.active,.filter-pill.active{border-color:var(--primary);background:var(--primary);color:#fff}.composer-box{border-radius:12px;gap:8px;margin-top:11px;padding:10px}.composer-box textarea{min-height:58px;font-size:.8125rem;line-height:1.5}.composer-box>button{border-radius:10px;flex-basis:40px;width:40px;height:40px}.personal-feed{gap:9px}.personal-card{border-radius:14px;gap:10px;min-height:78px;padding:11px}.personal-emoji{border-radius:10px;flex-basis:40px;width:40px;height:40px}.personal-copy strong{font-size:.8125rem}.personal-copy em{font-size:.75rem}.personal-copy p{margin-top:4px;font-size:.75rem;line-height:1.35}.personal-go{border-radius:9px;flex-basis:30px;width:30px;height:30px}.request-content-btn{border-radius:11px;min-height:42px;margin-top:10px;font-size:.75rem}.quick-tools-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.quick-tools-grid button{border:1px solid var(--card-border);background:var(--card-bg);min-width:0;min-height:72px;box-shadow:var(--shadow-sm);border-radius:14px;gap:10px;padding:12px}.quick-tools-grid svg{border-radius:10px;flex:0 0 36px;width:36px;height:36px;padding:8px}.quick-tools-grid span{min-width:0}.quick-tools-grid strong{overflow-wrap:break-word;font-size:.8125rem;line-height:1.3;display:block}.quick-tools-grid small{color:var(--text-muted);margin-top:3px;font-size:.75rem;line-height:1.4;display:block}.dialect-switcher-bar{gap:8px;padding:13px}.dialect-dropdown label,.editable-result-label,.story-edit-label,.fun-edit-label{font-size:.75rem;line-height:1.3}.dialect-select,.region-picker select,.local-lab-controls select,.voice-gender-select,.roast-studio-card select{min-height:42px;font-size:.8125rem}.swap-btn{border-radius:11px;flex-basis:40px;width:40px;height:40px}.input-studio-card{min-height:185px;padding:14px}.input-studio-card textarea{min-height:110px;font-size:.86rem;line-height:1.55}.input-bottom-tools{gap:8px}.translate-action-btn{border-radius:11px;min-height:42px;padding:0 14px;font-size:.8125rem}.quick-chips-wrapper{padding-bottom:4px}.result-studio-card{padding:16px}.result-card-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.tool-round-btn{background:var(--surface-alt);width:38px;height:38px;color:var(--text-muted);border-radius:10px;flex:0 0 38px;place-items:center;display:grid}.tool-round-btn.recording{background:var(--rose-subtle);color:var(--rose);box-shadow:0 0 0 3px #ff5f7f1f}.editable-result{resize:vertical;width:100%}.result-main-text{min-height:76px;font-size:1rem;line-height:1.55}.vieneu-player-bar{border-radius:13px;gap:12px;padding:12px}.voice-info-group{align-items:center;gap:9px;min-width:0;display:flex}.voice-avatar-icon{border-radius:10px;flex:0 0 38px;place-items:center;width:38px;height:38px;display:grid}.voice-meta-name{color:var(--text-main);font-size:.75rem;font-weight:800}.voice-meta-badge{color:var(--text-muted);align-items:center;gap:4px;margin-top:2px;font-size:.75rem;line-height:1.35;display:flex}.voice-meta-badge span{color:var(--emerald)}.voice-controls{gap:8px}.play-voice-btn{border-radius:10px;min-height:40px}.play-voice-btn.speaking,.listen-story-btn.playing,.voice-audition-btn.auditioning{background:var(--emerald);color:#fff}.social-action-bar,.story-share-row,.fun-share-actions{gap:7px}.social-action-bar button,.story-share-row button,.fun-share-actions button{white-space:normal;border-radius:10px;min-width:0;min-height:38px;padding:7px 9px;font-size:.75rem;line-height:1.3}.action-notice{color:var(--emerald);align-items:center;gap:5px;font-size:.75rem;font-weight:750;display:inline-flex}.cultural-insight-box{gap:8px;display:flex}.context-tags-group{flex-wrap:wrap;gap:6px;display:flex}.context-tag{background:var(--primary-subtle);color:var(--primary);border-radius:7px;padding:5px 8px;font-size:.75rem;font-weight:750}.translation-error{background:var(--rose-subtle);color:var(--rose);border:1px solid #ff5f7f40;border-radius:10px;padding:10px 12px;font-size:.75rem;line-height:1.45}.local-compare-card{padding:16px}.pro-value-strip{scrollbar-width:none;gap:6px;margin:-2px 0 14px;padding-bottom:3px;overflow-x:auto}.pro-value-strip span{border-radius:7px;flex:none;min-height:28px;padding:5px 7px;font-size:.75rem}.local-lab-controls{gap:10px;margin-bottom:12px}.tip-levels{scrollbar-width:none;align-items:center;margin-bottom:11px;padding-bottom:3px;overflow-x:auto}.tip-levels>span{flex:none}.tip-custom-input{gap:8px;margin-bottom:10px}.tip-custom-input input,.tip-custom-input button{border-radius:10px;min-height:42px;font-size:.75rem}.compare-row{border-radius:14px;grid-template-columns:38px minmax(0,1fr);gap:10px;padding:14px 0}.compare-symbol{width:38px;height:38px}.compare-row textarea{min-height:54px;font-size:.88rem;line-height:1.48}.compare-local textarea{font-size:1rem}.dialect-proof{border-radius:10px;flex-wrap:wrap;gap:6px;padding:9px}.dialect-proof>span,.dialect-proof b,.dialect-proof em{font-size:.75rem;line-height:1.35}.local-tip-actions,.pro-output-actions{gap:8px}.pro-output-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.pro-output-actions button:last-child{grid-column:1/-1}.local-tip-actions button,.pro-output-actions button{white-space:normal;border-radius:10px;min-width:0;min-height:40px;font-size:.75rem;line-height:1.3}.local-compare-top{gap:8px;min-width:0}.local-compare-top span{overflow-wrap:break-word;min-width:0}.tip-feedback{border-top:1px solid var(--line);align-items:center;gap:7px;padding-top:10px;display:flex}.tip-feedback>span{color:var(--text-muted);margin-right:auto;font-size:.75rem}.tip-feedback button{background:var(--surface-alt);border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.tip-feedback button.active.good{background:var(--emerald-subtle);color:var(--emerald)}.tip-feedback button.active.bad,.local-compare-top .needs-review-badge{background:var(--rose-subtle);color:var(--rose)}.dialect-proof.needs-review{background:var(--rose-subtle);color:var(--rose);border-color:#ff5f7f40}.local-tip-actions button.playing{background:var(--emerald);color:#fff}.tip-notice{color:#fff;background:#18181f;border-radius:9px;align-items:center;gap:5px;width:-moz-fit-content;width:fit-content;margin:10px auto 0;padding:8px 10px;font-size:.75rem;display:flex;position:sticky;bottom:4px}.dialect-reel.compact-reel{border-radius:20px;min-height:350px;padding:22px 18px}.reel-grain{display:none}.reel-rings{border:1px solid #d7ff4361;border-radius:50%;position:absolute;top:-7px;bottom:-7px;left:-7px;right:-7px}.reel-actions button.active{color:var(--lime);background:#d7ff4324;border-color:#d7ff4361}.reel-play.playing{background:var(--lime);color:#17171d;box-shadow:0 0 0 7px #d7ff4324}.compact-reel.reel-plum{background:linear-gradient(145deg,#17111f 0%,#3e2365 100%)}.compact-reel.reel-blue{background:linear-gradient(145deg,#101a2c 0%,#174c75 100%)}.compact-reel.reel-orange{background:linear-gradient(145deg,#251612 0%,#84412b 100%)}.next-reel{color:#ffffffa6;justify-content:center;align-items:center;gap:5px;min-height:36px;font-size:.75rem;font-weight:750;display:flex}.persona-chat-studio{gap:14px;height:100%;min-height:0}.persona-selector-carousel{gap:8px;padding-bottom:4px}.persona-badge-card{border-radius:13px;min-width:148px;padding:10px}.persona-name{font-size:.8125rem}.persona-sub{font-size:.75rem}.chat-controls-bar{border-radius:11px;gap:8px;padding:9px 10px}.chat-messages-container{border-radius:16px;padding:14px 12px}.chat-bubble-row{gap:8px;margin-bottom:12px}.bubble-content-card{border-radius:14px;max-width:calc(100% - 44px);padding:10px 12px;font-size:.8125rem;line-height:1.5}.chat-edit-message{resize:vertical;width:100%;min-height:88px;color:inherit;background:0 0;border:0;outline:0;font-size:.8125rem;line-height:1.5}.bubble-actions{gap:6px;margin-top:8px}.bubble-actions button{border-radius:8px;min-height:30px;padding:5px 7px;font-size:.75rem}.chat-bottom-input-bar{border-radius:13px;gap:8px;padding:7px 7px 7px 12px}.chat-bottom-input-bar input{min-height:38px;font-size:.8125rem}.send-message-btn{border-radius:10px;flex-basis:40px;width:40px;height:40px}.fun-subtabs-row,.quiz-mode-switch-row{border-radius:12px;gap:5px;padding:4px}.fun-subtab-btn,.mode-tab-btn{white-space:normal;border-radius:9px;min-width:0;min-height:42px;padding:8px;font-size:.75rem;line-height:1.3}.roast-studio-card{border-top:3px solid var(--primary);gap:14px;padding:16px}.roast-mode-selector{gap:8px}.roast-pill{border-radius:10px;min-height:42px;font-size:.75rem}.roast-input-box textarea{border-radius:11px;min-height:96px;padding:12px;font-size:.8125rem;line-height:1.5}.roast-submit-btn,.draw-fortune-btn{border-radius:11px;min-height:44px}.fortune-crystal-ball.shaking{animation:.42s ease-in-out 2 fortuneShake}@keyframes fortuneShake{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(-5px)rotate(-4deg)}75%{transform:translate(5px)rotate(4deg)}}.fun-share-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.soundboard-grid{gap:10px}.meme-button-card{border-radius:15px;min-height:126px;padding:14px 10px}.meme-text-title{font-size:.8125rem;line-height:1.35}.meme-region-sub{font-size:.75rem}.soundboard-panel{flex-direction:column;gap:14px;display:flex}.soundboard-section-head{justify-content:space-between;align-items:flex-end;gap:12px;padding:0 2px;display:flex}.soundboard-section-head>div{flex-direction:column;gap:3px;min-width:0;display:flex}.soundboard-section-head span{color:var(--primary);letter-spacing:.065em;font-size:.75rem;font-weight:850}.soundboard-section-head strong{color:var(--text-main);font-size:1rem;line-height:1.25}.soundboard-section-head>small{color:var(--text-muted);flex:none;align-items:center;gap:4px;font-size:.75rem;font-weight:750;display:inline-flex}.soundboard-section-head.trend-head{border-top:1px solid var(--line);margin-top:8px;padding-top:18px}.fun-subtabs-row{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.fun-subtab-btn.trend-tab.active{color:#fff;background:linear-gradient(135deg,#ff3158,#ff7a18)}.trend-quick-tool{background:linear-gradient(135deg,#ff315821,#ff7a181a)!important;border-color:#ff315861!important}.trend-quick-tool svg{color:#ff3158}.trend-studio-panel{flex-direction:column;gap:16px;display:flex}.trend-studio-intro{background:linear-gradient(135deg,#ff31581a,#ff7a180f);border:1px solid #ff31583d;border-left:4px solid #ff3158;border-radius:12px;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px;display:flex}.trend-studio-intro>div:first-child{min-width:0}.trend-studio-intro span{color:#ff3158;letter-spacing:.07em;font-size:.75rem;font-weight:900}.trend-studio-intro h3{color:var(--text-main);margin:5px 0 4px;font-size:1.18rem;line-height:1.25}.trend-studio-intro p{color:var(--text-muted);margin:0;font-size:.8125rem;line-height:1.5}.trend-live-badge{color:#fff;background:#ff3158;border-radius:8px;flex:none;align-items:center;gap:5px;padding:7px 9px;font-size:.75rem;font-weight:850;display:inline-flex}.trend-picker-shell{min-width:0;position:relative}.trend-picker{scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;gap:8px;padding:2px 1px;display:flex;overflow-x:auto}.trend-picker::-webkit-scrollbar{display:none}.trend-picker-shell:before,.trend-picker-shell:after{z-index:2;pointer-events:none;content:"";width:34px;position:absolute;top:0;bottom:0}.trend-picker-shell:before{background:linear-gradient(90deg, var(--app-bg), transparent);left:0}.trend-picker-shell:after{background:linear-gradient(-90deg, var(--app-bg), transparent);right:0}.trend-picker-arrow{z-index:3;border:1px solid var(--card-border);background:var(--card-bg);width:30px;height:30px;color:var(--text-main);box-shadow:var(--shadow-sm);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.trend-picker-arrow.prev{left:5px}.trend-picker-arrow.next{right:5px}.trend-picker-arrow:hover{color:#ff3158;border-color:#ff3158;transform:translateY(-50%)scale(1.06)}.trend-picker button{border:1px solid var(--card-border);background:var(--card-bg);min-width:0;min-height:92px;color:var(--text-main);text-align:left;border-radius:11px;grid-template-columns:28px 1fr;align-content:center;gap:3px 7px;padding:11px;display:grid}.trend-picker>button{scroll-snap-align:start;flex:0 0 190px;min-height:76px}.trend-picker button>span{grid-row:1/3;font-size:1.15rem}.trend-picker button strong{font-size:.75rem;line-height:1.35}.trend-picker button small{color:var(--text-muted);font-size:.75rem}.trend-picker button.active{border-color:#ff3158;box-shadow:0 0 0 2px #ff31581f}.trend-selected-hero{border:1px solid var(--card-border);background:var(--surface-alt);text-align:center;border-radius:10px;padding:12px 16px}.trend-selected-hero small{color:#ff3158;letter-spacing:.06em;font-size:.75rem;font-weight:900}.trend-selected-hero blockquote{color:var(--text-main);margin:6px 0 3px;font-size:1.05rem;font-weight:850;line-height:1.3}.trend-selected-hero p{color:var(--text-muted);margin:0;font-size:.75rem}.trend-region-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.trend-region-card{border:1px solid var(--card-border);background:var(--card-bg);border-radius:11px;overflow:hidden}.trend-region-card.playing{border-color:#ff3158}.trend-region-play{width:100%;min-width:0;color:var(--text-main);text-align:left;align-items:center;gap:8px;padding:10px;display:flex}.trend-region-play>span:first-child{font-size:1.2rem}.trend-region-play>span:nth-child(2){flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.trend-region-play em{color:var(--text-main);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:2px 0;font-size:.75rem;font-style:normal;font-weight:650;line-height:1.35;display:-webkit-box;overflow:hidden}.trend-region-play small{color:var(--text-muted);font-size:.75rem}.trend-region-play>svg{color:#ff3158}.trend-download{border-top:1px solid var(--line);width:100%;color:var(--text-muted);justify-content:center;align-items:center;gap:5px;padding:5px;font-size:.75rem;font-weight:750;display:flex}.trend-download:hover{color:#ff3158;background:#ff31580f}.trend-voice-list{flex-direction:column;gap:8px;display:flex}.trend-voice-card{border:1px solid var(--card-border);background:var(--card-bg);width:100%;min-width:0;color:var(--text-main);text-align:left;box-shadow:var(--shadow-sm);border-radius:13px;align-items:center;gap:11px;padding:11px;display:flex}.trend-voice-card.playing{border-color:var(--primary);background:var(--primary-subtle)}.trend-voice-emoji{background:var(--surface-alt);border-radius:10px;flex:0 0 40px;place-items:center;width:40px;height:40px;font-size:1.2rem;display:grid}.trend-voice-copy{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.trend-voice-copy small{color:var(--primary);font-size:.75rem;font-weight:800}.trend-voice-copy strong{color:var(--text-main);font-size:.8125rem;line-height:1.4}.trend-voice-copy em{color:var(--text-muted);font-size:.75rem;font-style:normal}.trend-voice-play{background:var(--primary-subtle);width:34px;height:34px;color:var(--primary);border-radius:9px;flex:0 0 34px;place-items:center;display:grid}.trend-voice-card.playing .trend-voice-play{background:var(--primary);color:#fff}@media (max-width:620px){.fun-subtabs-row{scrollbar-width:none;display:flex;overflow-x:auto}.fun-subtab-btn{flex:0 0 145px}.trend-picker{scrollbar-width:none;padding-bottom:4px;display:flex;overflow-x:auto}.trend-picker button{flex:0 0 210px}.trend-picker-arrow{width:28px;height:28px}.trend-region-grid{grid-template-columns:1fr}.trend-studio-intro{flex-direction:column}}.quiz-stats-cluster{gap:6px}.stat-pill{border-radius:9px;min-height:34px;padding:6px 9px;font-size:.75rem}.stat-pill.streak{background:var(--rose-subtle);color:var(--rose)}.stat-pill.xp{background:var(--lime-subtle);color:#667d00}.question-hero-card{gap:13px;padding:26px 16px}.audio-trigger-huge-btn.speaking{background:var(--emerald);color:#fff;box-shadow:0 0 0 5px #10b98129}.q-tag{background:var(--primary-subtle);color:var(--primary);letter-spacing:.045em;text-transform:uppercase;border-radius:7px;padding:5px 8px;font-size:.75rem;font-weight:800;display:inline-flex}.question-hero-card h3{font-size:1.24rem;line-height:1.25}.quiz-options-list{gap:9px}.quiz-option-card{border-radius:13px;min-height:54px;padding:12px 14px;font-size:.8125rem;line-height:1.35}.next-question-btn{border-radius:11px;min-height:44px}.search-card-bar{border-radius:12px;min-height:46px;padding:0 12px}.search-card-bar input{font-size:.8125rem}.filter-pills-row{padding-bottom:4px}.dict-list-container,.stories-list-col,.voice-studio-grid,.settings-section-group{gap:11px}.word-card-pro,.story-card-pro{gap:10px;padding:15px}.dict-top-actions{flex:none}.add-word-btn{background:var(--text-main);min-height:38px;color:var(--app-bg);border-radius:10px;align-items:center;gap:6px;padding:0 11px;font-size:.75rem;font-weight:800;display:inline-flex}.word-card-top,.word-card-actions{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.word-card-actions{align-items:center;padding-top:3px}.word-cat-label{min-width:0;color:var(--text-dim);overflow-wrap:break-word;font-size:.75rem}.word-btns-group{flex:none;gap:6px;display:flex}.word-local-name{font-size:1rem}.word-origin-meaning{font-size:.75rem}.region-tag-badge{border-radius:7px;padding:5px 7px;font-size:.75rem}.word-example-text{border-radius:9px;padding:9px 10px;font-size:.75rem;line-height:1.48}.action-circle-btn{border-radius:9px;width:34px;height:34px}.action-circle-btn.fav-active{background:var(--rose-subtle);color:var(--rose)}.action-circle-btn.speaking-active{background:var(--emerald);color:#fff}.story-title{font-size:1rem;line-height:1.35}.story-excerpt.story-edit{border-radius:10px;min-height:105px;padding:11px;font-size:.8125rem;line-height:1.55}.story-bottom-bar{gap:9px;padding-top:8px}.listen-story-btn{border-radius:10px;min-height:40px;padding:0 12px;font-size:.75rem}.profile-header-card{gap:13px;padding:16px}.user-avatar-badge{border-radius:13px;flex-basis:54px;width:54px;height:54px}.user-meta-info h3{font-size:1rem}.user-meta-info p{margin-top:4px;font-size:.75rem;line-height:1.4}.stats-grid-row{gap:8px}.stat-metric-card{min-width:0;padding:12px 7px}.stat-metric-card .val{font-size:1.12rem}.stat-metric-card .lbl{font-size:.75rem;line-height:1.35}.voice-catalog-card{gap:8px;padding:11px}.voice-catalog-card.selected{border-color:var(--primary);background:var(--primary-subtle)}.voice-card-left{align-items:center;gap:9px;display:flex}.voice-region-icon{background:var(--surface-alt);border-radius:10px;flex:0 0 38px;place-items:center;width:38px;height:38px;display:grid}.voice-details-col{flex-direction:column;display:flex}.voice-name-title{font-size:.8125rem}.voice-desc-subtitle{margin-top:3px;font-size:.75rem}.voice-audition-btn{border-radius:9px;min-height:36px;padding:0 9px;font-size:.75rem}.settings-tiles-list{padding:2px 12px}.section-group-title{color:var(--text-main);align-items:center;gap:7px;font-size:.82rem;font-weight:800;display:flex}.settings-tile-item{gap:9px;min-height:56px}.tile-label-group{min-width:0;font-size:.8125rem}.custom-theme-switch{flex:0 0 44px;width:44px;height:26px;display:inline-block;position:relative}.custom-theme-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background:#b9bac3;border-radius:999px;transition:background .2s;position:absolute;top:0;bottom:0;left:0;right:0}.toggle-slider:before{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 2px 5px #0000002e}.custom-theme-switch input:checked+.toggle-slider{background:var(--primary)}.custom-theme-switch input:checked+.toggle-slider:before{transform:translate(18px)}.modal-card,.request-sheet{border-radius:20px;width:min(100% - 28px,400px);padding:18px}.modal-overlay,.request-overlay{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a091494;place-items:center;padding:14px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.modal-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px;display:flex}.modal-header h3{font-size:1.05rem;font-weight:800}.modal-header button,.request-close{background:var(--surface-alt);border-radius:9px;flex:0 0 36px;place-items:center;width:36px;height:36px;display:grid}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{font-size:.75rem}.form-group input,.form-group select{border-radius:10px;min-height:42px;font-size:.8125rem}.submit-modal-btn,.request-submit{background:var(--primary);color:#fff;border-radius:11px;justify-content:center;align-items:center;gap:7px;min-height:44px;font-size:.8125rem;font-weight:800;display:inline-flex}.request-sheet{background:var(--card-bg);flex-direction:column;gap:12px;display:flex;position:relative}.request-close{position:absolute;top:14px;right:14px}.composer-kicker{background:var(--primary-subtle);width:-moz-fit-content;width:fit-content;color:var(--primary);border-radius:7px;align-items:center;gap:5px;padding:5px 8px;font-size:.75rem;font-weight:800;display:inline-flex}.request-sheet h2{max-width:calc(100% - 48px);font-size:1.25rem;font-weight:800;line-height:1.2}.request-sheet>p{color:var(--text-muted);font-size:.8125rem;line-height:1.5}.request-sheet textarea{resize:vertical;border:1px solid var(--line);background:var(--surface-alt);width:100%;min-height:112px;color:var(--text-main);border-radius:11px;outline:0;padding:11px;font-size:.8125rem;line-height:1.5}.request-summary{flex-wrap:wrap;gap:6px;display:flex}.request-summary span{background:var(--surface-alt);color:var(--text-muted);border-radius:7px;padding:5px 8px;font-size:.75rem;font-weight:750}.studio-header h2,.funzone-header h2,.dict-header h2,.stories-header h2,.quiz-top-bar h2,.section-heading-row h2,.profile-header-card h3,.modal-card h3,.request-sheet h2,.creator-section,.preference-panel,.tip-history-panel,.input-studio-card,.result-studio-card,.roast-studio-card,.word-card-pro,.story-card-pro,.profile-header-card,.stat-metric-card,.voice-catalog-card,.settings-tiles-list,.modal-card,.request-sheet,input,textarea,select{color:var(--text-main)}input::placeholder,textarea::placeholder{color:var(--text-dim);opacity:1}.preference-panel{gap:13px;margin-bottom:12px;padding:14px;display:grid}.preference-panel>div{gap:7px;display:grid}.preference-panel>div>span{color:var(--text-muted);font-size:.75rem;font-weight:800}.preference-chips{flex-wrap:wrap;display:flex}.preference-chips button{background:var(--surface-alt);color:var(--text-muted);border:1px solid #0000;font-weight:750}.preference-done,.tip-history-toggle,.request-content-btn{border:1px solid var(--card-border);background:var(--card-bg);color:var(--text-main);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;gap:6px;font-weight:800;display:inline-flex}.preference-done{border-color:var(--primary);background:var(--primary);color:#fff;justify-self:end}.request-content-btn{width:100%}.tip-history-panel{flex-direction:column;gap:8px;padding:14px;display:flex}.tip-history-panel>div:first-child{justify-content:space-between;align-items:center;gap:10px;display:flex}.tip-history-panel>div:first-child strong{font-size:.75rem}.tip-history-panel>div:first-child button{color:var(--rose);font-size:.75rem;font-weight:800}.tip-history-panel>p{color:var(--text-muted);font-size:.75rem;line-height:1.5}.tip-history-panel>button{background:var(--surface-alt);width:100%;color:var(--text-main);text-align:left;border-radius:10px;flex-direction:column;gap:4px;padding:10px;display:flex}.tip-history-panel>button small{color:var(--text-muted);font-size:.75rem;font-weight:750}.tip-history-panel>button span{font-size:.75rem;font-weight:750;line-height:1.45}.quick-chips-wrapper{scrollbar-width:none;gap:7px;display:flex;overflow-x:auto}.quick-chips-wrapper::-webkit-scrollbar{display:none}.editable-result-label{color:var(--text-dim);letter-spacing:.06em;font-weight:800}.result-main-text.editable-result{color:var(--text-main);font-family:var(--font-heading);background:0 0;border:0;outline:0;padding:0}.voice-controls{align-items:center;display:flex}.voice-gender-select{border:1px solid var(--card-border);background:var(--card-bg);min-width:96px;color:var(--text-main);border-radius:10px;outline:0;padding:0 9px;font-weight:750}.quiz-mode-switch-row{border:1px solid var(--card-border);background:var(--surface-alt);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.quiz-stats-cluster{gap:6px;display:grid}.mode-tab-btn{color:var(--text-muted);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;font-weight:750;display:flex}.mode-tab-btn.active{border-color:var(--card-border);background:var(--card-bg);color:var(--primary);box-shadow:var(--shadow-sm)}.question-hero-card{background:var(--hero-gradient);color:#fff;box-shadow:var(--shadow-md);border-color:#ffffff24}.question-hero-card h3,.question-hero-card>p{color:#fff;-webkit-text-fill-color:currentColor}.question-hero-card .q-tag{color:#fff;background:#ffffff21;border:1px solid #ffffff2e}.quiz-option-card{background:var(--card-bg);color:var(--text-main)}.next-question-btn{background:var(--primary);color:#fff;justify-content:center;align-items:center;gap:7px;width:100%;font-size:.8125rem;font-weight:800;display:inline-flex}.dict-list-container{flex-direction:column;display:flex}.region-tag-badge{background:var(--primary-subtle);color:var(--primary);white-space:nowrap;flex:none;font-weight:800}.action-circle-btn{border:1px solid var(--card-border);background:var(--surface-alt);color:var(--text-muted);place-items:center;display:grid}.modal-card{border:1px solid var(--card-border);background:var(--card-bg);max-height:min(760px,100dvh - 28px);box-shadow:var(--shadow-lg);overflow-y:auto}.form-group label{color:var(--text-muted);font-weight:800}.form-group input,.form-group select{border:1px solid var(--card-border);background:var(--surface-alt);width:100%;color:var(--text-main);outline:0;padding:0 11px}.form-group input:focus,.form-group select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-subtle)}.story-share-row{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.story-share-row button{border:1px solid var(--card-border);background:var(--surface-alt);color:var(--text-main);justify-content:center;align-items:center;gap:5px;font-weight:750;display:inline-flex}.user-meta-info h3{color:var(--text-main);font-weight:800}.user-meta-info p{color:var(--text-muted)}.stats-grid-row{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.stat-metric-card .lbl{color:var(--text-muted);font-weight:750}.settings-section-group,.voice-studio-grid{flex-direction:column;display:flex}.voice-catalog-card{cursor:pointer;justify-content:space-between;align-items:center;min-width:0;display:flex}.voice-card-left{align-items:center;min-width:0;display:flex}.voice-details-col{min-width:0;display:flex}.voice-name-title{color:var(--text-main);font-weight:800}.voice-desc-subtitle{color:var(--text-muted);line-height:1.35}.voice-audition-btn{border:1px solid var(--card-border);background:var(--surface-alt);color:var(--text-main);flex:none;justify-content:center;align-items:center;gap:5px;font-weight:800;display:inline-flex}.settings-tiles-list{flex-direction:column;display:flex;overflow:hidden}.settings-tile-item{min-width:0;color:var(--text-main);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.settings-tile-item+.settings-tile-item{border-top:1px solid var(--line)}.tile-label-group{align-items:center;gap:8px;display:flex}.tile-label-group svg{flex:none}@media (max-width:560px){#root{align-items:stretch;padding:0}.app-container{width:100%;max-width:none;height:100dvh;max-height:none;box-shadow:none;border:0;border-radius:0}.ios-statusbar{display:none!important}.screen-scroll{padding-bottom:calc(24px + env(safe-area-inset-bottom))}.floating-bottom-nav{margin-bottom:max(9px, env(safe-area-inset-bottom))}}@media (max-width:390px){.app-topbar{padding:0 14px}.brand-title small{display:none}.screen-scroll{padding-left:14px;padding-right:14px}.trend-hero.clean-hero{min-height:254px;padding:20px 98px 20px 16px}.hero-voice-art{width:78px;right:10px}.voice-chip{max-width:78px;padding:4px 7px;font-size:.75rem}.clean-hero h1{font-size:1.56rem}.clean-hero p{max-width:220px;font-size:.8125rem}.hero-actions{gap:6px}.hero-actions button{padding:0 10px;font-size:.75rem}.section-heading-row{align-items:flex-start}.local-lab-controls{grid-template-columns:1fr}.tip-custom-input{flex-direction:column}.tip-custom-input button{justify-content:center}.pro-value-strip{overflow-x:auto}.pro-value-strip span{flex:none}.story-bottom-bar{flex-direction:column;align-items:stretch}.story-share-row{grid-template-columns:repeat(3,1fr)}.quiz-top-bar{flex-direction:column;align-items:flex-start}.stats-grid-row{gap:6px}.quick-tools-grid{grid-template-columns:1fr}.fun-share-actions{grid-template-columns:1fr 1fr}.studio-header>.badge-pill,.funzone-header>.badge-pill,.stories-header>.badge-pill{display:none}.vieneu-player-bar{flex-direction:column;align-items:stretch}.voice-controls{grid-template-columns:1fr 1fr;display:grid}.voice-gender-select,.voice-controls .play-voice-btn{width:100%}.settings-tile-item{align-items:flex-start}.settings-tile-item>.badge-pill{text-align:right;max-width:46%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.ux-status:empty{display:none}.ux-status{z-index:45;border:1px solid var(--primary-light);background:var(--app-bg);color:var(--text-main);box-shadow:var(--shadow-md);border-radius:14px;margin-bottom:16px;padding:12px 16px;font-size:.85rem;line-height:1.6;position:sticky;top:0}.topbar-btn{flex-shrink:0;width:44px;height:44px}.floating-bottom-nav .nav-tab-btn{flex:1;min-width:0;min-height:52px;padding-inline-start:4px;padding-inline-end:4px}.floating-bottom-nav .nav-tab-btn span{color:var(--text-muted);font-size:.75rem}.floating-bottom-nav .nav-tab-btn.active{background:var(--primary-subtle)}.floating-bottom-nav .nav-tab-btn.active span{color:var(--primary)}.screen-scroll{scrollbar-width:thin;scrollbar-color:var(--line) transparent}.screen-scroll::-webkit-scrollbar{width:4px;display:block}.screen-scroll::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}@media (max-width:560px){input,textarea,select{font-size:16px}.app-topbar{gap:8px;padding-inline-start:12px;padding-inline-end:12px}.topbar-actions{gap:4px}.brand-badge{gap:8px;min-width:0}}:root{--bg-page:#e9e4da;--app-bg:#f7f4ee;--card-bg:#fffdf8;--card-border:#e4ded2;--surface-alt:#f0ece4;--line:#e4ded2;--line-subtle:#eee9df;--text-main:#1f2926;--text-muted:#6e7771;--text-dim:#89918b;--primary:#0e6b62;--primary-hover:#09554e;--primary-light:#65a59d;--primary-subtle:#e4f0ed;--primary-gradient:linear-gradient(135deg, #0e6b62, #0e6b62);--hero-gradient:linear-gradient(135deg, #0e6b62 0%, #195b57 100%);--accent-gradient:linear-gradient(135deg, #d96c45, #bf5735);--shadow-sm:0 1px 2px #1f29260d;--shadow-md:0 8px 24px #1f292614;--shadow-lg:0 16px 40px #1f29261c;--shadow-glow:0 8px 24px #0e6b6226;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:24px}[data-theme=dark]{--bg-page:#111816;--app-bg:#18211e;--card-bg:#202b27;--card-border:#34423c;--surface-alt:#26342f;--line:#34423c;--line-subtle:#2a3732;--text-main:#f5f2e9;--text-muted:#c0c9c2;--text-dim:#91a198;--primary:#72c1b4;--primary-hover:#9bd8cd;--primary-light:#4f8f86;--primary-subtle:#72c1b429;--primary-gradient:linear-gradient(135deg, #0e6b62, #1f8175);--hero-gradient:linear-gradient(135deg, #0b4f49 0%, #173d3a 100%)}body{background:var(--bg-page);background-image:linear-gradient(135deg,#ebe7df 0%,#e4eee9 100%)}[data-theme=dark] body{background:#111816}body:before{display:none}.app-container{max-width:680px;box-shadow:0 24px 70px #1f29262e,0 0 0 1px #1f29260f}.app-topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f7f4eef0;flex-basis:72px}[data-theme=dark] .app-topbar{background:#18211ef0}.brand-icon{box-shadow:none;border-radius:11px}.brand-title strong{letter-spacing:.08em;font-size:1rem}.brand-title small{color:var(--accent);letter-spacing:.14em}.topbar-btn{background:0 0;border-color:#0000}.topbar-btn:hover,.topbar-btn.active{background:var(--primary-subtle);border-color:var(--primary-light);transform:none}.floating-bottom-nav{border-color:var(--card-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffdf8f5;box-shadow:0 10px 28px #1f29261f}[data-theme=dark] .floating-bottom-nav{background:#202b27f5}.center-orb{width:40px;height:40px;box-shadow:none;border-radius:12px}.nav-tab-btn:hover{transform:none}.nav-tab-btn.primary-center:hover .center-orb,.nav-tab-btn.primary-center.active .center-orb{box-shadow:0 6px 16px #0e6b623d}.guide-spark{animation:none}[class*=card],[class*=panel],[class*=tile],[class*=studio]{--shadow-glow:var(--shadow-md)}.fade-in{animation-duration:.24s}.trend-studio-intro{border:1px solid var(--card-border);border-left:3px solid var(--accent,#d96c45);background:var(--card-bg);border-radius:14px;padding:14px 16px}.trend-studio-intro .trend-live-badge{display:none}.trend-studio-intro span,.soundboard-section-head>div>span{color:var(--primary);letter-spacing:.1em;font-size:.75rem}.trend-studio-intro h3{margin-top:4px;font-size:1.08rem}.trend-selected-hero{background:var(--hero-gradient);border-radius:16px;padding:22px 18px}.trend-selected-hero p{display:none}.soundboard-section-head{margin-top:18px}.soundboard-section-head strong{margin-top:4px;font-size:.95rem;display:block}.trend-region-grid{gap:10px}.trend-region-card{box-shadow:var(--shadow-sm);border-radius:14px}.trend-region-play{gap:10px;padding:12px}.trend-region-play strong{font-size:.82rem}.trend-region-play em{font-size:.75rem;line-height:1.4}.trend-region-play small{font-size:.75rem}.trend-picker button small,.trend-region-play small{display:none}.trend-download{color:var(--primary);justify-content:flex-start;padding:8px 12px}.trend-download span{font-size:.75rem}@media (min-width:640px){.app-container{border-radius:24px}}:root{--font-body:"Be Vietnam Pro", "Segoe UI Variable Text", "Segoe UI", "Noto Sans", Arial, sans-serif;--font-heading:"Be Vietnam Pro", "Segoe UI Variable Display", "Segoe UI", "Noto Sans", Arial, sans-serif;--vl-ink:#111014;--vl-surface:#fffdf5;--vl-lime:#c6f432;--vl-muted:#4b5550;--vl-nghe:#ff6b2c;--vl-hue:#8b5cf6;--vl-quang:#ffc531;--vl-nau:#ff4d5e;--vl-mientay:#22c55e;--vl-saigon:#ff4fa3;--vl-bac:#3b82f6;--text-muted:#4b5550;--text-dim:#5c6660;--text-secondary:#4b5550;--emerald:#047857;--accent-emerald:#047857;--amber:#b45309}[data-theme=dark]{--vl-ink:#f5f3ea;--vl-surface:#1c1b22;--vl-muted:#c9d1cb;--text-muted:#c9d1cb;--text-dim:#aab5ae;--text-secondary:#c9d1cb;--emerald:#34d399;--accent-emerald:#34d399;--amber:#fbbf24}body{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}body *{overflow-wrap:break-word!important;word-break:normal!important;-webkit-hyphens:manual!important;hyphens:manual!important}h1,h2,h3,h4,.hot-today-copy strong{text-wrap:balance}p,small,li,.dialect-verse,.bubble-content-card,.quiz-option-card span{text-wrap:pretty}p,li{line-height:1.55}.hero-primary,.hero-secondary,.tab-pill-btn,.mode-tab-btn,.fun-subtab-btn,.nav-tab-btn span,.surprise-btn,.personalize-btn,.viral-btn,.quiz-cta,.stat-pill,.bubble-actions button,.social-action-bar button,.fun-share-actions button,.card-btn-action,.target-province-trigger,.hot-today-cta,.hot-today-mini button,.zone-play-btn,.next-reel,.request-content-btn{white-space:nowrap}.eyebrow,.meta-label,.provinces-label{color:var(--text-muted)}.hero-copy h1 em{-webkit-text-fill-color:#d7ff5a!important;color:#d7ff5a!important;background:0 0!important}.hero-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid!important}.hero-primary,.hero-secondary{justify-content:center;min-height:48px;padding:0 14px!important;font-size:.9rem!important}.voice-chip{font-size:.75rem!important}.floating-bottom-nav{align-items:stretch}.nav-tab-btn{justify-content:flex-start!important;gap:4px!important;padding-top:8px!important}.nav-tab-btn .nav-icon-wrapper,.nav-tab-btn .center-orb{place-items:center;width:40px!important;height:34px!important;margin:0 auto!important;display:grid!important;transform:none!important}.nav-tab-btn.primary-center .center-orb{border-radius:12px!important}.nav-tab-btn span{font-weight:800;line-height:1.1;font-size:.75rem!important}.topbar-btn{width:40px;height:40px}.studio-header{flex-wrap:wrap;gap:12px}.studio-mode-pills{flex:none}.tab-pill-btn{min-height:36px;color:var(--text-muted);align-items:center;gap:6px;display:inline-flex;padding:0 14px!important;font-size:.85rem!important}.tab-pill-btn.active{color:var(--text-main)!important}.target-province-trigger{max-width:100%}.target-province-trigger>*{white-space:nowrap}.fun-subtab-btn{align-items:center;gap:6px;min-height:40px;display:inline-flex;font-size:.85rem!important}.roast-mode-btn,.roast-mode-switch button{text-align:center;justify-content:center;align-items:center;gap:6px;min-height:44px;line-height:1.2;display:inline-flex;font-size:.875rem!important}button:disabled{opacity:.55}.chat-edit-message,.fun-edit-result,textarea.roast-result-text,.compare-row textarea{field-sizing:content;resize:none;min-height:3lh;line-height:1.5;overflow:hidden}.bubble-content-card{font-size:.95rem;line-height:1.55}.chat-edit-message{width:100%;color:var(--text-main);font:inherit}.bubble-actions{flex-wrap:wrap;gap:6px}.quiz-top-bar{justify-content:space-between;gap:12px;flex-direction:row!important;align-items:flex-start!important}.quiz-stats-cluster{flex:none;gap:6px;width:auto!important;display:flex!important}.mode-tab-btn{justify-content:center;align-items:center;gap:6px;display:inline-flex;font-size:.875rem!important}.quiz-option-card span{font-size:1rem;font-weight:700}:focus-visible{outline:3px solid var(--vl-lime);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}:root{--rose:#d61f45}[data-theme=dark]{--rose:#ff7a95}.zone-pill-btn.active,.zone-pill-btn.active *{color:#111014!important}.zone-badge-tag{font-weight:800;color:var(--text-main)!important}.stat-pill.xp{color:#3f4f00}[data-theme=dark] .stat-pill.xp{color:#d7ff5a}.chat-persona-chip,.persona-voice-chip{white-space:nowrap}.hot-today-mini button{color:var(--text-main)}.reel-actions button{white-space:nowrap;gap:6px;padding-inline-start:8px;padding-inline-end:8px}.reel-actions button span{white-space:nowrap}.trend-picker-shell{padding-inline-start:38px;padding-inline-end:38px}.trend-picker-shell:before,.trend-picker-shell:after{display:none}.trend-picker button strong{font-size:.85rem!important}.zone-count-tag{white-space:nowrap}:root{--u-ink:#111014;--u-paper:#fffdf8;--u-soft:#f3efe6;--u-line:2px;--u-shadow-c:#111014;--u-sh-sm:2px 2px 0 var(--u-shadow-c);--u-sh:3px 3px 0 var(--u-shadow-c);--u-sh-lg:4px 4px 0 var(--u-shadow-c);--u-r-card:20px;--u-r-ctrl:14px;--u-accent:#ffc531;--u-hair:#1110141f;--u-fill:#efe9dd}[data-theme=dark]{--u-ink:#e9e6dc;--u-paper:#1c1b22;--u-soft:#25242c;--u-shadow-c:#e9e6dc47;--u-hair:#e9e6dc24;--u-fill:#2a2931}.trend-hero,.creator-section,.local-compare-card,.vietnam-map-explorer-card,.zone-spotlight-hero,.dialect-reel,.genz-feature-card,.trend-quick-tool,.input-studio-card,.result-studio-card,.slang-studio-card,.dialect-switcher-bar,.roast-studio-card,.fortune-studio-card,.fortune-display-card,.battle-meter-card,.question-hero-card,.quiz-result-card,.profile-header-card,.stat-metric-card,.search-card,.word-card,.story-card,.personal-card,.fortune-modal,.soundboard-modal,.province-modal-content,.create-persona-modal-content,.story-card-modal-content{border:1px solid var(--u-hair)!important;border-radius:var(--u-r-card)!important;box-shadow:none!important}.trend-hero,.question-hero-card,.fortune-modal,.soundboard-modal{border:var(--u-line) solid var(--u-ink)!important;box-shadow:var(--u-sh-lg)!important}.personal-card{background:var(--u-fill)!important;border-color:#0000!important}.composer-box,.compare-row,.audio-waveform-shell,.waveform-studio-box,.cultural-insight-box,.fortune-quote-box,.battle-comment-box,.roast-input-box,.modal-search-box,.bubble-content-card,.custom-locality-bar,.meme-pad-card,.meme-button-card,input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{border:1px solid var(--u-hair)!important;border-radius:var(--u-r-ctrl)!important;box-shadow:none!important}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--u-ink)!important;box-shadow:none!important}.hero-primary,.translate-action-btn,.roast-submit-btn,.draw-fortune-btn,.create-persona-submit-btn,.send-message-btn,.zone-play-btn,.reel-play,.personalize-btn,.story-download-btn,.listen-story-btn,.play-voice-btn{font-weight:900;box-shadow:none!important;border:0!important;border-radius:999px!important}.translate-action-btn,.roast-submit-btn,.draw-fortune-btn,.create-persona-submit-btn,.surprise-btn{color:#fff!important;background:#111014!important}[data-theme=dark] .translate-action-btn,[data-theme=dark] .roast-submit-btn,[data-theme=dark] .draw-fortune-btn,[data-theme=dark] .create-persona-submit-btn,[data-theme=dark] .surprise-btn{color:#111014!important;background:#e9e6dc!important}.surprise-btn{border:0!important;border-radius:999px!important}.hero-secondary{border:var(--u-line) solid #ffffffb3!important;border-radius:999px!important}.hero-primary{border:2px solid #111014!important;box-shadow:2px 2px #111014!important}.zone-pill-btn,.prov-chip,.sample-chip,.icebreaker-chip,.roast-pill,.tab-pill-btn,.mode-tab-btn,.fun-subtab-btn,.persona-badge-card,.request-content-btn,.tip-history-toggle,.target-province-trigger,.slang-mode-btn,.card-btn,.pad-mini-btn,.bubble-listen-btn,.creator-section button:not(.surprise-btn):not(.personalize-btn):not(.personal-card){background:var(--u-fill)!important;box-shadow:none!important;border:1px solid #0000!important;border-radius:999px!important}.persona-badge-card,.target-province-trigger{border-radius:var(--u-r-ctrl)!important}.zone-pill-btn.active,.roast-pill.active,.tab-pill-btn.active,.mode-tab-btn.active,.fun-subtab-btn.active,.persona-badge-card.active,.creator-section button.active{background:var(--u-accent)!important;color:#111014!important;box-shadow:none!important;border-color:#111014!important}.zone-pill-btn.active *,.roast-pill.active *,.tab-pill-btn.active *,.mode-tab-btn.active *,.fun-subtab-btn.active *,.persona-badge-card.active *,.creator-section button.active *{color:#111014!important}.studio-mode-pills,.quiz-mode-switch-row,.fun-subtabs-row{gap:8px;box-shadow:none!important;background:0 0!important;border:0!important}.quiz-option-card{border:1px solid var(--u-hair)!important;border-radius:var(--u-r-ctrl)!important;box-shadow:none!important}.audio-trigger-huge-btn{box-shadow:var(--u-sh-sm)!important;border:2px solid #111014!important}.floating-bottom-nav{background:var(--u-paper)!important;border:1px solid var(--u-hair)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-radius:22px!important;box-shadow:0 8px 24px #1110141a!important}.nav-tab-btn.active .nav-icon-wrapper,.nav-tab-btn.active .center-orb{background:var(--u-accent)!important;color:#111014!important;box-shadow:none!important;border:0!important;border-radius:12px!important}.nav-tab-btn.active span{color:var(--u-ink)!important}.nav-tab-btn.active{box-shadow:none!important;background:0 0!important}.fortune-close-btn,.soundboard-close-btn,.close-modal-btn,.swap-btn,.tool-round-btn{background:var(--u-fill)!important;box-shadow:none!important;border:0!important}.genz-feature-card,.trend-quick-tool,.personal-card,.quiz-option-card,.hero-primary,.translate-action-btn,.roast-submit-btn,.draw-fortune-btn,.zone-play-btn,.reel-play,.create-persona-submit-btn,.send-message-btn,.personalize-btn,.surprise-btn{transition:transform .12s,box-shadow .12s!important}@media (hover:hover){.genz-feature-card:hover,.trend-quick-tool:hover,.personal-card:hover,.quiz-option-card:hover{transform:translate(-1px,-1px);box-shadow:none!important}}.genz-feature-card:active,.trend-quick-tool:active,.personal-card:active,.quiz-option-card:active,.hero-primary:active,.translate-action-btn:active,.roast-submit-btn:active,.draw-fortune-btn:active,.zone-play-btn:active,.reel-play:active,.create-persona-submit-btn:active,.send-message-btn:active,.personalize-btn:active,.surprise-btn:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--u-shadow-c)!important}.composer-box textarea,.composer-box input,.compare-row textarea,.input-studio-card textarea,.roast-input-box textarea,.modal-search-box input,.chat-bottom-input-bar input{box-shadow:none!important;background:0 0!important;border:0!important}.chat-bottom-input-bar{border:1px solid var(--u-hair)!important;box-shadow:none!important;border-radius:999px!important}.tip-levels button,.tip-situations button{background:var(--u-fill)!important;box-shadow:none!important;border:1px solid #0000!important;border-radius:999px!important}.tip-levels button.active,.tip-situations button.active{background:var(--u-accent)!important;color:#111014!important;box-shadow:none!important;border-color:#111014!important}.tip-custom-input button,.local-tip-actions button:first-child,.composer-box button{color:#fff!important;border:var(--u-line) solid #111014!important;box-shadow:none!important;background:#111014!important;border-radius:999px!important}[data-theme=dark] .tip-custom-input button,[data-theme=dark] .local-tip-actions button:first-child,[data-theme=dark] .composer-box button{color:#111014!important;background:#e9e6dc!important;border-color:#e9e6dc!important}.local-tip-actions button:not(:first-child),.pro-output-actions button,.tip-feedback button{background:var(--u-paper)!important;color:var(--u-ink)!important;box-shadow:none!important;border:0!important;border-radius:999px!important}.eyebrow,.composer-kicker{letter-spacing:.1em;font-weight:900}@media (prefers-reduced-motion:reduce){.genz-feature-card,.trend-quick-tool,.personal-card,.quiz-option-card{transition:none!important}}.for-you-section,.speak-local-section,.quick-tools{box-shadow:none!important;background:0 0!important;border:0!important;padding:0!important}.home-clean{flex-direction:column;gap:16px;display:flex}.home-clean>*{margin-top:0!important;margin-bottom:0!important}.home-clean .clean-hero{min-height:0!important;padding:18px!important}.home-clean .clean-hero h1{margin:8px 0 14px!important;font-size:clamp(1.45rem,6vw,1.9rem)!important;line-height:1.12!important}.home-clean .clean-hero h1 em{display:block}.home-clean .hero-actions{margin-top:0!important}.home-clean .hero-glow,.home-clean .hero-noise{display:none}.home-clean .hot-today{margin:0!important}.home-clean .personal-feed{scroll-snap-type:x mandatory;scrollbar-width:none;gap:10px;margin:0 -2px;padding:2px 4px 8px 2px;overflow-x:auto;display:flex!important}.home-clean .personal-feed::-webkit-scrollbar{display:none}.home-clean .personal-card{scroll-snap-align:start;flex:0 0 82%!important;width:82%!important;min-width:0!important;max-width:82%!important}.home-clean .personal-copy{min-width:0}.home-clean .personal-copy p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.home-clean .request-content-btn{min-height:40px;margin-top:4px}.home-clean .section-heading-row{margin-bottom:10px!important}.home-clean .personal-feed{flex-flow:row!important}.home-more{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.home-more button{text-align:left;cursor:pointer;background:var(--u-paper);min-height:92px;color:var(--u-ink);box-shadow:none;border:0;border-radius:18px;justify-items:start;gap:2px;padding:12px 10px 10px;transition:transform .12s,box-shadow .12s;display:grid;position:relative}.home-more button strong{font:900 .9rem/1.2 var(--font-heading)}.home-more button small{font:600 .72rem/1.3 var(--font-body);color:var(--text-muted)}.home-more button>svg{opacity:.6;position:absolute;top:12px;right:10px}.home-more-icon{background:var(--u-accent);color:#111014;border:1.5px solid #111014;border-radius:10px;place-items:center;width:32px;height:32px;margin-bottom:6px;display:grid}.home-more button.active{background:var(--u-accent);color:#111014}.home-more button.active small{color:#3a3520}.home-more button.active .home-more-icon{background:#fff}.home-more button:active{box-shadow:none;transform:translate(2px,2px)}.home-panel{animation:.18s ease-out home-panel-in}@keyframes home-panel-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.nav-tab-btn.primary-center:not(.active) .center-orb{color:inherit!important;background:0 0!important;border:0!important}@media (prefers-reduced-motion:reduce){.home-panel{animation:none}}.home-clean .quick-tools-grid button{box-shadow:none!important;background:var(--u-paper)!important;border:0!important;border-radius:16px!important}.home-clean .quick-tools-grid button:active{transform:translate(1px,1px)}.trend-selected-hero blockquote{color:#fff!important}.trend-selected-hero p{color:#ffffffd1!important}.trend-selected-hero small{color:#d7ff5a!important}.trend-picker{scroll-behavior:auto!important;scroll-snap-type:x proximity!important}.trend-picker button{transition:background-color .12s,border-color .12s,box-shadow .12s!important}.trend-filter-row{scrollbar-width:none;gap:8px;margin:4px 0 8px;padding:2px 2px 6px;display:flex;overflow-x:auto}.trend-filter-row::-webkit-scrollbar{display:none}.trend-filter-row button{white-space:nowrap;cursor:pointer;min-height:34px;font:800 .8rem/1 var(--font-heading);color:var(--u-ink);background:var(--u-paper);background:var(--u-fill);border:1px solid #0000;border-radius:999px;flex:none;padding:0 14px}.trend-filter-row button.active{color:#fff;background:#111014}[data-theme=dark] .trend-filter-row button.active{color:#111014;background:#e9e6dc}.trend-chip-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.trend-chip-grid button{text-align:left;cursor:pointer;background:var(--u-fill);min-height:52px;color:var(--u-ink);box-shadow:none;border:1px solid #0000;border-radius:14px;align-items:center;gap:8px;padding:8px 10px;transition:background-color .1s,box-shadow .1s,transform .1s;display:flex}.trend-chip-grid button span{flex:none;font-size:1.15rem;line-height:1}.trend-chip-grid button strong{font:750 .8rem/1.3 var(--font-body);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-width:0;display:-webkit-box;overflow:hidden}.trend-chip-grid button.active{background:var(--u-accent);color:#111014;box-shadow:none;border-color:#111014}.trend-chip-grid button:active{transform:translate(1px,1px)}.trend-more-btn{cursor:pointer;width:100%;min-height:40px;font:800 .82rem/1 var(--font-heading);color:var(--u-ink);border:1.5px dashed color-mix(in srgb, var(--u-ink) 55%, transparent);background:0 0;border-radius:14px;justify-content:center;align-items:center;gap:6px;margin-top:8px;display:flex}.trend-selected-hero{margin-top:4px;scroll-margin:12px}.trend-hero-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.trend-hero-nav{gap:6px;display:flex}.trend-hero-nav button{cursor:pointer;color:#fff;background:#ffffff24;border:1.5px solid #ffffff8c;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.trend-hero-nav button:active{transform:translate(1px,1px)}.trend-quick-row{scrollbar-width:none;gap:8px;padding:10px 2px 4px;display:flex;overflow-x:auto}.trend-quick-row::-webkit-scrollbar{display:none}.trend-quick-row button{white-space:nowrap;cursor:pointer;min-height:36px;font:800 .8rem/1 var(--font-heading);color:var(--u-ink);background:var(--u-paper);background:var(--u-fill);border:1px solid #0000;border-radius:999px;flex:none;align-items:center;gap:6px;padding:0 12px;display:inline-flex}.trend-quick-row button.active{background:var(--u-accent);color:#111014;box-shadow:none;border-color:#111014}.trend-open-sheet{cursor:pointer;width:100%;min-height:46px;color:var(--u-ink);background:var(--u-fill);box-shadow:none;font:900 .9rem/1 var(--font-heading);border:0;border-radius:999px;align-items:center;gap:8px;margin:8px 0 14px;padding:0 16px;display:flex}.trend-open-sheet small{font:700 .78rem/1 var(--font-body);color:var(--text-muted);margin-left:auto}.trend-open-sheet:active{box-shadow:none;transform:translate(2px,2px)}.trend-sheet-backdrop{z-index:5000;background:#11101473;justify-content:center;align-items:flex-end;animation:.16s ease-out trend-sheet-fade;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}body>.trend-sheet-backdrop{position:fixed}.trend-sheet{box-sizing:border-box;background:var(--u-paper);width:100%;max-width:100%;max-height:82%;color:var(--u-ink);border:var(--u-line) solid var(--u-ink);box-shadow:0 -4px 0 var(--u-shadow-c);padding:0 16px max(16px, env(safe-area-inset-bottom));border-bottom:0;border-radius:24px 24px 0 0;flex-direction:column;transition:transform .18s;animation:.2s cubic-bezier(.2,.8,.2,1) trend-sheet-up;display:flex;overflow:hidden}.trend-sheet-head{touch-action:none;align-items:center;gap:10px;padding:18px 0 10px;display:flex;position:relative}.trend-sheet-handle{background:color-mix(in srgb, var(--u-ink) 30%, transparent);border-radius:4px;width:40px;height:4px;margin-left:-20px;position:absolute;top:7px;left:50%}.trend-sheet-head div{gap:2px;display:grid}.trend-sheet-head strong{font:900 1.05rem/1.2 var(--font-heading)}.trend-sheet-head small{font:600 .75rem/1 var(--font-body);color:var(--text-muted)}.trend-sheet-head button{cursor:pointer;width:36px;height:36px;color:var(--u-ink);background:0 0;background:var(--u-fill);border:0;border-radius:12px;place-items:center;margin-left:auto;display:grid}.trend-sheet-search{border:1px solid var(--u-hair);background:var(--u-soft);border-radius:14px;align-items:center;gap:8px;min-height:42px;padding:0 12px;display:flex}.trend-sheet .trend-sheet-search input[type=search][type=search]{min-width:0;font:600 .9rem/1.2 var(--font-body);color:var(--u-ink);outline:none;flex:1;box-shadow:none!important;background:0 0!important;border:0!important;padding:0!important}.trend-sheet .trend-filter-row{margin:10px 0 6px}.trend-sheet-body{overscroll-behavior:contain;flex:1;min-height:0;margin:0 -2px;padding:2px 2px 6px;overflow-y:auto}.trend-sheet-empty{text-align:center;color:var(--text-muted);padding:28px 0}@keyframes trend-sheet-up{0%{transform:translateY(100%)}to{transform:none}}@keyframes trend-sheet-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.trend-sheet,.trend-sheet-backdrop{animation:none}}.home-clean *,.floating-bottom-nav,.floating-bottom-nav *{-webkit-backdrop-filter:none!important}.tab-loading{min-height:60vh}.hot-reel{color:var(--u-ink);background:color-mix(in srgb, var(--tone) 16%, var(--u-paper));box-shadow:none;border:0;border-radius:22px;padding:16px 16px 14px;position:relative}.hot-reel-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.hot-reel-kicker{font:900 .74rem/1 var(--font-heading);letter-spacing:.1em;color:#c2410c;align-items:center;gap:6px;display:inline-flex}[data-theme=dark] .hot-reel-kicker{color:#ff8a5c}.hot-reel-count{font:800 .72rem/1 var(--font-body);background:#11101412;border-radius:999px;padding:4px 9px}.hot-reel-place{align-items:center;gap:10px;margin-top:12px;display:flex}.hot-reel-place>div{gap:2px;min-width:0;display:grid}.hot-reel-place small{font:800 .7rem/1 var(--font-body);letter-spacing:.08em;color:var(--text-muted)}.hot-reel-place strong{font:900 1rem/1.15 var(--font-heading)}.hot-reel-emoji{background:var(--tone);border:0;border-radius:13px;flex:none;place-items:center;width:42px;height:42px;font-size:1.35rem;display:grid}.hot-reel-next{cursor:pointer;color:#fff;min-height:34px;font:900 .78rem/1 var(--font-heading);white-space:nowrap;background:#111014;border:0;border-radius:999px;align-items:center;gap:2px;margin-left:auto;padding:0 10px 0 14px;display:inline-flex}[data-theme=dark] .hot-reel-next{color:#111014;background:#e9e6dc}.hot-reel-next:active{transform:translate(1px,1px)}.hot-reel-bubble{color:#111014;background:var(--tone);box-shadow:var(--u-sh-sm);border:2.5px solid #111014;border-radius:18px;margin:14px 0 0;padding:16px 70px 16px 16px;position:relative}.hot-reel-bubble:after{content:"";background:var(--tone);border-bottom:2.5px solid #111014;border-right:2.5px solid #111014;border-bottom-right-radius:4px;width:18px;height:18px;position:absolute;bottom:-11px;left:22px;transform:rotate(45deg)skew(8deg,8deg)}.hot-reel-bubble blockquote{font:900 1.32rem/1.22 var(--font-heading);letter-spacing:-.015em;text-wrap:balance;margin:0}.hot-reel-bubble p{font:650 .84rem/1.4 var(--font-body);color:#111014c7;margin:6px 0 0}.hot-reel-play{cursor:pointer;color:#111014;width:50px;height:50px;box-shadow:var(--u-sh-sm);background:#c6f432;border:2.5px solid #111014;border-radius:50%;place-items:center;transition:transform .12s,box-shadow .12s;display:grid;position:absolute;top:50%;right:12px;translate:0 -50%}.hot-reel-play svg{margin-left:3px}.hot-reel-play.playing svg{margin-left:0}.hot-reel-play.playing{background:#fff}.hot-reel-play:active{box-shadow:none;transform:translate(2px,2px)}.hot-reel-voice{min-height:28px;font:750 .76rem/1 var(--font-body);color:var(--text-muted);align-items:center;margin:18px 0 10px 4px;display:flex}.hot-reel-actions{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.hot-reel-actions button{cursor:pointer;white-space:nowrap;min-height:40px;color:var(--u-ink);font:800 .8rem/1 var(--font-heading);background:#ffffffbf;border:0;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 8px;display:inline-flex}.hot-reel-actions button.active{color:#fff;background:#ff4d5e;border-color:#111014}.hot-reel-actions button:active{transform:translate(1px,1px)}@media (prefers-reduced-motion:reduce){.hot-reel-play{transition:none}}.brand-icon{width:44px!important;height:44px!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;padding:0!important;overflow:visible!important}.brand-icon img{display:block;width:100%!important;height:100%!important}.brand-icon .logo-dark,[data-theme=dark] .brand-icon .logo-light{display:none!important}[data-theme=dark] .brand-icon .logo-dark{display:block!important}[data-theme=dark] .hot-reel-actions button{background:#ffffff14}[data-theme=dark] .hot-reel-count{background:#ffffff1a}.home-more button{box-shadow:none!important;border:0!important}.home-more button:first-child{background:#fff1c2}.home-more button:nth-child(2){background:#ddebff}.home-more button:nth-child(3){background:#ffe0ec}[data-theme=dark] .home-more button:first-child{background:#3a3320}[data-theme=dark] .home-more button:nth-child(2){background:#1f2b3e}[data-theme=dark] .home-more button:nth-child(3){background:#3a2230}.home-more button.active{background:var(--u-accent)!important}.home-more-icon{background:#fff!important;border:0!important}.home-more button.active .home-more-icon{color:var(--u-accent)!important;background:#111014!important}.creator-section .creator-moods button.active:not(.surprise-btn){background:var(--u-accent)!important;color:#111014!important;border-color:#111014!important}.creator-section .composer-box button:not(.surprise-btn):not(.personalize-btn):not(.personal-card){color:#fff!important;background:#111014!important;border:0!important;border-radius:999px!important}[data-theme=dark] .creator-section .composer-box button:not(.surprise-btn):not(.personalize-btn):not(.personal-card){color:#111014!important;background:#e9e6dc!important}:root:not([data-theme=dark]) .nav-tab-btn .guide-spark,.nav-tab-btn.active .guide-spark{color:#ff4fa3!important}.trend-region-card{grid-template-columns:1fr 1fr;display:grid!important}.trend-region-card .trend-region-play{grid-column:1/-1}.trend-region-card .trend-download{justify-content:center!important}.trend-region-card .trend-video{border-left:1px solid var(--u-hair);font-weight:850;color:var(--u-ink)!important}.trend-region-card .trend-video:disabled{opacity:.55}.trend-region-card:not(:has(.trend-video)) .trend-download{grid-column:1/-1}.trend-video-note{font:750 .8rem/1.3 var(--font-body);color:#047857;align-items:center;gap:6px;margin:10px 2px 0;display:flex}[data-theme=dark] .trend-video-note{color:#34d399}.trend-vote{background:var(--u-fill);border-radius:14px;align-items:center;gap:8px;margin:14px 0 4px;padding:10px 12px;display:flex}.trend-vote span{font:750 .82rem/1.3 var(--font-body);color:var(--text-muted);flex:1}.trend-vote button{cursor:pointer;width:36px;height:36px;color:var(--u-ink);background:var(--u-paper);border:1px solid var(--u-hair);border-radius:10px;place-items:center;display:grid}.trend-vote button.active.up{color:#111014;background:#c6f432;border-color:#111014}.trend-vote button.active.down{color:#fff;background:#ff4d5e;border-color:#111014}.home-clean .home-main,.home-clean .home-rail{display:contents}.home-clean .clean-hero{order:1}.home-clean .hot-today{order:2}.home-clean .creator-section{order:3}.home-clean .for-you-section{order:4}.home-clean .hot-reel{order:5}.home-clean .home-more{order:6}.home-clean .home-panel{order:7}.desktop-sidebar{display:none}@media (min-width:1024px){:root{--desk-side:264px;--desk-max:1180px}#root{justify-content:stretch!important;align-items:stretch!important;padding:0!important}.app-container{grid-template-columns:var(--desk-side) minmax(0, 1fr);grid-template-rows:minmax(0,1fr);width:100%!important;max-width:none!important;height:100vh!important;height:100dvh!important;max-height:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;display:grid!important}.ios-statusbar,.app-topbar,.floating-bottom-nav{display:none!important}.desktop-sidebar{background:var(--u-paper);border-right:1px solid var(--u-hair);scrollbar-width:none;flex-direction:column;grid-area:1/1;gap:18px;min-height:0;padding:22px 16px 18px;display:flex;overflow-y:auto}.desktop-sidebar::-webkit-scrollbar{display:none}.desk-brand{color:var(--u-ink);text-align:left;align-items:center;gap:12px;padding:4px 8px 6px;display:flex}.desk-brand-icon{flex:0 0 44px;place-items:center;width:44px;height:44px;display:grid}.desk-brand-icon img{object-fit:contain;width:44px;height:44px}.desk-brand-icon .logo-dark,[data-theme=dark] .desk-brand-icon .logo-light{display:none}[data-theme=dark] .desk-brand-icon .logo-dark{display:block}.desk-brand-title strong{font:900 1.06rem/1.1 var(--font-heading,inherit);letter-spacing:.06em;display:block}.desk-brand-title small{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-top:3px;font-size:.72rem;font-weight:800;display:block}.desk-nav{flex-direction:column;gap:16px;display:flex}.desk-nav-group{flex-direction:column;gap:4px;display:flex}.desk-nav-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);padding:0 10px 4px;font-size:.7rem;font-weight:850}.desk-nav-btn{border-radius:var(--u-r-ctrl);border:var(--u-line) solid transparent;width:100%;color:var(--u-ink);text-align:left;align-items:center;gap:12px;padding:8px 10px;transition:background .12s,transform .12s,box-shadow .12s;display:flex}.desk-nav-icon{background:var(--u-fill);width:36px;height:36px;color:var(--u-ink);border-radius:11px;flex:0 0 36px;place-items:center;display:grid}.desk-nav-text{gap:1px;min-width:0;display:grid}.desk-nav-text strong{font-size:.92rem;font-weight:850;line-height:1.2}.desk-nav-text small{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.74rem;font-weight:600;overflow:hidden}.desk-nav-btn:hover{background:var(--u-soft)}.desk-nav-btn.active{background:var(--u-accent);box-shadow:none;color:#111014;border-color:#0000}.desk-nav-btn.active .desk-nav-icon{color:var(--u-accent);background:#111014}.desk-nav-btn.active .desk-nav-text small{color:#111014b3}.desk-nav-btn:active{box-shadow:none;transform:translate(1px,1px)}.desk-quick{border-top:1px solid var(--u-hair);gap:2px;margin-top:auto;padding-top:10px;display:grid}.desk-quick button{border-radius:var(--u-r-ctrl);min-height:40px;color:var(--u-ink);text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:0 12px;font-size:.86rem;font-weight:800;display:flex}.desk-quick button:hover{background:var(--u-soft)}.desk-theme{min-height:38px;color:var(--text-muted);border-radius:999px;justify-content:flex-start;align-items:center;gap:10px;padding:0 12px;font-size:.8rem;font-weight:750;display:flex}.desk-theme:hover{background:var(--u-soft);color:var(--u-ink)}.screen-scroll{grid-area:1/2;scrollbar-width:thin!important;padding:32px clamp(24px,3.5vw,56px) 48px!important}.screen-scroll::-webkit-scrollbar{width:10px!important;display:block!important}.screen-scroll::-webkit-scrollbar-thumb{background-clip:padding-box;border:3px solid #0000;background:var(--u-hair)!important;border-radius:10px!important}.screen-scroll>*{width:100%;max-width:880px;margin-inline-start:auto!important;margin-inline-end:auto!important}[data-tab=home] .screen-scroll>*{max-width:var(--desk-max)}[data-tab=chat] .screen-scroll>*{max-width:820px}[data-tab=dict] .screen-scroll>*,[data-tab=stories] .screen-scroll>*{max-width:1040px}.home-clean{grid-template-columns:minmax(0,1fr) clamp(320px,27vw,380px);align-items:start;gap:28px!important;display:grid!important}.home-clean .home-main{flex-direction:column;gap:22px;min-width:0;display:flex}.home-clean .home-rail{flex-direction:column;gap:22px;min-width:0;display:flex;position:sticky;top:0}.home-clean .home-main>*,.home-clean .home-rail>*{order:0!important;margin:0!important}.home-clean .clean-hero{padding:28px 30px!important}.home-clean .clean-hero h1{margin:12px 0 20px!important;font-size:clamp(1.9rem,2.6vw,2.5rem)!important}.home-clean .hot-reel-bubble blockquote{font-size:1.2rem}.home-clean .personal-feed{scroll-snap-type:none;grid-template-columns:repeat(2,minmax(0,1fr));padding:2px 4px 6px 2px;display:grid!important;overflow:visible!important}.home-clean .personal-card{flex:none!important;width:auto!important;max-width:none!important}.home-clean .personal-copy p{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.home-clean .quick-tools-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.home-clean>.home-panel>*{max-width:100%}[data-tab=dict] .dict-list-container,[data-tab=stories] .stories-list-col{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px!important;display:grid!important}[data-tab=profile] .voice-studio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important;display:grid!important}[data-tab=profile] .voice-studio-grid>*{margin:0!important}.trend-sheet-backdrop{padding:24px;align-items:center!important}.trend-sheet{border-bottom:var(--u-line) solid var(--u-ink)!important;box-shadow:var(--u-sh-lg)!important;border-radius:24px!important;max-height:86vh!important}.trend-sheet-handle{display:none}button{cursor:pointer}}@media (min-width:1600px){:root{--desk-side:288px;--desk-max:1280px}}