/*!
 * 
 * Talk in China
 * Copyright (c) 2026
 * Build: 2026-06-20T14:26:31.710Z
 *
 */
:root{--paper: #f8f4ed;--ink: #181713;--muted: #5f5a51;--cinnabar: #b21f18;--porcelain: #315f7b}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button{font:inherit}.home-start-screen{position:relative;min-height:100vh;min-height:100svh;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:5.75rem 1.25rem 7rem;background:linear-gradient(90deg, rgba(178, 31, 24, 0.16) 0 1px, transparent 1px 100%),var(--paper);background-size:4.75rem 100%,auto}.home-start-screen::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0);backdrop-filter:none;-webkit-backdrop-filter:none;pointer-events:none;z-index:1;transition:backdrop-filter 1s ease,-webkit-backdrop-filter 1s ease,background-color 1s ease}.home-start-screen.is-live::before{background:rgba(248,244,237,.45);backdrop-filter:blur(28px) saturate(120%);-webkit-backdrop-filter:blur(28px) saturate(120%)}.bg-glow-orb{position:absolute;width:min(70vw,36rem);height:min(70vw,36rem);border-radius:50%;filter:blur(120px);-webkit-filter:blur(120px);opacity:0;pointer-events:none;z-index:0;transition:opacity 1.2s cubic-bezier(0.16, 1, 0.3, 1),transform 1.2s cubic-bezier(0.16, 1, 0.3, 1);transform:scale(0.5) translate(0, 0)}.orb-porcelain{background:radial-gradient(circle, rgba(49, 95, 123, 0.45) 0%, rgba(49, 95, 123, 0) 70%);top:5%;left:-15%}.orb-cinnabar{background:radial-gradient(circle, rgba(178, 31, 24, 0.35) 0%, rgba(178, 31, 24, 0) 70%);bottom:5%;right:-15%}.home-start-screen.is-live .bg-glow-orb{opacity:1;transform:scale(1) translate(0, 0)}.home-start-screen.is-live .orb-porcelain{animation:orb-drift-porcelain 25s ease-in-out infinite alternate}.home-start-screen.is-live .orb-cinnabar{animation:orb-drift-cinnabar 25s ease-in-out infinite alternate}@keyframes orb-drift-porcelain{0%{transform:translate(0, 0) scale(1)}50%{transform:translate(8%, 12%) scale(1.15)}100%{transform:translate(-5%, 4%) scale(0.95)}}@keyframes orb-drift-cinnabar{0%{transform:translate(0, 0) scale(1)}50%{transform:translate(-10%, -8%) scale(1.1)}100%{transform:translate(4%, -15%) scale(0.9)}}.home-logo{position:fixed;top:max(1rem,env(safe-area-inset-top));left:1.25rem;z-index:3;color:var(--ink);font-size:.95rem;font-weight:700;line-height:1;letter-spacing:0;text-decoration:none}.home-logo::before{content:"";display:inline-block;width:.58rem;height:.58rem;margin-right:.5rem;border-radius:1px;background:var(--cinnabar);vertical-align:.02rem}.home-auth{position:fixed;top:max(.85rem,env(safe-area-inset-top));right:1.25rem;z-index:4}.home-login-link,.auth-avatar-button{display:inline-flex;align-items:center;justify-content:center;min-height:2.35rem;border:1px solid rgba(24,23,19,.14);background:hsla(0,0%,100%,.72);color:var(--ink);box-shadow:0 8px 24px rgba(24,23,19,.08);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.home-login-link{padding:0 .95rem;border-radius:999px;font-size:.88rem;font-weight:800;line-height:1;text-decoration:none}.home-login-link:hover,.home-login-link:focus-visible{color:var(--ink);border-color:rgba(178,31,24,.35);background:hsla(0,0%,100%,.9)}.auth-menu{position:relative}.auth-avatar-button{width:2.35rem;height:2.35rem;padding:0;border-radius:50%;cursor:pointer;list-style:none;overflow:hidden}.auth-avatar-button::-webkit-details-marker{display:none}.auth-avatar{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.auth-avatar-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--porcelain);color:#fffaf3;font-weight:800}.auth-menu-panel{position:absolute;top:calc(100% + .55rem);right:0;min-width:min(18rem,100vw - 2.5rem);padding:.8rem;border:1px solid rgba(24,23,19,.12);border-radius:8px;background:hsla(0,0%,100%,.94);box-shadow:0 18px 50px rgba(24,23,19,.16);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.auth-menu-name,.auth-menu-email{overflow-wrap:anywhere}.auth-menu-name{color:var(--ink);font-size:.92rem;font-weight:800}.auth-menu-email{margin-top:.18rem;color:var(--muted);font-size:.78rem}.auth-menu-logout{display:block;margin-top:.75rem;padding-top:.65rem;border-top:1px solid rgba(24,23,19,.1);color:var(--cinnabar);font-size:.84rem;font-weight:800;text-decoration:none}.home-hero{width:min(100%,38rem);position:relative;z-index:2}.home-hero h1{max-width:11ch;margin:0;color:var(--ink);font-family:Georgia,"Times New Roman",serif;font-size:clamp(3.15rem,18vw,5.8rem);font-weight:500;line-height:.92;letter-spacing:0}.home-translation-bridge{display:flex;align-items:center;gap:.35rem;margin:1.8rem 0 0;width:100%}.lang-card{display:flex;align-items:center;gap:.35rem;padding:.35rem .55rem;background:hsla(0,0%,100%,.55);border:1px solid rgba(24,23,19,.08);border-radius:999px;box-shadow:0 2px 8px rgba(0,0,0,.02);transition:all .24s cubic-bezier(0.16, 1, 0.3, 1);cursor:default;white-space:nowrap;flex-shrink:0}.lang-card:hover{background:hsla(0,0%,100%,.85);border-color:rgba(24,23,19,.15);box-shadow:0 4px 12px rgba(0,0,0,.04);transform:translateY(-1px)}.lang-code{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:50%;font-size:.7rem;font-weight:800;color:#fffaf3}.lang-english .lang-code{background:var(--porcelain)}.lang-chinese .lang-code{background:var(--cinnabar)}.lang-name{font-size:.8rem;font-weight:700;color:var(--ink)}.bridge-connector{display:flex;align-items:center;gap:.2rem;color:var(--muted);transition:color .2s ease;flex-shrink:0}.bridge-connector:hover{color:var(--cinnabar)}.bridge-connector:hover .exchange-icon-svg{transform:rotate(180deg)}.exchange-icon-svg{width:1rem;height:1rem;transition:transform .4s cubic-bezier(0.16, 1, 0.3, 1)}.connector-wave{display:flex;align-items:center;gap:1.5px;height:.6rem}.connector-wave span{display:block;width:2px;background:currentColor;border-radius:1px;opacity:.45;animation:wave-bar-pulse 1.4s ease-in-out infinite}.connector-wave span:nth-child(1){height:35%;animation-delay:.1s}.connector-wave span:nth-child(2){height:80%;animation-delay:.3s}.connector-wave span:nth-child(3){height:50%;animation-delay:.2s}@media(min-width: 375px){.home-translation-bridge{gap:.6rem}.lang-card{padding:.42rem .7rem;gap:.45rem}.lang-code{width:1.7rem;height:1.7rem;font-size:.76rem}.lang-name{font-size:.88rem}.bridge-connector{gap:.3rem}.exchange-icon-svg{width:1.2rem;height:1.2rem}.connector-wave{height:.7rem;gap:2px}}@keyframes wave-bar-pulse{0%,100%{transform:scaleY(0.4)}50%{transform:scaleY(1.1)}}.dialect-marquee-wrapper{position:relative;width:100%;max-width:24rem;margin:1.2rem 0;overflow:hidden;mask-image:linear-gradient(to right, transparent 0%, #000 15%, #000 85%, transparent 100%);-webkit-mask-image:linear-gradient(to right, transparent 0%, #000 15%, #000 85%, transparent 100%)}.dialect-track{display:flex;gap:.5rem;width:-webkit-max-content;width:-moz-max-content;width:max-content;animation:dialect-scroll 26s linear infinite}.dialect-track:hover,.dialect-track:focus-within{animation-play-state:paused}@keyframes dialect-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.dialect-tag{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .6rem;font-size:.78rem;font-weight:600;color:var(--muted);background:rgba(24,23,19,.035);border:1px solid rgba(24,23,19,.05);border-radius:999px;white-space:nowrap;transition:all .2s ease;cursor:default}.dialect-tag span{font-size:.72rem;font-weight:400;opacity:.6}.dialect-tag:hover,.dialect-tag:focus-visible{background:rgba(178,31,24,.06);border-color:rgba(178,31,24,.18);color:var(--cinnabar);transform:translateY(-1px)}.dialect-tag:focus-visible{outline:3px solid rgba(49,95,123,.24);outline-offset:3px}.dialect-tooltip{position:fixed;z-index:20;max-width:min(18rem,100vw - 1.5rem);padding:.62rem .72rem;border-radius:6px;background:rgba(24,23,19,.94);color:#fffaf3;box-shadow:0 10px 28px rgba(0,0,0,.18);font-size:.74rem;font-weight:650;line-height:1.35;letter-spacing:0;pointer-events:none;opacity:0;transform:translateY(2px);transition:opacity .14s ease,transform .14s ease}.dialect-tooltip[hidden]{display:none}.dialect-tooltip.is-visible{opacity:1;transform:translateY(0)}.dialect-tooltip::after{content:"";position:absolute;bottom:-5px;left:50%;width:0;height:0;border-top:5px solid rgba(24,23,19,.94);border-right:5px solid rgba(0,0,0,0);border-left:5px solid rgba(0,0,0,0);transform:translateX(-50%)}.dialect-tooltip.is-below::after{top:-5px;bottom:auto;border-top:0;border-bottom:5px solid rgba(24,23,19,.94)}.home-live-context{margin:.8rem 0 0;color:var(--muted);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;display:inline-flex;align-items:center;gap:.35rem}.home-live-context::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55e;animation:active-glow 2s infinite ease-in-out}@keyframes active-glow{0%,100%{opacity:.5;transform:scale(0.9)}50%{opacity:1;transform:scale(1.15)}}.start-live-talk{position:fixed;right:1.25rem;bottom:max(1.25rem,env(safe-area-inset-bottom));left:1.25rem;z-index:3;min-height:3.55rem;border:0;border-radius:6px;background:var(--cinnabar);color:#fffaf3;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .16s ease,background-color .16s ease}.start-live-talk:hover{background:#9f1b15}.start-live-talk:active{transform:translateY(1px)}.start-live-talk:focus-visible,.live-talk-wave:focus-visible,.live-talk-return-primary:focus-visible,.live-talk-return-secondary:focus-visible{outline:3px solid rgba(49,95,123,.3);outline-offset:4px}.start-live-talk[hidden]{display:none}.has-login-required-modal{overflow:hidden}.login-required-modal{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:1.25rem}.login-required-modal[hidden]{display:none}.login-required-backdrop{position:absolute;inset:0;background:rgba(24,23,19,.42);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.login-required-panel{position:relative;width:min(100%,24rem);padding:1.2rem;border:1px solid rgba(24,23,19,.12);border-radius:8px;background:rgba(255,250,243,.97);color:var(--ink);box-shadow:0 24px 70px rgba(24,23,19,.24)}.login-required-close{position:absolute;top:.7rem;right:.7rem;width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:rgba(0,0,0,0);color:var(--muted);font-size:1.45rem;line-height:1;cursor:pointer}.login-required-close:hover,.login-required-close:focus-visible{background:rgba(24,23,19,.06);color:var(--ink)}.login-required-kicker{margin:0 2.4rem .45rem 0;color:var(--porcelain);font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.login-required-panel h2{margin:0;max-width:12rem;color:var(--ink);font-family:Georgia,"Times New Roman",serif;font-size:1.75rem;font-weight:500;line-height:1.05;letter-spacing:0}.login-required-copy{margin:.78rem 0 0;color:var(--muted);font-size:.94rem;font-weight:600;line-height:1.45}.login-required-actions{display:flex;flex-direction:column;gap:.55rem;margin-top:1rem}.login-required-primary,.login-required-secondary{min-height:2.8rem;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;font-size:.94rem;font-weight:800;line-height:1;text-decoration:none;cursor:pointer}.login-required-primary{border:1px solid var(--cinnabar);background:var(--cinnabar);color:#fffaf3}.login-required-primary:hover,.login-required-primary:focus-visible{background:#9f1b15;color:#fffaf3}.login-required-secondary{border:1px solid rgba(24,23,19,.13);background:hsla(0,0%,100%,.58);color:var(--ink)}.login-required-secondary:hover,.login-required-secondary:focus-visible{border-color:rgba(49,95,123,.28);background:hsla(0,0%,100%,.82)}.login-required-close:focus-visible,.login-required-primary:focus-visible,.login-required-secondary:focus-visible{outline:3px solid rgba(49,95,123,.28);outline-offset:3px}.microphone-permission-modal .login-required-panel h2{max-width:18rem}.microphone-permission-guidance{margin-top:.9rem;padding:.8rem;border:1px solid rgba(24,23,19,.1);border-radius:6px;background:hsla(0,0%,100%,.48)}.microphone-permission-device{margin:0 0 .45rem;color:var(--ink);font-size:.84rem;font-weight:800;line-height:1.25}.microphone-permission-steps{margin:0;padding-left:1.15rem;color:var(--muted);font-size:.86rem;font-weight:620;line-height:1.42}.microphone-permission-steps li+li{margin-top:.35rem}.live-talk-session{position:relative;z-index:2;width:min(100%,46rem);display:flex;flex-direction:column;height:calc(100vh - 7.5rem);height:calc(100svh - 7.5rem);margin:0 auto;box-sizing:border-box;justify-content:space-between}.live-talk-session[hidden]{display:none}.live-talk-wave{width:100%;min-height:auto;display:grid;align-content:center;gap:.35rem;padding:1.4rem 0 max(.5rem,env(safe-area-inset-bottom));border:0;background:rgba(0,0,0,0);cursor:pointer;flex-shrink:0;margin-top:auto}.home-start-screen.is-awaiting-resume .live-talk-wave{cursor:default}.live-talk-return-actions{display:flex;flex-direction:column;gap:.55rem;width:100%;padding:0 0 max(.5rem,env(safe-area-inset-bottom));flex-shrink:0}.live-talk-return-actions[hidden]{display:none}.live-talk-return-primary,.live-talk-return-secondary{min-height:3rem;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;font-size:.96rem;font-weight:800;line-height:1;cursor:pointer}.live-talk-return-primary{border:1px solid var(--cinnabar);background:var(--cinnabar);color:#fffaf3}.live-talk-return-primary:hover,.live-talk-return-primary:focus-visible{background:#9f1b15;color:#fffaf3}.live-talk-return-secondary{border:1px solid rgba(24,23,19,.13);background:hsla(0,0%,100%,.58);color:var(--ink)}.live-talk-return-secondary:hover,.live-talk-return-secondary:focus-visible{border-color:rgba(49,95,123,.28);background:hsla(0,0%,100%,.82)}.live-talk-status{margin:0;color:var(--muted);font-size:.85rem;font-weight:650;line-height:1.2;text-align:center;letter-spacing:0;flex-shrink:0;padding:.1rem 0}.live-talk-text-panel{position:relative;min-width:0;flex:1 1 auto;display:flex;flex-direction:column;overflow:hidden;text-align:center}.live-talk-text-translation{color:var(--ink)}.live-talk-text-translation::after{content:"";position:absolute;right:0;bottom:0;left:0;height:3.5rem;background:linear-gradient(to bottom, rgba(248, 244, 237, 0), var(--paper) 90%);pointer-events:none;z-index:2}.live-talk-transcript{flex:1 1 auto;overflow-y:auto;display:flex;flex-direction:column;justify-content:flex-start;gap:.5rem;max-height:none !important;min-height:0 !important;padding:1rem 0 3.5rem;scrollbar-width:none}.live-talk-transcript::-webkit-scrollbar{display:none}.live-talk-transcript:empty::before{content:attr(data-placeholder);color:rgba(95,90,81,.55);font-size:clamp(2rem,8vw,3.6rem);font-weight:760;text-align:center;display:block;margin-top:2rem}.transcript-item{margin:.35rem 0;line-height:1.25;text-align:center;transition:font-size .35s cubic-bezier(0.16, 1, 0.3, 1),color .35s cubic-bezier(0.16, 1, 0.3, 1),opacity .35s cubic-bezier(0.16, 1, 0.3, 1),transform .35s cubic-bezier(0.16, 1, 0.3, 1);transform-origin:center center}.transcript-item.is-latest{font-size:clamp(2.2rem,8vw,3.6rem);font-weight:760;color:var(--ink);opacity:1;transform:scale(1)}.transcript-item.is-latest.is-draft{color:var(--muted);opacity:.8}.transcript-item.is-second-latest{font-size:clamp(1.5rem,5.5vw,2.3rem);font-weight:650;color:rgba(24,23,19,.72);opacity:.75}.transcript-item.is-history{font-size:clamp(1.1rem,4vw,1.45rem);font-weight:500;color:rgba(24,23,19,.45);opacity:.5}.wave-line{height:2.2rem;display:flex;align-items:center;justify-content:center;gap:.32rem}.wave-line span{width:.22rem;height:var(--wave-level, 0.28rem);border-radius:999px;background:rgba(24,23,19,.18);transform-origin:center;opacity:1;transition:none}.home-start-screen.is-input-active .wave-line-input span{background:var(--cinnabar);transition:height 90ms linear,background-color 140ms ease}.home-start-screen.is-output-active .wave-line-output span{background:var(--porcelain);transition:height 90ms linear,background-color 140ms ease}.home-start-screen.is-input-active .wave-line-input span,.home-start-screen.is-output-active .wave-line-output span{opacity:1}.home-start-screen.is-paused .wave-line span{opacity:.2}.home-start-screen.is-live{justify-content:space-between;padding-top:max(4.5rem,env(safe-area-inset-top));padding-bottom:max(1rem,env(safe-area-inset-bottom));height:100vh;height:100svh;box-sizing:border-box}.home-start-screen.is-live .home-hero{display:none}.live-talk-screen-status{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap}@media(min-width: 720px){.home-start-screen{padding-right:4rem;padding-left:4rem;background-size:7rem 100%,auto}.home-logo{left:4rem;font-size:1rem}.home-hero h1{max-width:13ch;font-size:6.4rem}.home-translation-bridge{margin-top:2.2rem;gap:.9rem}.lang-card{padding:.55rem .95rem;gap:.65rem}.lang-code{width:2.1rem;height:2.1rem;font-size:.88rem}.lang-name{font-size:1.05rem}.bridge-connector{gap:.45rem}.exchange-icon-svg{width:1.45rem;height:1.45rem}.dialect-marquee-wrapper{max-width:32rem;margin:1.6rem 0}.dialect-tag{padding:.35rem .75rem;font-size:.85rem}.dialect-tag span{font-size:.78rem}.home-live-context{font-size:.84rem}.start-live-talk{right:4rem;left:auto;width:15rem}.live-talk-wave{min-height:auto;gap:.5rem}.live-talk-return-actions{width:min(100%,28rem);margin:0 auto;flex-direction:row}.live-talk-return-primary,.live-talk-return-secondary{flex:1 1 0}.wave-line{height:2.8rem;gap:.42rem}.wave-line span{width:.28rem}}.home-illustration{display:none}@media(min-width: 1024px){.home-start-screen:not(.is-live){display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:4rem;padding-left:6rem;padding-right:6rem}.home-illustration{display:flex;justify-content:center;align-items:center;z-index:2}.home-illustration img{width:100%;max-width:480px;height:auto;max-height:60vh;-o-object-fit:contain;object-fit:contain}}.home-start-screen.is-live .home-illustration{display:none !important}