@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;650;700&family=Outfit:wght@400;500;600;650;700;750;800;900&display=swap');

:root{color-scheme:light;--paper:#fffaf1;--white:#fff;--ink:#302820;--muted:#7e7367;--line:#e9e1d4;--coral:#e95037;--coral-dark:#cb3824;--yellow:#ffc84e;--green:#2e6656;--pale-green:#e9f2e9;--font:'DM Sans',system-ui,-apple-system,sans-serif;--display:'Outfit',var(--font)}
*{box-sizing:border-box}html{min-height:100%;background:#f1ede5}body{margin:0;color:var(--ink);font-family:var(--font);font-size:15px;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button{touch-action:manipulation}button:disabled{cursor:wait;opacity:.65}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #276b91;outline-offset:4px}button,textarea{border-radius:0}[hidden]{display:none!important}.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}.icon{display:block;flex:none;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.app-shell{width:min(100%,460px);min-height:100svh;margin:0 auto;padding:26px 26px 0;background:var(--paper);overflow:hidden}.app-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.brand{display:flex;flex-direction:column}.brand-name{font-family:var(--display);font-size:32px;line-height:1;font-weight:800;letter-spacing:-1.2px}.brand-mark{color:var(--coral)}.brand-caption{font-size:9px;font-weight:700;letter-spacing:2px;margin-top:8px}.icon-button{width:43px;height:43px;border:1px solid var(--line);border-radius:50%;background:transparent;display:grid;place-items:center;flex:none;transition:background .15s,transform .15s}.icon-button:hover{background:#f1e8d9;transform:rotate(-5deg)}.settings-button .icon{width:19px;height:19px}.language-switch{display:flex;align-items:center;justify-content:space-between;width:100%;padding:9px 14px;border:1px solid var(--line);border-radius:16px;background:#fffdf9;min-height:56px;transition:border .2s,background .2s}.language-switch:hover{border-color:#cbbda9;background:#fff}.language{display:flex;align-items:center;gap:9px;min-width:0}.language-name{font-size:14px;font-weight:650}.language-code{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#fae8b5;font-size:10px;font-weight:800;letter-spacing:.3px}.target-code{background:#fbded8;color:#9d3825}.swap-circle{width:31px;height:31px;background:#f4eee4;display:grid;place-items:center;border-radius:50%;margin:0 8px}.swap-circle .icon{width:16px;height:16px}.avatar-section{position:relative;min-height:284px;display:flex;align-items:flex-start;justify-content:center;margin:7px -12px 0}.avatar-wrap{position:relative;width:min(100%,330px);aspect-ratio:1;overflow:hidden;mix-blend-mode:multiply;transform-origin:50% 75%}.avatar-canvas,.avatar-fallback{width:100%;height:100%;display:block;object-fit:contain;position:absolute;inset:0}.avatar-canvas{opacity:0}.avatar-wrap.ready .avatar-canvas{opacity:1}.avatar-wrap.ready .avatar-fallback{visibility:hidden}.aside-note{z-index:1;position:absolute;left:7px;top:24px;font-family:var(--display);font-size:13px;line-height:1.15;font-weight:650;transform:rotate(-9deg);max-width:105px;padding:10px 11px;background:#ffdc77;border-radius:12px 12px 3px 12px;box-shadow:2px 3px 0 #e9bb492e}.state-badge{position:absolute;bottom:4px;left:50%;transform:translateX(-50%);white-space:nowrap;border:1px solid #e5dfd3;background:#fffefaeF;border-radius:99px;padding:8px 13px;display:flex;align-items:center;gap:7px;font-size:11px;font-weight:600;box-shadow:0 3px 12px #48331808}.state-dot{height:6px;width:6px;background:var(--green);border-radius:50%}.mini-wave{display:none;align-items:center;gap:2px;height:12px}.mini-wave i{height:5px;width:2px;background:currentColor;border-radius:2px;animation:wave .65s ease-in-out infinite alternate}.mini-wave i:nth-child(2){height:11px;animation-delay:-.4s}.mini-wave i:nth-child(3){height:7px;animation-delay:-.15s}.mini-wave i:nth-child(4){height:12px;animation-delay:-.5s}.mini-wave i:nth-child(5){animation-delay:-.2s}.controls{text-align:center;margin-top:16px}.status-copy{min-height:55px;margin-bottom:17px}.status-copy h1{font:700 26px/1.12 var(--display);letter-spacing:-.6px;margin:0 0 7px}.status-copy p{font-size:12px;line-height:1.5;color:var(--muted);margin:0}.talk-button{width:100%;min-height:65px;border:0;border-radius:18px;background:var(--coral);color:#fff;display:flex;align-items:center;text-align:left;gap:13px;padding:12px 19px;font-family:var(--display);font-size:19px;font-weight:650;box-shadow:0 4px 0 #c63f29;transition:background .18s,transform .18s,box-shadow .18s}.talk-button:hover{background:#e3452c;transform:translateY(-1px);box-shadow:0 5px 0 #c63f29}.talk-button:active{transform:translateY(3px);box-shadow:0 1px 0 #c63f29}.talk-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#ffffff21}.talk-icon .icon{height:22px;width:22px}.talk-trailing{font-size:24px;margin-left:auto;font-weight:400}.write-button{margin:14px auto 12px;border:0;background:transparent;color:#7d7164;font-size:12px;display:flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:0 14px}.write-button:hover{color:var(--ink)}.write-button .icon{height:17px;width:17px}.phrases-button{width:100%;border:1px solid var(--line);border-radius:17px;background:#fffdf8;display:flex;align-items:center;gap:12px;text-align:left;padding:14px 15px;min-height:76px;transition:background .18s,border .18s}.phrases-button:hover{background:#fff;border-color:#cfbea3}.phrases-icon{height:39px;width:39px;background:#f6eacb;color:#8d651f;border-radius:12px;display:grid;place-items:center;flex:none}.phrases-icon .icon{width:21px;height:21px}.phrases-button strong{font-family:var(--display);display:block;font-size:16px;font-weight:650;margin-bottom:3px}.phrases-button small{font-size:11px;color:var(--muted)}.phrases-chevron{margin-left:auto;width:17px;height:17px;color:#8e8171}.demo-label{font-size:8px;font-weight:600;letter-spacing:1.1px;display:flex;justify-content:center;align-items:center;gap:6px;color:#928779;margin:19px 0 21px}.demo-label>span{height:4px;width:4px;background:#c1ad90;border-radius:50%}.app-footer{margin:0 -26px;padding:14px 26px max(14px,env(safe-area-inset-bottom));border-top:1px solid var(--line);font-size:9px;color:#a29583;display:flex;align-items:center;justify-content:space-between}.footer-flower{font-size:21px;color:#c1a375;line-height:1}.result-card{border-radius:18px;background:#fff;border:1px solid #e5dece;padding:18px 19px 15px;margin:3px 0 16px;box-shadow:0 4px 16px #50341604;animation:slideIn .28s ease-out}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.3px;color:var(--muted);margin:0 0 6px}.result-source{padding-bottom:13px;margin-bottom:9px;border-bottom:1px solid #eee8df}.result-source p{font-size:14px;margin:5px 0 0;line-height:1.5;color:#716558}.translation-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.translation-row .eyebrow{color:var(--green);margin:0}.small-icon-button{width:32px;height:32px;display:grid;place-items:center;background:transparent;border:0;border-radius:8px;color:#8a7d6c}.small-icon-button .icon{height:17px;width:17px}.small-icon-button:hover{background:#f4f0e8}.translated-text{margin:2px 0 14px;font-family:var(--display);font-size:27px;line-height:1.25;font-weight:600;letter-spacing:-.4px;overflow-wrap:anywhere}.result-actions{display:flex;align-items:center;justify-content:space-between}.replay-button,.copy-button{border:0;background:transparent;display:flex;align-items:center;gap:7px;min-height:36px;font-size:12px;padding:0 9px;border-radius:8px}.replay-button{background:var(--pale-green);color:#2c6352;font-weight:600;padding:0 11px}.copy-button{color:#8b7e6c}.replay-button .icon,.copy-button .icon{width:16px;height:16px}.audio-note{font-size:10px;line-height:1.5;color:var(--muted);margin:10px 0 0}
[data-state="listening"] .state-badge{background:#ffefc0;border-color:#ebd898;color:#8f641e}[data-state="listening"] .state-dot{background:#bd821f;animation:breathe 1s infinite}[data-state="listening"] .mini-wave,[data-state="speaking"] .mini-wave{display:flex}[data-state="listening"] .talk-button{background:#88692d;box-shadow:0 4px 0 #66501e}[data-state="thinking"] .state-dot{animation:breathe .6s infinite}[data-state="speaking"] .state-badge{background:#eef5ed;border-color:#c8ddc6;color:var(--green)}[data-state="speaking"] .talk-button{background:var(--green);box-shadow:0 4px 0 #1f4a3f}[data-state="speaking"] .state-dot{display:none}[data-state="speaking"][data-motion="fun"] .avatar-wrap{animation:chatter .48s ease-in-out infinite alternate}[data-state="listening"][data-motion="fun"] .avatar-wrap{animation:listenTilt 2s ease-in-out infinite alternate}[data-state="speaking"][data-motion="soft"] .avatar-wrap{animation:softChatter .8s ease-in-out infinite alternate}[data-motion="off"] .mini-wave i{animation:none}
dialog{color:var(--ink);font-family:var(--font);border:0;padding:0;max-width:none;max-height:none;box-shadow:0 -14px 70px #3c2a2129}dialog::backdrop{background:#332b2199;backdrop-filter:blur(4px)}dialog[open]{animation:sheetIn .23s ease-out}.sheet{position:fixed;inset:auto 0 0;margin:0 auto;width:min(100%,460px);border-radius:26px 26px 0 0;max-height:88svh;overflow-y:auto;overscroll-behavior:contain;padding:10px 24px max(26px,env(safe-area-inset-bottom));background:var(--paper)}.sheet-handle{height:4px;width:36px;border-radius:4px;background:#dcd2c1;margin:0 auto 20px}.sheet-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.sheet-header h2{font:750 30px/1.05 var(--display);letter-spacing:-.7px;margin:0}.sheet-header .eyebrow{font-size:8px;letter-spacing:1.7px;margin-bottom:8px}.sheet-header .icon-button{height:36px;width:36px}.sheet-header .icon-button .icon{height:18px;width:18px}.sheet-intro{font-size:13px;color:var(--muted);margin:12px 0 20px}.category-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:17px}.category-tabs button{padding:9px 11px;border:1px solid var(--line);border-radius:99px;font-size:11px;background:transparent;min-height:36px}.category-tabs button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}.phrase-list{display:flex;flex-direction:column;gap:8px}.phrase-item{width:100%;border:1px solid var(--line);border-radius:13px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;text-align:left;min-height:68px}.phrase-item:hover{background:#fff5df;border-color:#dfc48f}.phrase-item strong{font-size:14px;font-weight:600;display:block;line-height:1.4}.phrase-item small{font-size:12px;color:var(--muted);display:block;margin-top:4px;line-height:1.4}.phrase-item .icon{height:17px;width:17px;color:var(--green)}.setting-row{padding:25px 0 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.setting-row strong{font-size:14px;font-weight:600;display:block}.setting-row small{font-size:11px;line-height:1.5;color:var(--muted);display:block;margin-top:5px}.toggle{width:46px;height:27px;position:relative;display:block;flex:none}.toggle input{position:absolute;inset:0;opacity:0;z-index:2;margin:0;cursor:pointer;width:100%;height:100%}.toggle-track{position:absolute;inset:0;border-radius:99px;background:#d5ccbd;transition:background .2s}.toggle-track:after{content:'';height:21px;width:21px;border-radius:50%;position:absolute;left:3px;top:3px;background:#fff;box-shadow:0 1px 3px #0002;transition:transform .2s}.toggle input:checked+.toggle-track{background:var(--green)}.toggle input:checked+.toggle-track:after{transform:translateX(19px)}.toggle input:focus-visible+.toggle-track{outline:3px solid #276b91;outline-offset:3px}.setting-block{margin:0;padding:20px 0;border:0;border-bottom:1px solid var(--line);min-width:0}.setting-block>label{display:flex;justify-content:space-between;gap:15px;font-size:14px;font-weight:500}.setting-block>label>span{color:var(--muted);font-size:12px}.setting-block>label strong{font-weight:600}.setting-block input[type=range]{accent-color:var(--green);width:100%;margin:16px 0 3px;min-height:22px}.range-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.setting-block legend{float:left;width:100%;font-size:14px;font-weight:600;padding:0;margin:0 0 13px}.segmented{display:flex;clear:both;gap:5px;border-radius:12px;padding:4px;background:#eee7da}.segmented label{flex:1;position:relative}.segmented input{position:absolute;inset:0;opacity:0;width:100%;height:100%;z-index:2;cursor:pointer;margin:0}.segmented span{display:block;text-align:center;padding:10px 4px;border-radius:9px;font-size:11px;color:var(--muted)}.segmented input:checked+span{background:#fff;box-shadow:0 1px 4px #46372410;color:var(--ink);font-weight:600}.segmented input:focus-visible+span{outline:3px solid #276b91}.setting-title{font-size:14px;font-weight:600;margin:0 0 13px}.state-previews{display:flex;gap:10px}.state-previews button{flex:1;min-width:0;background:#fff;border:1px solid var(--line);border-radius:13px;padding:7px 7px 10px;font-size:11px}.state-previews button:hover{border-color:#c09858;background:#fff3dc}.state-previews img{display:block;max-width:85px;width:100%;margin:0 auto 5px;border-radius:6px;mix-blend-mode:multiply}.demo-explainer{display:flex;align-items:flex-start;gap:10px;margin-top:22px;padding:14px;border-radius:12px;background:#f4ead7}.demo-explainer>.icon{height:19px;width:19px;color:#927337;margin-top:2px}.demo-explainer p{font-size:11px;line-height:1.6;color:#887353;margin:0}.demo-explainer strong{display:block;font-size:12px;color:#634f32;margin-bottom:4px}.sheet form{margin-top:22px}.sheet textarea{width:100%;resize:vertical;max-height:200px;min-height:120px;background:#fff;border:1px solid #dacebb;border-radius:14px;padding:15px;font-size:17px;line-height:1.5;color:var(--ink)}.sheet textarea::placeholder{color:#aca294}.write-help{font-size:11px;line-height:1.5;color:var(--muted);margin:10px 0 14px}.suggestions{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:20px}.suggestions button{border:1px solid #dfd2ba;border-radius:99px;background:transparent;padding:8px 12px;font-size:11px;min-height:36px}.suggestions button:hover{background:#f4e5c6}.solid-button{width:100%;border:0;background:var(--green);color:#fff;border-radius:13px;min-height:51px;font-size:14px;font-weight:600;padding:13px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px}.solid-button:hover{background:#1d5142}.solid-button>.icon{width:18px;height:18px}.form-error{padding:10px 13px;background:#f9e2da;border-radius:10px;font-size:12px;line-height:1.5;color:#9a422c;margin:0 0 15px}.large-sheet{position:fixed;inset:0;margin:auto;width:min(100%,520px);height:100svh;background:var(--paper);padding:27px;display:none;flex-direction:column;justify-content:center}.large-sheet[open]{display:flex}.large-header{display:flex;justify-content:space-between;align-items:center;position:absolute;top:25px;left:27px;right:27px}.large-header .eyebrow{margin:0}.large-text{font-family:var(--display);font-size:clamp(38px,8vw,66px);font-weight:600;line-height:1.25;letter-spacing:-1px;margin:40px 0 20px;overflow-wrap:anywhere}.large-source{font-size:17px;color:var(--muted);line-height:1.5;margin:0 0 35px}.large-sheet .solid-button{justify-content:center}.toast{position:fixed;z-index:10;left:50%;bottom:max(25px,env(safe-area-inset-bottom));transform:translateX(-50%);background:#332b24;color:#fffdf6;border-radius:13px;width:max-content;max-width:calc(100% - 35px);padding:13px 18px;font-size:12px;line-height:1.5;box-shadow:0 4px 22px #1c120f26;text-align:center;pointer-events:none}.noscript{padding:20px;text-align:center;font-size:13px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@keyframes wave{to{transform:scaleY(.35)}}@keyframes breathe{50%{opacity:.3}}@keyframes chatter{from{transform:rotate(-.45deg) translateY(0)}to{transform:rotate(.4deg) translateY(-1.7px)}}@keyframes softChatter{to{transform:translateY(-.7px)}}@keyframes listenTilt{from{transform:rotate(-1deg)}to{transform:rotate(.7deg)}}@keyframes slideIn{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes sheetIn{from{opacity:.5;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:600px){.app-shell{margin:26px auto;border-radius:27px;min-height:0;border:1px solid #e2d8c9;box-shadow:0 20px 70px #5846280b;padding-top:28px}.app-header{margin-bottom:24px}.avatar-section{margin-top:12px}.avatar-wrap{width:342px}.app-footer{border-radius:0 0 27px 27px}.sheet{bottom:28px;border-radius:24px;max-height:calc(100svh - 56px)}.large-sheet{height:min(780px,calc(100svh - 50px));border-radius:25px}.demo-label{margin-bottom:25px}}
@media(max-width:370px){.app-shell{padding-left:20px;padding-right:20px;padding-top:21px}.app-header{margin-bottom:21px}.brand-name{font-size:30px}.brand-caption{font-size:8px}.language-switch{padding:9px 10px}.language-name{font-size:12px}.language{gap:6px}.avatar-wrap{width:290px}.avatar-section{min-height:270px}.aside-note{font-size:12px;left:2px;top:19px}.talk-button{font-size:17px;padding-left:13px;padding-right:15px;gap:10px}.status-copy h1{font-size:24px}.status-copy p{font-size:11px}.controls{margin-top:13px}.app-footer{margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px}.sheet{padding-left:20px;padding-right:20px}.category-tabs{gap:5px}.category-tabs button{padding-left:10px;padding-right:10px}}
.large-status{font-size:12px;line-height:1.5;color:var(--muted);margin:0 0 12px;min-height:18px}.large-sheet .audio-note{font-size:11px;margin-top:15px}.app-shell[data-has-result="true"] .avatar-section{min-height:0}.app-shell[data-has-result="true"] .avatar-wrap{width:230px}.app-shell[data-has-result="true"] .aside-note{top:17px;font-size:12px}.app-shell[data-has-result="true"] .controls{margin-top:12px}.app-shell[data-has-result="true"] .status-copy{margin-bottom:12px;min-height:48px}.app-shell[data-has-result="true"] .talk-button{min-height:58px}.app-shell[data-has-result="true"] .write-button{margin-top:9px;margin-bottom:9px}
.nearby-open{width:100%;background:transparent;border:0;display:flex;align-items:center;gap:9px;padding:13px 8px 9px;min-height:46px;color:var(--green);font-size:12px;font-weight:600;text-align:left}.nearby-open>.icon{width:17px;height:17px}.nearby-open>.icon:last-child{margin-left:auto;width:14px;height:14px}.nearby-open:hover{color:#183d33}.nearby-open+.demo-label{margin-top:10px}.nearby-sheet .sheet-intro{margin-bottom:21px}.locate-button{justify-content:flex-start;gap:10px}.locate-button>span:last-child{margin-left:auto}.locate-button:disabled{opacity:.72;cursor:wait}.location-status{font-size:11px;color:var(--green);line-height:1.5;min-height:33px;margin:11px 0 14px}.location-status.is-error{color:#9b462e}.city-label{display:block;color:var(--muted);font-size:11px;margin:0 0 8px}#nearby-city{font:inherit;width:100%;font-size:14px;min-height:48px;padding:11px 36px 11px 13px;border:1px solid #ded3c0;border-radius:11px;background:#fff;color:var(--ink)}.nearby-links{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:19px}.nearby-links a{position:relative;background:#fff;border:1px solid var(--line);border-radius:14px;padding:15px 12px;display:flex;flex-direction:column;gap:13px;min-height:122px;transition:background .18s,border .18s}.nearby-links a>.icon{color:var(--green);width:23px;height:23px}.nearby-links a .outbound{position:absolute;top:14px;right:12px;height:15px;width:15px;color:#a39785}.nearby-links strong{display:block;font:600 15px/1.25 var(--display)}.nearby-links small{display:block;font-size:10px;line-height:1.4;color:var(--muted);margin-top:4px}.nearby-links a[href]:hover{background:#edf4ea;border-color:#b9d0ae}.nearby-links a[aria-disabled="true"]{opacity:.46;cursor:default}.nearby-caption{font-size:11px;line-height:1.5;color:var(--muted);margin:16px 1px}.location-details{border-top:1px solid var(--line);padding-top:13px;color:var(--muted);font-size:10px;line-height:1.6}.location-details summary{cursor:pointer;font-weight:600;min-height:26px}.location-details p{margin:6px 0 0}
[data-state="speaking"][data-motion="fun"] .avatar-wrap{animation:comicChatter 1.18s steps(1,end) infinite}[data-state="speaking"][data-motion="fun"] .aside-note{animation:comicNote .72s steps(1,end) infinite}.app-shell[data-motion="off"] .avatar-wrap{animation:none}
@keyframes comicChatter{0%,100%{transform:rotate(-2.5deg) translate(-2px,-1px) scale(1.015,.99)}12%{transform:rotate(2deg) translate(2px,-6px) scale(.985,1.025)}25%{transform:rotate(-3.2deg) translate(-3px,-2px) scale(1.025,.985)}38%{transform:rotate(3.5deg) translate(3px,-5px) scale(1.005,1.015)}51%{transform:rotate(.7deg) translate(0,0) scale(1.025,.98)}63%{transform:rotate(-2deg) translate(-1px,-7px) scale(.99,1.03)}77%{transform:rotate(3deg) translate(2px,-1px) scale(1.02,.99)}89%{transform:rotate(-.8deg) translate(-1px,-4px) scale(1,1.015)}}
@keyframes comicNote{0%,100%{transform:rotate(-11deg) scale(1)}42%{transform:rotate(-5deg) scale(1.055)}72%{transform:rotate(-9deg) scale(.99)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
/* Discover entry and lightweight, externally updated search */
.nearby-open{width:100%;margin:0 0 16px;padding:12px 13px;min-height:68px;gap:12px;background:#e7efe1;border:1px solid #c3d4bc;border-radius:15px;color:#234c3c}
.nearby-open:hover{background:#dbe9d6;color:#183d33}
.nearby-open-icon{width:38px;height:38px;display:grid;place-items:center;background:#fffaf1;border-radius:11px;flex:none}
.nearby-open-icon .icon{width:20px;height:20px}
.nearby-open strong,.nearby-open small{display:block}
.nearby-open strong{font-size:14px;line-height:1.2}
.nearby-open small{font-size:11px;font-weight:400;line-height:1.4;margin-top:3px;color:#496653}
.nearby-open>.nearby-open-arrow{margin-left:auto;width:17px;height:17px}
.nearby-section-heading{margin:26px 0 12px}
.nearby-section-heading h3{font:600 20px/1.2 var(--display);margin:0 0 5px}
.nearby-section-heading p{font-size:11px;line-height:1.5;color:var(--muted);margin:0}
.event-links{border-top:1px solid var(--line)}
.event-links a{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:65px;padding:12px 2px;border-bottom:1px solid var(--line);color:var(--green);text-decoration:none}
.event-links strong,.event-links small{display:block}
.event-links strong{font-size:13px}.event-links small{font-size:11px;color:var(--muted);margin-top:3px;line-height:1.35}
.event-links .icon{width:17px;height:17px;flex:none}
.event-links a[aria-disabled="true"]{opacity:.46;cursor:default}
.event-highlight{margin-top:15px;padding:14px;background:#f5ead2;border-radius:12px;color:#443721}
.event-highlight[hidden]{display:none}
.event-highlight strong{font-size:12px}.event-highlight p{margin:6px 0 8px;font-size:11px;line-height:1.5}.event-highlight a,.nearby-caption a{font-size:11px;color:var(--green);font-weight:600;text-underline-offset:3px}
.nearby-section-heading+.nearby-links{margin-top:0}
.destination-suggestions{border-top:1px solid var(--line)}
.destination-suggestions a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 2px;min-height:64px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--green)}
.destination-suggestions strong,.destination-suggestions small{display:block}
.destination-suggestions strong{font-size:13px}
.destination-suggestions small{font-size:11px;color:var(--muted);line-height:1.45;margin-top:4px}
.destination-suggestions a>span:last-child{font-size:18px;flex:none}
.destination-source{display:inline-block;margin-top:12px;color:var(--green);font-size:11px;font-weight:600;text-underline-offset:3px}
.destination-source[hidden]{display:none}

/* A single-screen translator: useful controls stay visible while the portrait
   takes only the space available between the language and conversation tools. */
html,body{min-height:100%;}
.app-shell{height:100svh;min-height:0;display:flex;flex-direction:column;padding:16px 22px max(12px,env(safe-area-inset-bottom));overflow:hidden}
.app-header{flex:none;gap:8px;margin:0 0 12px}
.brand{min-width:0}.brand-name{font-size:25px;letter-spacing:-.7px;white-space:nowrap}.brand-caption{font-size:8px;letter-spacing:1.5px;margin-top:5px}
.header-actions{display:flex;align-items:center;gap:4px;flex:none}
.header-action{width:42px;height:42px;border:0;background:transparent;color:#594d40}
.header-action:hover{background:#f1e8d9;transform:none}.header-action .icon{width:19px;height:19px}
.discover-action{background:var(--pale-green);color:var(--green)}.discover-action:hover{background:#d8ead8}
.app-shell>main{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}
.language-switch{flex:none;min-height:50px;padding:7px 12px}
.avatar-section,.app-shell[data-has-result="true"] .avatar-section{flex:1 1 0;min-height:0;margin:2px 0;align-items:center;overflow:hidden}
.avatar-wrap,.app-shell[data-has-result="true"] .avatar-wrap{height:min(100%,300px);width:auto;max-width:100%;aspect-ratio:1;flex:none}
.controls,.app-shell[data-has-result="true"] .controls{flex:none;margin:0}
.status-copy,.app-shell[data-has-result="true"] .status-copy{min-height:0;margin:0 0 9px}
.status-copy h1{font-size:22px;margin:0 0 3px}.status-copy p{font-size:11px;line-height:1.3}
.talk-button,.app-shell[data-has-result="true"] .talk-button{min-height:52px;border-radius:14px;font-size:17px;padding:9px 14px}
.talk-icon{width:31px;height:31px}.talk-icon .icon{width:20px;height:20px}
.write-button,.app-shell[data-has-result="true"] .write-button{min-height:36px;margin:5px auto 6px}
.phrases-button{flex:none;min-height:52px;padding:8px 12px;border-radius:14px;gap:10px}
.phrases-icon{width:34px;height:34px}.phrases-button strong{font-size:14px;margin:0}.phrases-button small{font-size:10px}
.demo-label{flex:none;font-size:8px;margin:10px 0 0}.app-footer{display:none}
.result-card{flex:0 1 auto;max-height:min(24svh,190px);overflow:auto;overscroll-behavior:contain;padding:10px 13px;margin:0 0 8px;border-radius:14px}
.result-source{padding-bottom:5px;margin-bottom:4px}.result-source p{font-size:12px;line-height:1.25;margin-top:2px}
.translated-text{font-size:20px;line-height:1.2;margin:0 0 5px}.result-actions button{min-height:34px}.audio-note{margin-top:4px}
@media(min-width:600px){.app-shell{height:min(900px,calc(100svh - 40px));min-height:0;margin:20px auto;padding:20px 26px;border-radius:24px}.app-header{margin-bottom:12px}}
@media(max-width:370px){.app-shell{padding:12px 16px max(10px,env(safe-area-inset-bottom))}.app-header{margin-bottom:8px}.brand-name{font-size:23px}.brand-caption{font-size:7px}.header-actions{gap:2px}.header-action{width:40px;height:42px}.avatar-section{margin:0}.status-copy h1{font-size:21px}.talk-button{font-size:16px}.controls{margin:0}}
/* Extremely short windows and large text zoom must remain operable. */
@media(max-height:520px){.app-shell{height:auto;min-height:100svh;overflow:visible}.app-shell>main{display:block}.avatar-section,.app-shell[data-has-result="true"] .avatar-section{height:150px}.avatar-wrap,.app-shell[data-has-result="true"] .avatar-wrap{height:150px}.result-card{max-height:none;overflow:visible}}