.info-page{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;height:100%;min-height:0;color:var(--cream);scrollbar-color:#fffaf461 transparent;overflow:hidden auto}.info-page-inner{width:min(100%,430px);padding:18px max(22px, env(safe-area-inset-right)) max(36px, env(safe-area-inset-bottom)) max(22px, env(safe-area-inset-left));margin:0 auto}.info-header{padding:0 0 28px}.info-back{min-height:48px;color:var(--cream);cursor:pointer;font-size:var(--type-small);background:0 0;border:0;align-items:center;gap:6px;padding:0 8px 0 0;font-weight:700;display:inline-flex}.info-eyebrow{color:#fffaf4b3;font-size:var(--type-small);margin:10px 0;font-weight:700;line-height:1.3}.info-page h1{max-width:10ch;font-size:var(--type-display);letter-spacing:-.055em;text-wrap:balance;margin:0;font-weight:600;line-height:.98}.info-intro{max-width:33ch;color:var(--cream-muted);font-size:var(--type-base);margin:16px 0 0;line-height:1.5}.info-section{border-radius:var(--radius-panel);background:#4407272e;border:1px solid #fffaf42b;padding:18px 16px;box-shadow:inset 0 1px #fffaf414}.info-section+.info-section{margin-top:14px}.info-section-heading{color:#fffaf4e0;align-items:center;gap:10px;margin-bottom:12px;display:flex}.info-section h2{font-size:var(--type-base);letter-spacing:-.02em;margin:0;font-weight:700;line-height:1.25}.info-section>p,.info-list,.info-footer-note{color:#fffaf4bf;font-size:var(--type-small);margin:0;line-height:1.55}.info-section>h2+p,.info-section-heading+.info-list{margin-top:12px}.info-list{gap:10px;padding:0;list-style:none;display:grid}.info-list li{padding-left:16px;position:relative}.info-list li:before{content:"";background:#fffaf4b8;border-radius:999px;width:5px;height:5px;position:absolute;top:.62em;left:0}.info-muted-section{background:#31051d1f}.info-inline-action,.info-footer-note button,.info-text-action{color:var(--cream);cursor:pointer;font-size:var(--type-small);text-align:left;text-underline-offset:3px;background:0 0;border:0;padding:0;font-weight:700;line-height:1.45;-webkit-text-decoration:underline #fffaf473;text-decoration:underline #fffaf473}.info-inline-action{margin-top:14px}.info-footer-note{padding:22px 2px 0}.info-footer-note button:hover,.info-inline-action:hover,.info-text-action:hover{color:var(--cream)}.help-accordion{border-top:1px solid #fffaf424}.help-item{border-bottom:1px solid #fffaf424}.help-question{width:100%;min-height:58px;color:var(--cream);cursor:pointer;font-size:var(--type-base);letter-spacing:-.02em;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:14px;padding:12px 0;font-weight:600;line-height:1.25;display:flex}.help-question svg{transition:transform .18s var(--ease-out);flex:none}.help-question svg.is-open{transform:rotate(180deg)}.help-answer{overflow:hidden}.help-answer p{color:#fffaf4bd;font-size:var(--type-small);margin:0;padding:0 0 16px;line-height:1.55}.info-callout{border-radius:var(--radius-panel);background:#fffaf41a;border:1px solid #fffaf42b;justify-content:space-between;align-items:center;gap:16px;margin-top:14px;padding:16px;display:flex}.info-callout p{font-size:var(--type-small);margin:0;font-weight:600;line-height:1.4}.info-callout button{min-height:48px;color:var(--cream);cursor:pointer;font-size:var(--type-small);white-space:nowrap;background:0 0;border:1px solid #fffaf457;border-radius:12px;padding:8px 10px;font-weight:700;line-height:1.2}.welcome-page-inner{min-height:100%;padding-top:max(30px, env(safe-area-inset-top));flex-direction:column;justify-content:center;display:flex}.welcome-header{padding:0 0 26px}.welcome-logo{object-fit:contain;filter:invert();width:62px;height:66px;margin-bottom:26px;display:block}.welcome-page h1{max-width:9ch}.welcome-promises{gap:10px;margin:0;padding:0;list-style:none;display:grid}.welcome-promises li{color:#fffaf4e0;min-height:48px;font-size:var(--type-small);background:#38052026;border:1px solid #fffaf429;border-radius:16px;align-items:center;gap:10px;padding:12px 14px;font-weight:600;line-height:1.38;display:flex}.welcome-actions,.system-actions{gap:10px;margin-top:28px;display:grid}.info-primary-action,.info-secondary-action{border-radius:var(--radius-control);color:#fffaf4;cursor:pointer;min-height:52px;font-size:var(--type-base);letter-spacing:-.02em;transition:transform .18s var(--ease-out), filter .18s var(--ease-out);background:linear-gradient(145deg,#f0553c,#dd342f);border:1px solid #fffaf445;justify-content:center;align-items:center;gap:9px;padding:12px 16px;font-weight:700;line-height:1.2;display:inline-flex;box-shadow:inset 0 1px #fffaf43d}.info-primary-action:hover{filter:brightness(1.06)}.info-primary-action:active,.info-secondary-action:active,.info-callout button:active,.info-back:active{transform:scale(.985)}.welcome-actions .info-text-action{color:#fffaf4cc;justify-self:center}.system-page-inner{text-align:center;flex-direction:column;justify-content:center;align-items:flex-start;min-height:100%;padding-top:clamp(58px,18vh,150px);display:flex}.system-page h1,.system-page .info-intro{margin-left:auto;margin-right:auto}.system-symbol{background:#fffaf41f;border:1px solid #fffaf438;border-radius:22px;justify-content:center;align-items:center;width:68px;height:68px;margin:0 auto 18px;display:inline-flex}.system-actions,.system-page>.info-primary-action{width:min(100%,320px);margin-left:auto;margin-right:auto}.system-page .info-primary-action:not(.system-actions .info-primary-action){width:min(100%,320px);margin-top:28px}.info-secondary-action{background:#2f041c33;border-color:#fffaf440}.info-secondary-action:hover{background:#fffaf424}@media (min-width:560px){.info-page-inner{padding-top:28px}}.phrases-page{width:100%;height:100%;min-height:0;color:var(--cream,#fffaf4);grid-template-rows:auto auto minmax(0,1fr);display:grid}.phrases-page-header,.phrase-detail-header{padding:8px 24px 18px}.phrases-page-header{padding-top:18px}.phrases-kicker,.phrase-direction,.phrases-result-count,.phrases-sort-field>span,.phrase-review-list dt,.phrase-word-number,.phrase-word-translation{color:var(--cream-faint,#fffaf47a);font-size:var(--type-small,12px);margin:0;font-weight:600;line-height:1.35}.phrases-page-header h1,.phrase-detail-title-row h1,.phrases-status h1{max-width:12ch;font-size:var(--type-display,40px);letter-spacing:-.045em;margin:4px 0 10px;font-weight:600;line-height:.98}.phrases-page-header>p:last-child,.phrases-status p,.phrase-pronunciation-intro{max-width:44ch;color:var(--cream-muted,#fffaf4b8);font-size:var(--type-base,16px);margin:0;font-weight:400;line-height:1.45}.phrases-toolbar{gap:10px;padding:0 24px 14px;display:grid}.phrases-search-field{min-height:48px;color:var(--cream-muted,#fffaf4b8);background:#3e05222e;border:1px solid #fffaf43d;border-radius:16px;align-items:center;gap:10px;padding:0 14px;display:flex}.phrases-search-field:focus-within{background:#3e052247;border-color:#fffaf4b8}.phrases-search-field input{width:100%;min-width:0;color:var(--cream,#fffaf4);font-size:var(--type-base,16px);background:0 0;border:0;outline:0;padding:0;line-height:1.2}.phrases-search-field input::placeholder{color:var(--cream-faint,#fffaf47a);opacity:1}.phrases-filter-row{background:#3e052229;border:1px solid #fffaf42e;border-radius:999px;gap:2px;width:-moz-fit-content;width:fit-content;padding:3px;display:inline-flex}.phrases-filter-button{min-height:48px;color:var(--cream-muted,#fffaf4b8);cursor:pointer;font-size:var(--type-small,12px);background:0 0;border:0;border-radius:999px;padding:7px 13px;font-weight:600;line-height:1}.phrases-filter-button.is-active{color:var(--cream,#fffaf4);background:#fffaf42e}.phrases-sort-field{justify-content:space-between;align-items:center;gap:10px;min-height:48px;display:flex}.phrases-sort-field select{max-width:62%;color:var(--cream,#fffaf4);cursor:pointer;font-size:var(--type-small,12px);background:#3e05222e;border:0;border-radius:10px;outline:0;padding:7px 28px 7px 10px;font-weight:600;line-height:1.2}.phrases-scroll{min-height:0;padding:0 24px calc(24px + env(safe-area-inset-bottom));overscroll-behavior:contain;overflow:hidden auto}.phrases-result-count{padding:4px 0 10px}.phrase-list{gap:10px;display:grid}.phrase-card,.phrase-review,.phrase-pronunciation,.phrase-full-sentence{background:#3c052130;border:1px solid #fffaf42e;border-radius:22px;box-shadow:inset 0 1px #fffaf414}.phrase-card{padding:15px}.phrase-card-heading,.phrase-detail-title-row,.phrase-review-heading,.phrase-card-actions,.phrase-detail-actions,.phrases-inline-actions{align-items:center;display:flex}.phrase-card-heading,.phrase-detail-title-row{justify-content:space-between;gap:12px}.phrase-direction{color:var(--cream-muted,#fffaf4b8)}.phrases-icon-button{width:38px;height:38px;color:var(--cream-muted,#fffaf4b8);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.phrases-icon-button:hover{background:#fffaf41a;border-color:#fffaf42e}.phrases-icon-button.is-favorite{color:#ffe08a}.phrase-card-input,.phrase-card-translation,.phrase-full-sentence h2,.phrase-review-list dd,.phrase-word-original,.phrase-word-phonetic,.phrases-dialog h2{font-size:var(--type-base,16px);margin:0;line-height:1.4}.phrase-card-input{color:var(--cream,#fffaf4);margin-top:10px;font-weight:600}.phrase-card-translation{color:var(--cream-muted,#fffaf4b8);margin-top:3px}.phrase-tag-list{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.phrase-tag{color:var(--cream-muted,#fffaf4b8);font-size:var(--type-small,12px);background:#fffaf41a;border-radius:999px;padding:5px 8px;font-weight:500;line-height:1}.phrase-card-actions{justify-content:flex-start;gap:4px;margin-top:12px}.phrases-text-button,.phrases-back-button{min-height:48px;color:var(--cream,#fffaf4);cursor:pointer;font-size:var(--type-small,12px);text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:5px;padding:6px 8px;font-weight:600;line-height:1.15;display:inline-flex}.phrases-text-button:hover,.phrases-back-button:hover{background:#fffaf41a}.phrase-card-actions .phrases-text-button:nth-child(2){margin-left:auto}.phrase-delete-button{color:#ffd2c9}.phrases-status{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:220px;padding:26px 10px;display:flex}.phrases-status h2{color:var(--cream,#fffaf4);font-size:var(--type-base,16px);margin:0;font-weight:600;line-height:1.3}.phrases-status h1{max-width:15ch}.phrases-status p{max-width:29ch}.phrases-empty-icon,.phrases-dialog-icon{width:46px;height:46px;color:var(--cream,#fffaf4);background:#fffaf41f;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.phrases-loading-dot{border:2px solid #fffaf44d;border-top-color:var(--cream,#fffaf4);border-radius:999px;width:14px;height:14px;animation:.8s linear infinite phrases-spin}.phrases-button{cursor:pointer;min-height:48px;font-size:var(--type-base,16px);border:1px solid #0000;border-radius:14px;padding:11px 15px;font-weight:600;line-height:1.1}.phrases-button-primary{background:var(--action,#ef4935);color:var(--action-text,#fffaf4)}.phrases-button-primary:hover{background:var(--action-dark,#c92e2c)}.phrases-button-secondary{color:var(--cream,#fffaf4);background:#fffaf41a;border-color:#fffaf447}.phrases-button-danger{color:#fffaf4;background:#c92e2c}.phrases-back-button{margin:-6px 0 14px -8px}.phrases-detail-page{grid-template-rows:auto minmax(0,1fr) auto}.phrase-detail-title-row{align-items:flex-start}.phrase-detail-title-row h1{max-width:10ch;margin-bottom:0}.phrase-detail-scroll{align-content:start;gap:12px;display:grid}.phrase-review,.phrase-pronunciation,.phrase-full-sentence{padding:17px}.phrase-review-heading{color:var(--cream,#fffaf4);gap:8px}.phrase-review-heading h2{font-size:var(--type-base,16px);margin:0;font-weight:600;line-height:1.3}.phrase-review-list{gap:13px;margin:14px 0 0;display:grid}.phrase-review-list>div{gap:3px;display:grid}.phrase-review-list dd{color:var(--cream-muted,#fffaf4b8)}.phrase-full-sentence{background:#fffaf41f}.phrase-full-sentence h2{color:var(--cream,#fffaf4);margin-top:5px;font-weight:600}.phrase-pronunciation-intro{color:var(--cream-muted,#fffaf4b8);margin-top:8px}.phrase-word-list{gap:8px;margin:16px 0 0;padding:0;list-style:none;display:grid}.phrase-word{border-top:1px solid #fffaf41f;grid-template-columns:22px minmax(0,1fr) minmax(0,1fr);align-items:baseline;column-gap:8px;min-width:0;padding:10px 0;display:grid}.phrase-word-number{grid-row:span 2}.phrase-word-original{color:var(--cream,#fffaf4);font-weight:600}.phrase-word-phonetic{color:#ffe08a;font-weight:500}.phrase-word-translation{grid-column:2/-1}.phrase-detail-actions{padding:14px 24px max(20px, env(safe-area-inset-bottom));border-top:1px solid #fffaf429;justify-content:space-between;gap:10px}.phrases-inline-actions{flex-wrap:wrap;justify-content:center;gap:8px}.phrases-dialog-backdrop{z-index:12;background:#09090ca3;align-items:end;padding:16px;display:grid;position:absolute;inset:0}.phrases-dialog{background:#4a0b31;border:1px solid #fffaf438;border-radius:22px;gap:12px;padding:22px;display:grid;position:relative;box-shadow:0 20px 60px #09090c61}.phrases-dialog .phrases-icon-button{position:absolute;top:12px;right:12px}.phrases-dialog-icon{color:#ffd2c9}.phrases-dialog h2{color:var(--cream,#fffaf4);font-weight:600}.phrases-dialog p{color:var(--cream-muted,#fffaf4b8);font-size:var(--type-base,16px);margin:0;line-height:1.4}.phrases-dialog-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:4px;display:grid}.phrases-visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@keyframes phrases-spin{to{transform:rotate(360deg)}}@media (min-width:520px){.phrases-page-header,.phrase-detail-header{padding-left:30px;padding-right:30px}.phrases-toolbar{grid-template-columns:minmax(0,1fr) auto;align-items:center;padding-left:30px;padding-right:30px}.phrases-search-field{grid-column:1/-1}.phrases-scroll,.phrase-detail-actions{padding-left:30px;padding-right:30px}.phrases-dialog-backdrop{align-items:center;padding:30px}}.route-page{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-height:0;overflow:hidden auto}.settings-page{height:100%;color:var(--cream);scrollbar-color:#fffaf461 transparent}.settings-page-inner{width:min(100%,430px);padding:12px max(22px, env(safe-area-inset-right)) max(36px, env(safe-area-inset-bottom)) max(22px, env(safe-area-inset-left));margin:0 auto}.settings-header{padding:6px 0 28px}.settings-back{min-height:48px;color:var(--cream);cursor:pointer;font-size:var(--type-small);background:0 0;border:0;align-items:center;gap:6px;padding:0 8px 0 0;font-weight:700;display:inline-flex}.settings-eyebrow{color:#fffaf4b3;font-size:var(--type-small);margin:10px 0;font-weight:700;line-height:1.3}.settings-header h1{max-width:8ch;font-size:var(--type-display);letter-spacing:-.055em;margin:0;font-weight:600;line-height:.98}.settings-intro{max-width:32ch;color:var(--cream-muted);font-size:var(--type-base);margin:16px 0 0;line-height:1.5}.settings-groups{gap:14px;display:grid}.settings-group{border-radius:var(--radius-panel);background:#4407272e;border:1px solid #fffaf42b;overflow:hidden;box-shadow:inset 0 1px #fffaf414}.settings-group-heading{color:#fffaf4db;align-items:center;gap:10px;min-height:56px;padding:16px 16px 12px;display:flex}.settings-group-heading h2{font-size:var(--type-base);letter-spacing:-.02em;margin:0;font-weight:700;line-height:1.2}.settings-option{border-top:1px solid #fffaf421;padding:14px 16px 16px}.settings-option-copy h3,.settings-switch-title,.settings-confirmation p{font-size:var(--type-base);letter-spacing:-.015em;margin:0;font-weight:600;line-height:1.25}.settings-option-copy p,.settings-data-copy,.settings-switch-copy>span:last-child,.settings-confirmation span,.settings-summary,.settings-feedback{color:#fffaf4b3;font-size:var(--type-small);margin:6px 0 0;line-height:1.45}.settings-choice-group{gap:8px;margin-top:14px;display:grid}.settings-choice{color:#fffaf4c2;cursor:pointer;min-height:48px;font-size:var(--type-small);text-align:left;transition:border-color .18s var(--ease-out), background .18s var(--ease-out), color .18s var(--ease-out), transform .18s var(--ease-out);background:#2f041c29;border:1px solid #fffaf42e;border-radius:14px;justify-content:space-between;align-items:center;padding:10px 12px;font-weight:700;line-height:1.25;display:flex}.settings-choice:hover{background:#3b052242;border-color:#fffaf459}.settings-choice:active,.settings-switch-row:active,.settings-secondary-action:active,.settings-danger-action:active,.settings-confirmation-actions button:active,.settings-links button:active{transform:scale(.985)}.settings-choice.is-selected{color:var(--cream);background:#fffaf429;border-color:#fffaf4bd}.settings-summary{border-top:1px solid #fffaf421;padding:12px 16px 16px}.settings-switch-row{width:100%;min-height:74px;color:var(--cream);cursor:pointer;text-align:left;transition:background .18s var(--ease-out), transform .18s var(--ease-out);background:0 0;border:0;border-top:1px solid #fffaf421;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.settings-switch-row:hover{background:#fffaf40f}.settings-switch-copy{gap:5px;display:grid}.settings-switch-title{align-items:center;gap:8px;display:inline-flex}.settings-switch-track{width:46px;height:28px;transition:background .18s var(--ease-out), border-color .18s var(--ease-out);background:#2f041c52;border:1px solid #fffaf44d;border-radius:999px;flex:none;align-items:center;padding:3px;display:flex}.settings-switch-track>span{width:20px;height:20px;transition:transform .18s var(--ease-out), background .18s var(--ease-out);background:#fffaf4b8;border-radius:999px;display:block;transform:translate(0);box-shadow:0 2px 8px #22031547}.settings-switch-row[aria-checked=true] .settings-switch-track{background:var(--action);border-color:#fffaf4b3}.settings-switch-row[aria-checked=true] .settings-switch-track>span{background:#fffaf4;transform:translate(18px)}.settings-text-scale-option{padding-bottom:18px}.settings-reading-sample{color:var(--cream);font-size:var(--settings-reading-size,var(--type-base));letter-spacing:-.025em;margin:16px 0 0;font-weight:500;line-height:1.15}.settings-page[data-text-scale=small]{--settings-reading-size:var(--type-small)}.settings-page[data-text-scale=standard]{--settings-reading-size:var(--type-base)}.settings-page[data-text-scale=large]{--settings-reading-size:var(--type-display)}.settings-data-copy{margin:0;padding:0 16px}.settings-data-actions{gap:8px;padding:16px;display:grid}.settings-secondary-action,.settings-danger-action,.settings-confirmation-actions button{min-height:48px;color:var(--cream);cursor:pointer;font-size:var(--type-small);transition:background .18s var(--ease-out), border-color .18s var(--ease-out), transform .18s var(--ease-out);background:#2f041c2e;border:1px solid #fffaf438;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:10px 12px;font-weight:700;line-height:1.2;display:inline-flex}.settings-secondary-action:hover,.settings-confirmation-actions button:hover{background:#fffaf41f;border-color:#fffaf46e}.settings-danger-action{color:#fff4ed;border-color:#ffd5cf85}.settings-danger-action:hover{background:#941a2047}.settings-confirmation{color:#fff0e8;background:#6f112438;border-top:1px solid #fffaf421;gap:12px;padding:14px 16px 16px;display:grid}.settings-confirmation span{color:#fff0e8cc;display:block}.settings-confirmation-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;display:grid}.settings-confirmation-actions button:last-child{color:#fffaf4;background:#f05b43;border-color:#ffede4a6}.settings-feedback{color:#fff8ef;margin:0;padding:0 16px 16px;font-weight:600}.settings-links{justify-content:center;align-items:center;gap:14px;padding:28px 0 8px;display:flex}.settings-links button{color:#fffaf4bd;cursor:pointer;font-size:var(--type-small);text-underline-offset:3px;background:0 0;border:0;padding:4px 0;font-weight:700;line-height:1.35;-webkit-text-decoration:underline #fffaf457;text-decoration:underline #fffaf457}.settings-links button:hover{color:var(--cream)}@media (min-width:560px){.settings-page-inner{padding-top:22px}}@font-face{font-family:Anthropic Sans;src:url(/fonts/anthropic-sans-light.otf)format("opentype");font-display:swap;font-style:normal;font-weight:300}@font-face{font-family:Anthropic Sans;src:url(/fonts/anthropic-sans-regular.otf)format("opentype");font-display:swap;font-style:normal;font-weight:400}@font-face{font-family:Anthropic Sans;src:url(/fonts/anthropic-sans-medium.otf)format("opentype");font-display:swap;font-style:normal;font-weight:500}@font-face{font-family:Anthropic Sans;src:url(/fonts/anthropic-sans-semibold.otf)format("opentype");font-display:swap;font-style:normal;font-weight:600}@font-face{font-family:Anthropic Sans;src:url(/fonts/anthropic-sans-bold.otf)format("opentype");font-display:swap;font-style:normal;font-weight:700}@font-face{font-family:Anthropic Sans;src:url(/fonts/anthropic-sans-extrabold.otf)format("opentype");font-display:swap;font-style:normal;font-weight:800}:root{color:#fffaf4;font-synthesis:none;text-rendering:optimizelegibility;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--cream:#fffaf4;--cream-muted:#fffaf4b8;--cream-faint:#fffaf47a;--surface:#37071f29;--surface-strong:#30051c47;--surface-border:#fffaf433;--action:#ef4935;--action-dark:#c92e2c;--action-text:#fffaf4;--shadow-hue:#710b3e6b;--radius-shell:38px;--radius-panel:22px;--radius-control:16px;--header-height:112px;--ease-out:cubic-bezier(.16, 1, .3, 1);--type-small:12px;--type-base:16px;--type-display:40px;background:#09090c;font-family:Anthropic Sans,Segoe UI,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html{background:#09090c;min-width:320px;min-height:100%}body{background:radial-gradient(circle at 50% 15%,#481a334d,#0000 34rem),#09090c;width:100%;min-width:320px;height:100dvh;min-height:100%;margin:0;position:fixed;inset:0;overflow:hidden}button,input,select,textarea{font:inherit}button{color:inherit}button:focus-visible{outline-offset:3px;outline:3px solid #fffaf4eb}button:disabled{cursor:not-allowed}#root{min-height:100dvh}.site-shell{isolation:isolate;place-items:center;height:100dvh;min-height:100dvh;padding:16px;display:grid;position:relative}.phone-shadow{z-index:-1;filter:blur(90px);pointer-events:none;background:#97125340;border-radius:50%;width:min(64vw,570px);height:min(76vh,700px);position:absolute}.app-shell{grid-template-rows:var(--header-height) minmax(0, 1fr);border-radius:var(--radius-shell);width:min(100%,430px);height:min(900px,100dvh - 32px);min-height:620px;box-shadow:0 40px 100px var(--shadow-hue), inset 0 1px 0 #fffaf44d;background:radial-gradient(circle at 70% 12%,#ffc14847,#0000 25%),linear-gradient(178deg,#f39b0d 0%,#ed6a2c 18%,#df2e77 48%,#c32070 72%,#a91e63 100%);border:1px solid #fffaf424;display:grid;position:relative;overflow:hidden}.app-shell:before{z-index:0;content:"";pointer-events:none;background:linear-gradient(#0000,#3e05221a 38%,#2f031b38);position:absolute;inset:24% 0 8%}.brand-grain{z-index:1;opacity:.14;mix-blend-mode:soft-light;pointer-events:none;background-image:radial-gradient(circle at 20% 30%,#fffaf480 0 .7px,#0000 .8px),radial-gradient(circle at 80% 70%,#31041c8c 0 .65px,#0000 .75px);background-size:5px 5px,7px 7px;position:absolute;inset:0}.app-header{z-index:4;min-width:0;padding:max(18px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) 8px max(18px, env(safe-area-inset-left));grid-template-columns:48px minmax(0,1fr) 48px;align-items:start;display:grid;position:relative}.header-side{align-items:center;min-width:44px;min-height:44px;display:flex}.header-side-right{justify-content:flex-end}.header-spacer{width:44px;height:44px}.brand-lockup{flex-direction:column;align-items:center;gap:6px;min-width:0;display:flex}.brand-logo{object-fit:contain;filter:invert();width:44px;height:47px;display:block}.language-direction{color:#fffaf4db;cursor:pointer;max-width:100%;min-height:34px;font-size:var(--type-small);white-space:nowrap;transition:background .18s var(--ease-out), transform .18s var(--ease-out);background:#41082324;border:0;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:6px 10px;font-weight:600;line-height:1;display:inline-flex}.language-direction:hover{background:#4108233b}.language-direction:active,.icon-button:active,.choice-button:active,.solid-action:active,.outline-action:active,.reply-hold-button:active{transform:scale(.98)}.icon-button{cursor:pointer;width:44px;height:44px;transition:background .18s var(--ease-out), transform .18s var(--ease-out);background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-button:hover{background:#3d052129}.screen-frame{z-index:3;flex-direction:column;min-height:0;display:flex;position:relative;overflow:hidden}.screen-content{flex-direction:column;flex:1;min-height:0;display:flex}.screen-action{z-index:3;padding:12px max(22px, env(safe-area-inset-right)) max(22px, env(safe-area-inset-bottom)) max(22px, env(safe-area-inset-left));flex:none;position:relative}.center-message{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100%;padding:24px 34px 36px;display:flex}.idle-message{padding-bottom:10px}.center-message h1,.error-screen h1{max-width:11ch;font-size:var(--type-display);letter-spacing:-.055em;text-wrap:balance;margin:0;font-weight:600;line-height:.98}.micro-label,.section-label{color:#fffaf4ad;font-size:var(--type-small);letter-spacing:.015em;margin:0;font-weight:700;line-height:1.2}.micro-label{margin-bottom:14px}.support-copy{max-width:30ch;color:var(--cream-muted);font-size:var(--type-base);text-wrap:balance;margin:18px auto 0;line-height:1.5}.demo-notice{border-radius:var(--radius-control);color:#fffaf4cc;max-width:290px;font-size:var(--type-small);text-align:left;background:#34041e26;border:1px solid #fffaf42b;align-items:center;gap:9px;margin-top:26px;padding:11px 14px 11px 11px;font-weight:600;line-height:1.35;display:inline-flex}.demo-notice-icon{background:#fffaf421;border-radius:999px;flex:none;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.record-control{flex-direction:column;justify-content:center;align-items:center;display:flex}.record-button{width:112px;height:112px;color:var(--action-text);cursor:pointer;font-size:var(--type-small);touch-action:none;-webkit-user-select:none;user-select:none;transition:transform .18s var(--ease-out), box-shadow .18s var(--ease-out), background .18s var(--ease-out);-webkit-touch-callout:none;background:linear-gradient(145deg,#f0553c,#dd342f);border:1px solid #fffaf438;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:0;font-weight:800;line-height:1;display:flex;position:relative;box-shadow:0 20px 48px #67093052,inset 0 1px #fffaf440}.record-button:before,.record-button:after{border-radius:inherit;content:"";pointer-events:none;opacity:0;border:1px solid #fffaf438;position:absolute;inset:-9px}.record-button:after{opacity:0;inset:-18px}.record-button:hover{box-shadow:0 23px 52px #67093066,inset 0 1px #fffaf440}.record-button:active,.is-listening .record-button{background:linear-gradient(145deg,#f23f37,#ce2d30);transform:scale(.96);box-shadow:0 14px 35px #67093059,inset 0 1px #fffaf438}.record-wave{justify-content:center;align-items:center;height:29px;display:inline-flex}.record-instruction{color:#fffaf4c2;max-width:30ch;min-height:37px;font-size:var(--type-small);text-align:center;margin:14px 0 0;font-weight:600;line-height:1.4}.transcript-stage{flex-direction:column;justify-content:center;min-height:100%;padding:30px 34px 18px;display:flex}.transcript-stage .section-label{margin-bottom:16px}.live-transcript{max-width:15ch;min-height:126px;font-size:var(--type-display);letter-spacing:-.045em;text-wrap:pretty;margin:0;font-weight:600;line-height:1.08}.word{transition:color .18s var(--ease-out), opacity .18s var(--ease-out)}.word.stable{color:var(--cream)}.word.provisional{color:#fffaf473}.processing-stage{flex-direction:column;justify-content:center;align-items:flex-start;min-height:100%;padding:30px 34px 50px;display:flex}.processing-transcript{color:#fffaf4e6;max-width:27ch;font-size:var(--type-display);letter-spacing:-.035em;margin:15px 0 0;font-weight:600;line-height:1.24}.processing-indicator{align-items:center;gap:6px;height:26px;margin-top:42px;display:flex}.processing-indicator span{background:var(--cream);opacity:.45;border-radius:999px;width:6px;height:6px}.processing-copy{min-height:26px;font-size:var(--type-base);letter-spacing:-.02em;margin:9px 0 0;font-weight:600}.processing-note,.mock-audio-note,.reply-note{color:#fffaf494;max-width:34ch;font-size:var(--type-small);margin:10px 0 0;line-height:1.45}.scroll-content{min-height:0;padding:10px 24px max(28px, env(safe-area-inset-bottom));overscroll-behavior:contain;scrollbar-width:none;overflow:hidden auto}.scroll-content::-webkit-scrollbar{display:none}.review-content,.incoming-result-content{padding-top:4px}.view-switcher{border-radius:var(--radius-control);background:#32041d26;border:1px solid #fffaf426;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;min-height:46px;padding:4px;display:grid}.view-tab{color:#fffaf4a8;cursor:pointer;min-width:0;min-height:36px;font-size:var(--type-small);white-space:nowrap;transition:color .18s var(--ease-out), background .18s var(--ease-out), transform .18s var(--ease-out);background:0 0;border:0;border-radius:12px;padding:7px 5px;font-weight:700;line-height:1.1}.view-tab:hover{color:var(--cream)}.view-tab.active{color:#7a164b;background:#fffaf4f0;box-shadow:0 6px 18px #4b052733}.result-copy-block{flex-direction:column;justify-content:center;min-height:170px;padding:28px 6px 18px;display:flex}.result-copy-block .section-label{margin-bottom:12px}.result-copy{font-size:var(--type-display);letter-spacing:-.045em;text-wrap:pretty;margin:0;font-weight:600;line-height:1.16}.meaning-copy{font-size:var(--type-display);font-weight:600}.translation-copy,.original-copy{font-size:var(--type-display)}.back-translation{border-radius:var(--radius-control);background:#34041e21;border:1px solid #fffaf429;padding:17px 18px}.back-translation p:last-child{color:#fffaf4e0;font-size:var(--type-small);margin:8px 0 0;font-weight:600;line-height:1.42}.chip-row{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.context-chip{color:#fffaf4e0;cursor:pointer;min-height:36px;font-size:var(--type-small);transition:background .18s var(--ease-out), transform .18s var(--ease-out);background:#fffaf417;border:1px solid #fffaf438;border-radius:999px;padding:7px 12px;font-weight:600;line-height:1}.context-chip:hover{background:#fffaf426}.detail-row{flex-wrap:wrap;gap:7px 12px;margin-top:14px;display:flex}.detail-item{color:#fffaf4ad;font-size:var(--type-small);align-items:center;gap:5px;font-weight:600;line-height:1.25;display:inline-flex}.delivery-choice{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:10px;margin-top:24px;display:grid}.choice-button{border-radius:var(--radius-panel);cursor:pointer;min-height:94px;font-size:var(--type-small);text-align:left;transition:transform .18s var(--ease-out), background .18s var(--ease-out), box-shadow .18s var(--ease-out);flex-direction:column;justify-content:space-between;align-items:flex-start;padding:16px;font-weight:700;display:flex}.choice-button.secondary{background:#36051f1f;border:1px solid #fffaf438}.choice-button.primary{background:linear-gradient(145deg,#f0523c,#db3532);border:1px solid #fffaf43b;box-shadow:0 16px 34px #59062b3b}.secondary-actions{justify-content:center;gap:18px;margin-top:12px;display:flex}.text-action{color:#fffaf4b8;cursor:pointer;min-height:44px;font-size:var(--type-small);background:0 0;border:0;justify-content:center;align-items:center;gap:7px;padding:9px 4px;font-weight:600;display:inline-flex}.text-action.active{color:var(--cream)}.sentence-screen{flex-direction:column;justify-content:space-between;min-height:100%;padding-top:16px;display:flex}.sentence-main{padding:20px 4px 0}.full-sentence{max-width:13ch;font-size:var(--type-display);letter-spacing:-.055em;text-wrap:balance;margin:14px 0 0;font-weight:600;line-height:1.02}.phonetic-line-wrap{padding:26px 4px 0}.phonetic-line{color:#fffaf4e0;max-width:20ch;font-size:var(--type-base);letter-spacing:.02em;margin:10px 0 0;font-weight:800;line-height:1.32}.playback-controls{grid-template-columns:1fr 1fr;gap:10px;margin-top:28px;display:grid}.playback-button{border-radius:var(--radius-control);cursor:pointer;min-height:50px;font-size:var(--type-small);background:#36051f1f;border:1px solid #fffaf433;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-weight:600;display:inline-flex}.playback-button.active{color:#781546;background:#fffaf4f0}.sentence-actions{gap:10px;margin-top:24px;display:grid}.outline-action,.solid-action,.reply-hold-button{border-radius:var(--radius-control);cursor:pointer;min-height:54px;font-size:var(--type-small);transition:transform .18s var(--ease-out), box-shadow .18s var(--ease-out), background .18s var(--ease-out);justify-content:center;align-items:center;gap:9px;padding:13px 18px;font-weight:700;line-height:1.15;display:inline-flex}.outline-action{background:#34041e1f;border:1px solid #fffaf43d}.solid-action,.reply-hold-button{background:linear-gradient(145deg,#f0523c,#da3331);border:1px solid #fffaf433;box-shadow:0 16px 34px #59062b38}.solid-action.compact{width:auto;min-width:180px;margin-top:26px}.pronunciation-screen{padding-top:4px}.sentence-token-track{flex-wrap:wrap;justify-content:center;align-items:center;gap:1px 3px;min-height:66px;padding:13px 2px 6px;display:flex}.sentence-token{color:#fffaf487;cursor:pointer;min-height:26px;font-size:var(--type-small);transition:color .18s var(--ease-out), border-color .18s var(--ease-out);background:0 0;border:0;border-bottom:2px solid #0000;padding:3px 2px;font-weight:600;line-height:1.2}.sentence-token.active{color:var(--cream);border-bottom-color:#fffaf4e6}.active-word-stage{flex-direction:column;justify-content:center;align-items:center;min-height:330px;display:flex}.neighbor-row{color:#fffaf457;width:min(100%,300px);font-size:var(--type-small);grid-template-columns:1fr 1fr;padding:0 12px;font-weight:600;display:grid}.neighbor-row span:last-child{text-align:right}.active-pronunciation-word{cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;min-width:235px;min-height:205px;margin-top:-5px;padding:26px 22px 18px;display:flex}.phonetic-word{max-width:7ch;font-size:var(--type-display);letter-spacing:-.06em;text-align:center;text-wrap:balance;font-weight:800;line-height:.96;display:block}.original-word{color:#fffaf4bd;font-family:Anthropic Sans,Segoe UI,sans-serif;font-size:var(--type-base);margin-top:10px;line-height:1}.hear-word{color:#fffaf491;font-size:var(--type-small);margin-top:24px;font-weight:600}.token-progress{justify-content:center;align-items:center;gap:6px;display:flex}.progress-mark{width:19px;height:2px;transition:background .18s var(--ease-out), transform .18s var(--ease-out);background:#fffaf433;border-radius:999px}.progress-mark.filled{background:#fffaf4e6}.pronunciation-controls{grid-template-columns:54px 1fr;align-items:center;gap:12px;margin-top:25px;display:grid}.round-control{cursor:pointer;background:#34041e1f;border:1px solid #fffaf438;border-radius:999px;justify-content:center;align-items:center;width:54px;height:54px;padding:0;display:inline-flex}.round-control:disabled{opacity:.32}.next-word-control{border-radius:var(--radius-control);cursor:pointer;min-height:54px;font-size:var(--type-small);background:linear-gradient(145deg,#f0523c,#da3331);border:1px solid #fffaf433;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-weight:700;display:inline-flex}.pronunciation-alt-view{flex-direction:column;justify-content:center;align-items:flex-start;min-height:445px;padding:40px 5px 20px;display:flex}.pronunciation-alt-view p:nth-child(2){max-width:14ch;font-size:var(--type-display);letter-spacing:-.05em;margin:16px 0 0;font-weight:600;line-height:1.06}.pronunciation-alt-view button{color:#fffaf4b8;cursor:pointer;min-height:44px;font-size:var(--type-small);background:0 0;border:0;margin-top:32px;padding:9px 0;font-weight:600}.incoming-idle-message .chip-row{justify-content:center;margin-top:26px}.incoming-result-content .result-copy-block{min-height:238px}.reply-hold-button{width:100%;margin-top:27px}.reply-note{text-align:center;margin-left:auto;margin-right:auto}.error-symbol{background:#36051f26;border:1px solid #fffaf43b;border-radius:999px;justify-content:center;align-items:center;width:62px;height:62px;margin-bottom:24px;display:flex}.overlay-layer,.large-text-overlay{z-index:20;position:absolute;inset:0}.overlay-layer{-webkit-backdrop-filter:blur(8px);background:#16020d7a;align-items:flex-end;padding:12px;display:flex}.bottom-sheet{width:100%;max-height:min(76%,600px);padding:8px 8px max(12px, env(safe-area-inset-bottom));background:#3d0824ed;border:1px solid #fffaf429;border-radius:26px;overflow-y:auto;box-shadow:0 28px 80px #2302148c,inset 0 1px #fffaf424}.sheet-header{grid-template-columns:1fr 44px;align-items:start;min-height:46px;display:grid}.sheet-handle{background:#fffaf440;border-radius:999px;width:38px;height:4px;margin:7px auto 0 calc(50% + 22px)}.overlay-close{cursor:pointer;background:#fffaf417;border:0;border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:inline-flex}.sheet-content{padding:6px 18px 18px}.sheet-content>svg{margin-bottom:16px}.sheet-content h2{font-size:var(--type-display);letter-spacing:-.045em;margin:0;font-weight:600;line-height:1.06}.sheet-content>p{color:#fffaf4a8;max-width:34ch;font-size:var(--type-small);margin:12px 0 0;line-height:1.5}.language-list{gap:8px;margin-top:22px;display:grid}.language-row,.menu-row{border-radius:var(--radius-control);cursor:pointer;width:100%;min-height:50px;font-size:var(--type-small);background:#fffaf40f;border:1px solid #fffaf421;justify-content:space-between;align-items:center;padding:12px 14px;font-weight:600;display:flex}.language-row.selected{color:#711342;background:#fffaf4f0}.language-row:disabled{cursor:not-allowed;opacity:.46}.language-row span:last-child{font-size:var(--type-small)}.sheet-actions{gap:9px;margin-top:25px;display:grid}.sheet-primary,.sheet-secondary{border-radius:var(--radius-control);cursor:pointer;min-height:50px;font-size:var(--type-small);padding:11px 16px;font-weight:700}.sheet-primary{color:#711342;background:#fffaf4f0;border:1px solid #fffaf42e}.sheet-primary.danger{color:var(--cream);background:#ef4935}.sheet-secondary{background:0 0;border:1px solid #fffaf429}.menu-content{padding-bottom:22px}.menu-row{justify-content:flex-start;gap:10px;margin-top:20px}.menu-info{border-radius:var(--radius-control);color:#fffaf49e;font-size:var(--type-small);background:#fffaf40d;align-items:flex-start;gap:10px;margin-top:9px;padding:14px;line-height:1.45;display:flex}.menu-info svg{flex:none}.large-text-overlay{color:#fffaf4;text-align:center;background:#f07f18;flex-direction:column;justify-content:center;align-items:center;padding:60px 28px;display:flex}.large-text-overlay .overlay-close{top:max(18px, env(safe-area-inset-top));right:max(18px, env(safe-area-inset-right));background:#480c2629;position:absolute}.large-text-overlay p{max-width:11ch;font-size:var(--type-display);letter-spacing:-.06em;text-wrap:balance;margin:0;font-weight:600;line-height:.98}.large-text-overlay>span{color:#fffaf4b8;font-size:var(--type-small);margin-top:28px;font-weight:600}.desktop-caption{color:#fffaf46b;font-size:var(--type-small);margin:0;line-height:1.3;position:absolute;bottom:18px;right:24px}.page-app-shell{grid-template-rows:96px minmax(0,1fr) 84px}.info-app-shell{grid-template-rows:minmax(0,1fr)}.page-header{z-index:4;min-width:0;padding:max(18px, env(safe-area-inset-top)) max(22px, env(safe-area-inset-right)) 12px max(22px, env(safe-area-inset-left));justify-content:space-between;align-items:center;display:flex;position:relative}.page-brand-link{border-radius:999px;justify-content:center;align-items:center;width:44px;height:48px;display:inline-flex}.page-header p{color:#fffaf4b3;font-size:var(--type-small);margin:0;font-weight:700;line-height:1.2}.page-header-spacer{width:44px;height:44px}.page-content{z-index:3;overscroll-behavior:contain;scrollbar-width:none;min-height:0;padding:0;position:relative;overflow-y:auto}.page-content::-webkit-scrollbar{display:none}.bottom-navigation{z-index:4;min-height:84px;padding:8px max(12px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));background:#51092d24;border-top:1px solid #fffaf429;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;position:relative}.bottom-navigation-link{border-radius:var(--radius-control);color:#fffaf496;min-width:0;min-height:56px;font-size:var(--type-small);text-align:center;transition:background .18s var(--ease-out), color .18s var(--ease-out), transform .18s var(--ease-out);flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:6px 4px;font-weight:700;line-height:1.1;text-decoration:none;display:flex}.bottom-navigation-link:hover{color:var(--cream)}.bottom-navigation-link:active{transform:scale(.98)}.bottom-navigation-link.is-active{color:var(--cream);background:#fffaf426}.start-page{min-height:100%;padding:10px max(22px, env(safe-area-inset-right)) 18px max(22px, env(safe-area-inset-left));flex-direction:column;justify-content:center;display:flex}.start-page-intro h1{max-width:11ch;font-size:var(--type-display);letter-spacing:-.055em;text-wrap:balance;margin:14px 0 0;font-weight:600;line-height:.98}.start-page-intro .support-copy{max-width:28ch;margin-left:0;margin-right:0}.start-conversation-link{border-radius:var(--radius-panel);min-height:100px;color:var(--cream);transition:transform .18s var(--ease-out), box-shadow .18s var(--ease-out);background:linear-gradient(145deg,#f0523c,#db3532);border:1px solid #fffaf43b;grid-template-columns:46px minmax(0,1fr) 24px;align-items:center;gap:12px;margin-top:32px;padding:15px 16px;text-decoration:none;display:grid;box-shadow:0 18px 38px #59062b3b}.start-conversation-link:hover{box-shadow:0 22px 44px #59062b52}.start-conversation-link:active{transform:scale(.98)}.start-conversation-icon{background:#fffaf421;border:1px solid #fffaf42e;border-radius:999px;justify-content:center;align-items:center;width:46px;height:46px;display:inline-flex}.start-conversation-link>span:nth-child(2){gap:5px;min-width:0;display:grid}.start-conversation-link strong{font-size:var(--type-base);font-weight:700;line-height:1.2}.start-conversation-link small{color:#fffaf4c7;font-size:var(--type-small);font-weight:600;line-height:1.35}.start-page-note{border-radius:var(--radius-control);background:#34041e21;border:1px solid #fffaf429;margin-top:16px;padding:17px 18px}.start-page-note p:last-child{color:#fffaf4cc;max-width:31ch;font-size:var(--type-small);margin:8px 0 0;font-weight:600;line-height:1.42}.start-saved-phrases{margin-top:18px}.start-saved-heading{color:#fffaf4cc;align-items:center;gap:8px;display:flex}.start-saved-heading h2{font-size:var(--type-base);margin:0;font-weight:700}.start-saved-list{gap:8px;margin-top:10px;display:grid}.start-saved-list a{border-radius:var(--radius-control);min-height:48px;color:var(--cream);font-size:var(--type-small);background:#34041e1f;border:1px solid #fffaf429;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;font-weight:600;line-height:1.35;text-decoration:none;display:flex}.start-saved-list a span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:no-preference){.is-listening .record-button:before{animation:record-pulse 1.5s var(--ease-out) infinite}.is-listening .record-button:after{animation:record-pulse-wide 1.5s .25s var(--ease-out) infinite}.record-wave svg,.active-pronunciation-word.is-playing .phonetic-word{animation:.85s ease-in-out infinite alternate signal-breathe}.processing-indicator span{animation:.95s ease-in-out infinite processing-dot}.processing-indicator span:nth-child(2){animation-delay:.12s}.processing-indicator span:nth-child(3){animation-delay:.24s}.screen-content{animation:screen-enter .36s var(--ease-out) both}}@keyframes record-pulse{0%{opacity:.5;transform:scale(.96)}70%,to{opacity:0;transform:scale(1.13)}}@keyframes record-pulse-wide{0%{opacity:.3;transform:scale(.95)}75%,to{opacity:0;transform:scale(1.15)}}@keyframes signal-breathe{0%{opacity:.62;transform:scaleY(.86)}to{opacity:1;transform:scaleY(1.08)}}@keyframes processing-dot{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}@keyframes screen-enter{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.site-shell{padding:0;display:block}.phone-shadow,.desktop-caption{display:none}.app-shell{width:100%;height:100dvh;min-height:568px;box-shadow:none;border:0;border-radius:0}.page-app-shell{grid-template-rows:88px minmax(0,1fr) 78px}.info-app-shell{grid-template-rows:minmax(0,1fr)}.bottom-navigation{min-height:78px}}@media (max-width:359px){:root{--header-height:94px}.app-header{padding-left:12px;padding-right:12px}.center-message,.transcript-stage,.processing-stage{padding-left:24px;padding-right:24px}.scroll-content{padding-left:18px;padding-right:18px}.center-message h1,.error-screen h1,.live-transcript,.full-sentence,.phonetic-word,.large-text-overlay p{font-size:var(--type-display)}.record-button{width:104px;height:104px}.choice-button{min-height:88px;padding:14px}.view-tab{font-size:var(--type-small)}.active-word-stage{min-height:285px}}@media (max-height:700px){:root{--header-height:98px}.app-header{padding-top:max(12px, env(safe-area-inset-top))}.brand-logo{width:36px;height:38px}.record-button{width:98px;height:98px}.screen-action{padding-bottom:max(12px, env(safe-area-inset-bottom))}.record-instruction{min-height:28px;margin-top:9px}.page-app-shell{grid-template-rows:80px minmax(0,1fr) 72px}.info-app-shell{grid-template-rows:minmax(0,1fr)}.page-header{padding-top:max(12px, env(safe-area-inset-top));padding-bottom:8px}.bottom-navigation{min-height:72px;padding-top:6px}.bottom-navigation-link{min-height:50px}.start-conversation-link{min-height:88px;margin-top:22px}.center-message{padding-top:12px;padding-bottom:10px}.center-message h1{font-size:var(--type-display)}.support-copy{margin-top:12px}.demo-notice{margin-top:15px}.result-copy-block{min-height:142px;padding-top:20px}.result-copy,.translation-copy,.original-copy,.meaning-copy{font-size:var(--type-display)}.delivery-choice{margin-top:17px}.choice-button{min-height:78px}.active-word-stage{min-height:252px}.phonetic-word{font-size:var(--type-display)}.active-pronunciation-word{min-height:165px}.pronunciation-controls{margin-top:17px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-reduced-transparency:reduce){.overlay-layer,.bottom-sheet,.view-switcher,.back-translation,.demo-notice{-webkit-backdrop-filter:none;background:#6f1547}}