/* Focus Stage: scoped adaptation of the current local prototype, 390 × 844. */
.phone{--phone-scale:.651282;width:264px;height:560px;border:5px solid #333628;border-radius:40px;background:#121509;color:#f9fbe6;font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text','Helvetica Neue',sans-serif}.phone-front{top:14px;left:52px}.phone-back{top:-4px;right:3px;background:#121509;border-color:#454936}.product-screen{position:relative;width:390px;height:844px;overflow:hidden;transform:scale(var(--phone-scale));transform-origin:top left;background:radial-gradient(circle at 50% 29%,#d7fe5909,transparent 32%),#121509;color:#f9fbe6;text-align:left;font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text','Helvetica Neue',sans-serif;line-height:1.4}.product-screen *{box-sizing:border-box}.product-statusbar{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 31px;font-size:14px}.product-statusbar b{font-weight:600}.product-island{position:absolute;width:125px;height:36px;border-radius:24px;background:#0d0f05;top:10px;left:50%;transform:translateX(-50%)}.product-system-icons{display:flex;align-items:center;gap:4px}.product-system-icons svg{width:18px;height:18px}.product-battery{width:22px;height:11px;border:1px solid #f9fbe6aa;border-radius:3px;position:relative;margin-left:2px}.product-battery:before{content:'';position:absolute;inset:1.4px;background:#f9fbe6;border-radius:1px}.product-battery:after{content:'';position:absolute;right:-3px;top:2px;width:2px;height:5px;background:#f9fbe6aa;border-radius:1px}.product-header{height:64px;padding:0 12px;border-bottom:1px solid #f3f5e029;display:grid;grid-template-columns:44px minmax(0,1fr) 28px minmax(0,1fr) 44px;align-items:center}.product-round-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#1e2114;border:1px solid #f3f5e029}.product-round-icon svg{width:20px;height:20px}.product-language{display:flex;align-items:center;justify-content:center;gap:6px;font-size:15px;font-weight:650;letter-spacing:-.15px}.product-language svg{width:14px;height:14px;color:#c5c9b1}.product-swap{color:#757964;text-align:center}.product-swap svg{width:20px;height:20px}.product-conversation{padding:8px 12px 0;max-height:568px;overflow:hidden}.product-focus{border:1px solid #f3f5e047;border-radius:28px;overflow:hidden;background:#1e2114;margin-top:16px;box-shadow:0 18px 42px #0000004a,inset 0 1px 0 #ffffff06}.product-source,.product-translation{padding:22px 22px 24px}.product-source{min-height:150px}.product-label-row{display:flex;align-items:center;min-height:38px;color:#d7fe59;font-size:14px;font-weight:700;letter-spacing:.2px}.product-language-badge{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#d7fe59;color:#121509;font-size:11px;font-weight:750;letter-spacing:.35px;margin-right:12px;flex-shrink:0}.product-source>p{font-size:26px;font-weight:730;line-height:1.25;letter-spacing:-.85px;margin:24px 0 0;color:#f9fbe6}.product-translation{min-height:280px;background:radial-gradient(circle at 8% 0%,#d7fe591f,transparent 34%),#f9fbe6;color:#121509;--highlight:#d7fe59}.product-translation[data-role=my]{--highlight:#f7c8da}.product-translation .product-label-row{color:#516600}.product-translation .product-language-badge{background:#d3eabc;color:#1a1d10}.product-translation-copy{font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text','Helvetica Neue',sans-serif;font-size:40px!important;font-weight:730;line-height:1.3;letter-spacing:-.65px;margin:27px 0 0!important}.product-highlight{background:var(--highlight);border-radius:5px;padding:1px 3px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.product-progress{display:flex;align-items:center;gap:11px;margin-top:24px;min-height:24px;color:#516600;font-size:13px;font-weight:720}.product-typing{font-size:24px;letter-spacing:4px;color:#d7fe59;line-height:1}.product-footer{position:absolute;bottom:34px;left:0;right:0;padding:19px 25px 4px;display:grid;grid-template-columns:minmax(0,1fr) 98px minmax(0,1fr);column-gap:14px;min-height:118px;background:#121509}.product-center{grid-column:2;grid-row:1;position:relative;height:91px;text-align:center}.product-pulse{width:68px;height:68px;display:block;margin:0 auto}.product-pulse canvas{width:68px;height:68px;display:block}.product-center>[data-product-action]{position:absolute;top:75px;left:50%;transform:translateX(-50%);font-size:12px;font-weight:600;line-height:16px;white-space:nowrap}.product-timer{grid-column:1;grid-row:1;padding-top:22px;font-size:20px;font-variant-numeric:tabular-nums;white-space:nowrap}.product-timer small{display:block;margin-top:22px;font-size:12px;color:#8f937d}.product-end{grid-column:3;grid-row:1;justify-self:end;position:relative;width:44px;margin-top:12px;text-align:center}.product-end>span{border:1px solid #f3f5e029;background:#1e2114;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:#f05b4e}.product-end svg{width:15px;height:15px}.product-end small{position:absolute;top:54px;left:50%;transform:translateX(-50%);font-size:12px;color:#8f937d;white-space:nowrap}.product-home-indicator{position:absolute;bottom:8px;width:134px;height:5px;border-radius:4px;left:50%;transform:translateX(-50%);background:#f9fbe6}.product-idle{padding:48px 30px 0;text-align:center}.product-welcome-mark{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 24px;color:#d7fe59}.product-welcome-mark svg{display:block;width:100%;height:100%}.product-idle p{font-size:17px;font-weight:560;line-height:1.45;letter-spacing:-.12px;margin:0}.product-idle p+p{font-size:15px;font-weight:450;line-height:1.5;color:#c5c9b1;margin-top:8px}.product-history{padding:9px 12px 7px;border-bottom:1px solid #f3f5e029;color:#c5c9b1;font-size:14px}.product-history p{margin:0 0 4px;font-size:14px;line-height:1.35}.product-history p+p{color:#f9fbe6}.product-history span{color:#b7cea2;font-size:9px;margin-right:9px}.demo-board{border:0;background:transparent;border-radius:0;padding:0;min-height:0;display:flex;align-items:center;justify-content:center}.demo-device{--phone-scale:.9179487;position:relative;width:370px;height:787px;border-width:6px;border-radius:48px;transform:none;margin:0 auto}.demo-device .product-conversation{height:566px;max-height:566px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;padding-bottom:12px}.demo-device .product-conversation::-webkit-scrollbar{display:none}.demo-device .product-history>div+div{margin-top:12px}.demo-device .product-source>p[data-density=compact]{font-size:23px}.demo-device .product-source>p[data-density=dense]{font-size:21px}.demo-device .product-translation-copy[data-density=compact]{font-size:29px!important}.demo-device .product-translation-copy[data-density=dense]{font-size:25px!important}.demo-device .product-source{min-height:132px}.demo-device .product-source>p{font-size:25px}.demo-device .product-translation{min-height:264px}.demo-device .product-translation-copy{font-size:35px!important}.demo-device .product-progress{color:#516600}.demo-device [data-product-state=paused] .product-progress,.demo-device [data-product-state=complete] .product-progress{color:#757964}.demo-device [data-product-state=paused] .product-typing,.demo-device [data-product-state=complete] .product-typing{visibility:hidden}.demo-device .product-highlight{background-image:linear-gradient(var(--highlight),var(--highlight));background-color:transparent;background-repeat:no-repeat;background-size:100% 100%}.demo-device[data-reveal=true] .product-highlight{animation:product-sweep .36s ease-out both}@keyframes product-sweep{from{background-size:0% 100%}to{background-size:100% 100%}}.hero-art{height:600px}.hello-note{bottom:-12px}.preview-badge{bottom:-12px}
@media(max-width:1100px){.phone-front{left:25px}.phone-back{right:-10px}}
@media(max-width:800px){.hero-art{height:590px}.phone-front{left:30px}.phone-back{right:0}.demo-layout{grid-template-columns:1fr}.demo-device{margin-top:12px}}
@media(max-width:500px){.phone{--phone-scale:.553846;width:224px;height:475px;border-width:4px;border-radius:33px}.phone-front{left:10px;top:10px;transform:rotate(-8deg) scale(.94)}.phone-back{right:2px;top:0;transform:rotate(8deg) scale(.82)}.hero-art{height:478px}.demo-device{--phone-scale:.7384615;width:300px;height:635px;border-width:6px;border-radius:40px;transform:none}.demo-board{padding:0;min-height:0}.hello-note{bottom:-3px}.preview-badge{bottom:0}}
@media(max-width:360px){.hero-art{height:432px}.phone-front{transform:rotate(-7deg) scale(.84);left:4px}.phone-back{transform:rotate(7deg) scale(.74);right:0}.demo-device{--phone-scale:.661538;width:270px;height:571px;transform:none}}
@media(prefers-reduced-motion:reduce){.demo-device .product-highlight{animation:none!important}}

/* Saved conversation recap, based on the prototype's RecordDetailPage. */
.recap-header{height:64px;padding:0 18px;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;border-bottom:1px solid #f3f5e029;text-align:center;font-size:16px}.recap-header>span{display:grid;place-items:center}.recap-header svg{width:20px;height:20px}.recap-export{width:40px;height:40px;border-radius:50%;background:#d7fe59;color:#121509}.recap-content{padding:20px 18px 40px;max-height:692px;overflow:hidden}.recap-identity{padding-bottom:18px;border-bottom:1px solid #f3f5e029}.recap-identity>small{color:#a4d2a2;font-size:11px;font-weight:700}.recap-identity .recap-title{font:700 27px/1.1 -apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif;letter-spacing:-.9px;margin:12px 0 8px}.recap-identity p{font-size:12px;color:#c5c9b1;margin:0}.recap-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:16px 0 18px;padding:4px;border:1px solid #f3f5e029;border-radius:16px;background:#1a1d10}.recap-tabs>span{position:relative;display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;font-size:13px;font-weight:700;color:#8f937d;border-radius:12px}.recap-tabs .selected{background:#282b1e;color:#f9fbe6}.recap-tabs .selected:after{content:'';position:absolute;left:18%;right:18%;bottom:3px;height:2px;border-radius:2px;background:#d7fe59}.recap-tabs svg{width:15px;height:15px}.recap-summary{padding:18px;border-radius:24px;background:#f9fbe6;color:#121509}.recap-heading{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:11px;align-items:center}.recap-magic{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:#d7fe59}.recap-magic svg{width:19px;height:19px}.recap-heading small{font-size:8px;letter-spacing:.13em;color:#454936;font-weight:800}.recap-heading .recap-title{font:700 19px/1.2 -apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif;letter-spacing:-.4px;margin:2px 0 0}.recap-heading em{font-size:10px;font-weight:700;font-style:normal;color:#454936}.recap-lead{margin:18px 0;font-size:16px;line-height:1.48;font-weight:650;letter-spacing:-.2px}.recap-points{display:grid;gap:11px;padding:14px 0 0;border-top:1px solid #c5c9b1}.recap-points>div{display:grid;grid-template-columns:18px 1fr;gap:9px;align-items:start}.recap-points svg{width:16px;height:16px;color:#516600;margin-top:1px}.recap-points p{margin:0;font-size:12px;line-height:1.42;color:#454936}.recap-points strong{display:block;color:#121509}.recap-nuance{padding:18px;margin-top:14px;border:1px solid #a4d2a238;border-radius:24px;background:#1e2114}.recap-nuance-heading{display:flex;align-items:center;gap:8px;color:#a4d2a2}.recap-nuance-heading svg{width:18px;height:18px}.recap-nuance .recap-title{font:700 18px/1.2 -apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif;margin:0;color:#f9fbe6}.recap-nuance blockquote{font-size:12px;line-height:1.5;color:#e2e4cf;background:#1a1d10;border-radius:12px;margin:14px 0 10px;padding:12px 13px}.recap-nuance p{font-size:12px;line-height:1.5;color:#c5c9b1;margin:0}.recap-nuance>small{display:block;font-size:10px;color:#8f937d;margin-top:10px}.recap-transcript-link{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#c5c9b1;padding:16px 4px}.recap-transcript-link svg{width:14px;height:14px}.product-recap:after{content:'';position:absolute;bottom:24px;left:0;right:0;height:35px;background:linear-gradient(transparent,#121509);pointer-events:none}