:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--anim-fast:.15s;--anim-base:.2s;--anim-slow:.35s;--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--space-4:4px;--space-8:8px;--space-12:12px;--space-16:16px;--space-24:24px;--space-32:32px;--space-40:40px;--space-48:48px;--card-padding:16px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:14px;--radius-pill:999px;--r-sm:var(--radius-lg);--r-md:12px;--font-ui:"Montserrat", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-output:"Lora", Georgia, "Times New Roman", serif;--font-scale:1;--text-xs:calc(11px * var(--font-scale));--text-sm:calc(13px * var(--font-scale));--text-base:calc(15px * var(--font-scale));--text-md:calc(17px * var(--font-scale));--text-lg:calc(21px * var(--font-scale));--text-xl:calc(24px * var(--font-scale));--font-scale-chrome:calc(1 + (var(--font-scale) - 1) * .5);--line-ui:1.5;--line-output:1.65;--letter-caps:.07em;--color-primary:#ffc400;--tonal-up:0;--tonal-down:.06;--color-primary-hover:oklch(from var(--color-primary) calc(l - var(--tonal-down)) c h);--color-primary-tint:oklch(from var(--color-primary) .96 .04 h);--color-primary-active:oklch(from var(--color-primary) calc(l + var(--tonal-up)) c h);--color-primary-rgb:255 196 0;--color-text-active:var(--color-text-primary);--color-secondary:#aa151b;--color-on-secondary:#fff;--color-text-inverse:#fff;--color-on-primary:#3a2410;--color-text-primary:#1a1a1a;--color-text-body:#5c5a57;--color-text-secondary:#5c5a57;--color-text-tertiary:#b0a99e;--color-gold:#c8a017;--color-gold-icon:#f1bf00;--color-gold-ui:#c8a017;--color-gold-tint:#fffbec;--color-border:#ddd9d0;--color-border-muted:#c0bcb5;--color-border-light:#e8e4dc;--color-success:#2e7d32;--color-success-tint:#e8f4ee;--color-warning:#e07820;--color-warning-tint:#fff3e0;--color-error:#8b3535;--color-error-tint:#fdeeee;--color-error-fill:#8b3535;--color-bg-subtle:#f0ede8;--color-bg-card:#fdfcf8;--color-bg-base:#f5f4ef;--color-surface:#fdfcf8;--color-bg:#f5f4ef;--color-bar:#f5f4ef;--color-text-muted:#67655e;--color-warning-bg:#fff3cd;--color-warning-border:#fbbf24;--color-warning-text:#92400e;--color-audio:#0030a8;--color-audio-tint:#eef2ff;--color-audio-border:#0030a8;--color-audio-fg:#0030a8;--z-header:400;--z-toastbar:395;--z-toolbar:390;--z-search:385;--z-subheader:380;--z-fab-backtotop:370;--z-scroll-fade:365;--z-add-pb-backdrop:520;--z-load-error:530;--frozen-header-height:0px;--btn-paint:#efe7d5;--btn-paint-active:#faf7ef;--r-pill:14px;--t-fast:.15s;--t-mid:.22s;--t-slow:.32s;--ease-soft:cubic-bezier(.4, 0, .2, 1);--ease-pop:cubic-bezier(.34, 1.2, .64, 1);--kind-translate:#c6453d;--shadow-dark-paper:#3c230a24;--highlight-paper:#fffaeb66;--accent-button-glow:0 0 7px 1px #b8362e47;--accent-button-glow-hover:0 0 12px 2px #b8362e66;--r-card:22px;--accent:#b8362e;--accent-glow:#b8362e8c;--btn-paint-cool:#f7ecd4;--ink:#2a1d0c;--ink-muted:#5c4a2e;--ink-soft:#7a6644;--card-bg-top:#fff;--card-bg-bottom:color-mix(in oklch, var(--color-bg) 88%, var(--color-primary) 12%);--card-light:oklch(from var(--color-bg) calc(l + .18) c h);--card-dark:oklch(from var(--color-bg) calc(l - .27) calc(c * .5) h);--page-content-left:clamp(12px, calc(-107px + 19.9vw), 142px);--page-max-read:720px;--page-max-flow:768px;--page-max-grid:1456px;--page-max-hero:1096px;--scrollbar-thumb:color-mix(in srgb, var(--color-text-primary) 15%, transparent);--scrollbar-thumb-hover:color-mix(in srgb, var(--color-text-primary) 27%, transparent);scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text-primary);font-family:Montserrat,sans-serif}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);background-clip:padding-box;border:2px solid #0000;border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}::-webkit-scrollbar-corner{background:0 0}.skip-link{z-index:9999;background:var(--color-primary-active);color:var(--color-on-primary);font-family:Montserrat,sans-serif;font-size:var(--text-sm);border-radius:0 0 6px 6px;padding:8px 16px;font-weight:600;text-decoration:none;transition:top .1s;position:absolute;top:-100px;left:16px}.skip-link:focus{top:0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app{max-width:660px;margin:176px auto 0;padding:24px 24px 100px}.header{justify-content:space-between;align-items:center;gap:12px;max-width:660px;margin:0 auto;padding:16px 24px;display:flex;position:relative}.app-toastbar{top:80px;left:0;right:var(--scrollbar-width,0);z-index:var(--z-toastbar);background:var(--color-bg);border-radius:0 0 8px 8px;height:40px;position:fixed;overflow:hidden}.app-toastbar-inner{justify-content:flex-end;align-items:center;max-width:660px;height:40px;margin:0 auto;padding:0 24px;display:flex;position:relative}.toastbar-notice{background:var(--color-bg-subtle);font-size:var(--text-sm);color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;justify-content:center;align-items:center;max-width:min(100vw - 32px,420px);margin:0 auto;padding:0 24px;font-family:Montserrat,sans-serif;animation:.2s forwards toastSlideDown;display:flex;position:absolute;inset:0;overflow:hidden}.toastbar-notice.dismissing{animation:.2s forwards toastSlideUp}@keyframes toastSlideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes toastSlideUp{0%{transform:translateY(0)}to{transform:translateY(-100%)}}.app-subheader{top:120px;left:0;right:var(--scrollbar-width,0);z-index:var(--z-subheader);background:var(--color-bg-base);min-height:56px;position:fixed}.app-subheader-inner{grid-template-columns:5fr 2fr;align-items:center;column-gap:12.5%;max-width:660px;min-height:56px;margin:0 auto;padding:0 24px;display:grid}.subheader-left{justify-content:flex-start;align-items:center;min-width:0;display:flex}.subheader-right{justify-content:flex-end;align-items:center;min-width:0;display:flex}.subheader-title{font-family:var(--font-output);font-size:var(--text-xl);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:500;line-height:1.3;overflow:hidden}.subheader-back-btn{white-space:normal;width:100%;line-height:1.4;transition:color .15s;display:flex}.subheader-back-btn span{text-align:right;word-break:break-word;flex:1}.subheader-back-btn:hover{color:var(--color-primary)}.auth-link{white-space:nowrap;transition:background .15s,color .15s,border-color .15s}.auth-link:hover{border-color:var(--color-primary-active);color:var(--color-primary-active)}.theme-chip{border:1px solid var(--color-border);color:var(--color-text-primary);cursor:pointer;text-align:center;background:#fff;border-radius:8px;flex:1;padding:10px 6px;font-family:Montserrat,sans-serif;transition:background .15s,color .15s,border-color .15s}.theme-chip:hover{border-color:var(--color-primary-active)}.theme-chip.active{border-color:var(--color-primary-active);background:rgb(var(--color-primary-rgb) / .12)}.switch-control{display:flex}.switch-btn{appearance:none;flex:1;justify-content:center;align-items:center;gap:6px;transition:background .15s,color .15s,box-shadow .15s;display:inline-flex}.switch-btn-flag{font-size:var(--text-base);line-height:1}.switch-control-disabled{opacity:1}.switch-control-disabled .switch-btn{cursor:not-allowed;opacity:.45}.switch-control-disabled .switch-btn.active{opacity:1}.switch-btn-indicator{background:var(--color-primary-active);border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-right:6px;display:inline-block}[data-theme=dark] .switch-btn-indicator{background:var(--color-primary-active)}.switch-control.voice-gender-switch .switch-btn{text-align:center;flex:none;width:88px;min-width:88px;max-width:88px;padding:6px 0}.toolbar{justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:8px 0;display:flex}.toolbar-left,.toolbar-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.toolbar-right{justify-content:flex-end}.toolbar-kebab{align-items:center;display:none;position:relative}.toolbar-kebab-btn{justify-content:center;align-items:center;transition:border-color .15s,color .15s;display:inline-flex}.toolbar-kebab-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.toolbar-kebab-dropdown{z-index:10;min-width:192px;animation:.1s fadeIn;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden}.toolbar-kebab-item{transition:background .1s}.toolbar-kebab-item:disabled{opacity:.4;cursor:not-allowed}.toolbar-kebab-item.active{color:var(--color-accent-ink)}.toolbar-kebab-item-icon{flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.toolbar-kebab-item-label{flex:1}.toolbar-kebab-item-check{color:var(--color-primary);flex-shrink:0;margin-left:auto}[data-theme=dark] .toolbar-kebab-btn:hover{border-color:var(--color-primary-active);color:var(--color-primary-active)}[data-theme=dark] .toolbar-kebab-item-check{color:var(--color-primary-active)}.frozen-header-stack{z-index:2;background:var(--color-bg-base);position:sticky;top:176px}.frozen-header-stack:after{content:"";pointer-events:none;height:40px;opacity:var(--fade-top-opacity,0);background:linear-gradient(#f5f4efd9 0%,#f5f4ef73 50%,#0000 100%);position:absolute;top:100%;left:0;right:0}[data-theme=dark] .frozen-header-stack{background:var(--color-bg-base)}[data-theme=dark] .frozen-header-stack:after{background:linear-gradient(#161412d9 0%,#16141273 50%,#0000 100%)}.scroll-fade-bottom{bottom:0;left:0;right:var(--scrollbar-width,0);pointer-events:none;height:96px;z-index:var(--z-scroll-fade);opacity:0;background:linear-gradient(#0000 0%,#f5f4ef80 50%,#f5f4efe6 100%);transition:opacity .25s;position:fixed}.scroll-fade-bottom.visible{opacity:1}[data-theme=dark] .scroll-fade-bottom{background:linear-gradient(#0000 0%,#16141280 50%,#161412e6 100%)}.add-pb-backdrop{z-index:var(--z-add-pb-backdrop);justify-content:center;align-items:center;padding:24px;animation:.15s fab-fade-in;display:flex;position:fixed;inset:0}.add-pb-modal{width:100%;max-width:440px;max-height:90vh;font-family:Montserrat,sans-serif;overflow-y:auto}.add-pb-modal-header{justify-content:space-between;align-items:center;gap:var(--space-8);margin-bottom:14px;display:flex}.add-pb-modal-title{color:var(--color-text-primary);overflow-wrap:anywhere;min-width:0;margin:0}.add-pb-modal-close{flex:none;justify-content:center;align-items:center;transition:color .15s;display:flex}.add-pb-modal-phrase{margin-bottom:16px;padding:12px 14px}.add-pb-modal-phrase-input{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:4px}.add-pb-modal-phrase-translated{font-family:Lora,serif;font-size:var(--text-md);color:var(--color-text-primary);line-height:1.4}.add-pb-modal-list{flex-direction:column;gap:6px;margin-bottom:10px;display:flex}.add-pb-modal-item{min-height:48px;color:var(--color-text-primary);font-family:Montserrat,sans-serif;font-size:var(--text-sm);cursor:pointer;text-align:left;justify-content:space-between;align-items:center;padding:12px 14px;font-weight:500;transition:background .15s,color .15s,border-color .15s;display:flex}@media (hover:hover){.add-pb-modal-item:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-primary-tint);color:var(--color-text-active)}}.add-pb-modal-item:disabled{opacity:.5;cursor:not-allowed}.add-pb-modal-item-name{font-weight:500}.add-pb-modal-item-count{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:400}@media (hover:hover){.add-pb-modal-item:hover:not(:disabled) .add-pb-modal-item-count{color:inherit}}.add-pb-modal-btn-create{justify-content:center;align-items:center;gap:6px;width:100%;min-height:44px;padding:11px;transition:background .15s,border-color .15s;display:inline-flex}.add-pb-modal-label{font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:6px;font-weight:500;display:block}.add-pb-modal-actions{flex-direction:column;gap:8px;margin-top:12px;display:flex}.add-pb-modal-btn-primary{transition:opacity .15s,background .15s}.add-pb-modal-btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.add-pb-modal-btn-primary:disabled{opacity:.5;cursor:not-allowed}.add-pb-modal-btn-secondary{transition:background .15s,color .15s,border-color .15s}.add-pb-modal-btn-secondary:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.add-pb-modal-error{font-size:var(--text-sm);color:var(--color-accent-ink);background:var(--color-primary-tint);border-radius:6px;margin-top:10px;padding:8px 12px}.add-pb-modal-saved{font-size:var(--text-base);color:var(--color-success);justify-content:center;align-items:center;gap:8px;padding:20px;font-weight:500;display:flex}.add-pb-sheet{padding:var(--space-8) var(--space-12) var(--space-4)}.add-pb-sheet .add-pb-modal-list{max-height:calc(40dvh - var(--keyboard-inset,0px) * .5);touch-action:pan-y;overflow-y:auto}[data-theme=dark] .add-pb-modal-phrase{background:var(--color-surface-sunken)}[data-theme=dark] .add-pb-modal-item{color:var(--color-text-soft)}@media (hover:hover){[data-theme=dark] .add-pb-modal-item:hover:not(:disabled){border-color:var(--color-primary-active);background:rgb(var(--color-primary-rgb) / .12);color:var(--color-text-primary)}}[data-theme=dark] .add-pb-modal-item-count{color:var(--color-text-muted)}[data-theme=dark] .add-pb-modal-btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}[data-theme=dark] .add-pb-modal-title{color:var(--color-text-primary)}[data-theme=dark] .add-pb-modal-phrase-input{color:var(--color-text-tertiary)}[data-theme=dark] .add-pb-modal-phrase-translated{color:var(--color-text-primary)}.cv-to-pb-modal{max-width:520px}.cv-to-pb-controls{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.cv-to-pb-controls .switch-control{flex:1}.cv-to-pb-select-all:hover{text-decoration:underline}.cv-to-pb-list{flex-direction:column;gap:6px;max-height:40vh;margin-bottom:14px;padding-right:2px;display:flex;overflow-y:auto}.cv-to-pb-item{cursor:pointer;align-items:flex-start;gap:10px;padding:10px 12px;transition:background .15s,border-color .15s;display:flex}.cv-to-pb-item:hover,.cv-to-pb-item.selected{border-color:var(--color-primary);background:var(--color-primary-tint)}.cv-to-pb-item-checkbox{opacity:0;pointer-events:none;position:absolute}.cv-to-pb-item:has(.cv-to-pb-item-checkbox:focus-visible){outline:2px solid var(--color-text-primary);outline-offset:2px}.cv-to-pb-item-check{border:2px solid var(--color-border-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-top:3px;transition:background .15s,border-color .15s;display:flex}.cv-to-pb-item.selected .cv-to-pb-item-check{background:var(--color-primary);border-color:var(--color-primary)}.cv-to-pb-item.selected .cv-to-pb-item-check:after{content:"";background:#fff;border-radius:50%;width:6px;height:6px}.cv-to-pb-item-content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.cv-to-pb-item-first{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.35}.cv-to-pb-item-second{font-family:Lora,serif;font-size:var(--text-md);color:var(--color-text-primary);line-height:1.4}.cv-to-pb-footer{border-top:1px solid var(--color-border-light);padding-top:14px}.cv-to-pb-count{font-size:var(--text-xs);color:var(--color-text-muted);letter-spacing:.04em;margin:8px 0}[data-theme=dark] .cv-to-pb-item:hover,[data-theme=dark] .cv-to-pb-item.selected{border-color:var(--color-primary-active);background:rgb(var(--color-primary-rgb) / .12)}[data-theme=dark] .cv-to-pb-item.selected .cv-to-pb-item-check{background:var(--color-primary-active);border-color:var(--color-primary-active)}[data-theme=dark] .cv-to-pb-item-second{color:var(--color-text-primary)}[data-theme=dark] .cv-to-pb-item-first{color:var(--color-text-tertiary)}[data-theme=dark] .cv-to-pb-footer{border-top-color:var(--color-border)}.conv-bubble.compact{padding:10px 12px}.conv-bubble.compact .conv-bubble-original{font-size:var(--text-sm)}.conv-bubble.compact .conv-bubble-translation{font-size:var(--text-base)}.fab-back-to-top{right:var(--space-24);bottom:var(--space-24);z-index:var(--z-fab-backtotop);justify-content:center;align-items:center;transition:background .15s,color .15s,border-color .15s;animation:.15s fab-fade-in;display:flex;position:fixed}.fab-back-to-top:hover{border-color:var(--color-primary);color:var(--color-primary)}[data-theme=dark] .fab-back-to-top:hover{border-color:var(--color-primary-active);color:var(--color-primary-active)}@keyframes fab-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.magic-divider{align-items:center;gap:10px;margin:16px 0;display:flex}.magic-divider:before,.magic-divider:after{content:"";background:#ddd9d0;flex:1;height:1px}.magic-divider span{font-size:var(--text-xs);color:#c0bcb5;letter-spacing:.06em;text-transform:uppercase}.magic-input{width:100%}.magic-input--spaced{margin-top:8px}.magic-btn{margin-top:14px;transition:background .15s}.magic-btn:hover:not(:disabled){background:var(--color-primary-hover)}.magic-btn:disabled{opacity:.45;cursor:not-allowed}.field-label{font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:6px;font-weight:500;display:block}textarea{border:1px solid var(--color-border);resize:vertical;width:100%;min-height:110px;font-family:Montserrat,sans-serif;font-size:var(--text-base);color:var(--color-text-primary);background:#fdfcf8;border-radius:6px;padding:14px;line-height:1.65;transition:border-color .15s}textarea:focus{border-color:var(--color-primary-active)}textarea:focus-visible{outline:2px solid var(--color-primary-active);outline-offset:2px}textarea::placeholder{color:#c0bcb5}.btn{background:var(--color-primary-active);color:var(--color-on-primary);font-family:Montserrat,sans-serif;font-size:var(--text-sm);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border:none;border-radius:6px;margin-top:12px;padding:11px 26px;font-weight:500;transition:background .15s,transform .1s}.btn:not(.btn-stop):hover:not(:disabled){background:#9a1f23}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{cursor:not-allowed;background:#c0bcb5}.loading{background:linear-gradient(90deg, var(--color-primary-active) 0%, #d4888a 50%, var(--color-primary-active) 100%);background-size:200% 100%;border-radius:2px;height:2px;margin-top:16px;animation:1.3s linear infinite shimmer}@keyframes shimmer{to{background-position:-200%}}.streaming-cursor{background:var(--color-primary-active);vertical-align:text-bottom;width:2px;height:1.05em;margin-left:2px;animation:.65s step-end infinite blink-cursor;display:inline-block}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}.error{color:var(--color-error);font-size:var(--text-sm);margin-top:10px}.word-count{text-align:right;font-size:var(--text-xs);color:#c0bcb5;pointer-events:none;margin-top:4px;display:block}.word-count.near{color:#e07820}.word-count.over{color:#8b3535;font-weight:500}[data-theme=dark] .word-count{color:var(--color-text-dim)}[data-theme=dark] .word-count.near{color:#e07820}[data-theme=dark] .word-count.over{color:#f88}.paywall-overlay{z-index:520;justify-content:center;align-items:flex-start;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.paywall-overlay>*{margin-block:auto}.paywall-modal{width:100%;max-width:480px;font-family:Montserrat,sans-serif;position:relative}.ws-close{top:var(--space-8);right:var(--space-8);font-size:var(--text-lg);line-height:1;position:absolute}.paywall-title{color:var(--color-text-primary);margin-bottom:5px}.paywall-subtitle{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.5}.ws-footer{font-size:var(--text-xs);color:var(--color-text-secondary);text-align:center}.ws-buy-error{background:var(--color-primary-tint);color:var(--color-accent-ink);font-family:var(--font-ui);font-size:var(--text-xs);text-align:center;border-radius:6px;margin:4px 0 12px;padding:8px 12px}.cookie-banner{z-index:500;background:var(--color-surface);color:var(--color-text-body);border-top:1px solid var(--color-border);padding:14px var(--space-24);font-family:var(--font-ui);font-size:var(--text-sm);line-height:var(--line-ui);justify-content:space-between;align-items:center;gap:16px;display:flex;position:fixed;bottom:0;left:0;right:0}.cookie-banner a{color:var(--color-accent-ink);text-decoration:underline}.cookie-banner a:hover{color:var(--color-primary-hover)}.cookie-ok{white-space:nowrap;flex-shrink:0;transition:background .15s,color .15s,border-color .15s}.cookie-ok:hover{background:var(--color-primary-tint);border-color:var(--color-primary-hover);color:var(--color-primary-hover)}[data-theme=dark] .cookie-banner{background:var(--color-surface);color:#c8c5be;border-top-color:var(--color-border)}[data-theme=dark] .cookie-banner a{color:var(--color-accent-ink)}[data-theme=dark] .cookie-banner a:hover{color:#e66060}[data-theme=dark] .cookie-ok:hover{background:rgb(var(--color-primary-rgb) / .12);border-color:var(--color-primary-hover);color:var(--color-primary-hover)}@media (width<=520px){.cookie-banner{flex-direction:column;align-items:flex-start;gap:10px}}@media (width<=1139px){body[data-shell=v3] .cookie-banner{left:var(--space-8);right:var(--space-8);bottom:calc(var(--bottom-bar-h,64px) + var(--space-32) + env(safe-area-inset-bottom,0px));padding:var(--space-12) var(--space-16);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 8px 24px #0000002e}}[data-theme=dark] .paywall-title{color:var(--color-text-primary)}[data-theme=dark] .paywall-subtitle{color:var(--color-text-tertiary)}.conv-messages{flex-direction:column;gap:12px;min-height:120px;max-height:420px;margin-bottom:14px;padding:4px 0;display:flex;overflow-y:auto}.conv-bubble{flex-direction:column;gap:4px;max-width:78%;display:flex}.conv-bubble.side-a{align-self:flex-start;align-items:flex-start}.conv-bubble.side-b{align-self:flex-end;align-items:flex-end}.conv-bubble-label{font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:#b5b2aa;margin-bottom:1px;font-weight:600}.conv-bubble-original{font-size:var(--text-sm);color:var(--color-text-muted);background:var(--color-bg-subtle);border-radius:10px;padding:6px 12px;font-style:italic;line-height:1.45}.side-a .conv-bubble-original{border-radius:10px 10px 10px 3px}.side-b .conv-bubble-original{border-radius:10px 10px 3px}.conv-bubble-translation{font-size:var(--text-base);color:var(--color-text-primary);border:1px solid var(--color-border);background:#fff;border-radius:10px;padding:10px 15px;font-weight:400;line-height:1.55}.side-a .conv-bubble-translation{border-radius:10px 10px 10px 3px}.side-b .conv-bubble-translation{background:var(--color-primary-active);color:var(--color-on-primary);border-color:var(--color-primary-active);border-radius:10px 10px 3px}.conv-bubble-translation-wrap{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.conv-bubble-translation-wrap .conv-bubble-translation{flex:1;min-width:0}.conv-star-btn{color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:color .15s,transform .15s;display:flex}.conv-star-btn:hover{color:var(--color-gold)}.conv-star-btn:active{transform:scale(.85)}.conv-star-btn.starred{color:var(--color-gold)}[data-theme=dark] .conv-star-btn{color:var(--color-text-dim)}[data-theme=dark] .conv-star-btn:hover,[data-theme=dark] .conv-star-btn.starred{color:#c8a017}.conv-bubble-loading{font-size:var(--text-sm);color:#b5b2aa;padding:8px 12px;font-style:italic}.conv-bubble-error{font-size:var(--text-sm);color:var(--color-primary-active);padding:8px 12px}.conv-cancel-inline:hover{color:var(--color-text-muted)}.conv-disambig{flex-direction:column;gap:5px;padding:8px 12px;display:flex}.conv-disambig-label{font-size:var(--text-xs);letter-spacing:.07em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:2px;font-weight:600}.conv-disambig-btn{text-align:left;transition:box-shadow .15s,border-color .15s}.conv-mic-row{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:0;margin-top:4px;display:grid}.conv-mic-divider{background:#ddd9d0;width:1px;margin:8px 0}.conv-mic-panel{flex-direction:column;align-items:center;gap:8px;padding:16px 12px;display:flex}.conv-mic-panel-es{background:rgb(var(--color-primary-rgb) / .04);border-radius:0 8px 8px 0}.conv-mic-panel-en{border-radius:8px 0 0 8px}.conv-mic-label{font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);font-weight:600}.conv-hold-mic{border:1px solid var(--color-border);width:88px;height:88px;color:var(--color-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;background:#fdfcf8;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:0;transition:background .15s,color .15s,border-color .15s;display:flex}.conv-hold-mic:hover{color:#2c2a28;border-color:#8a8780}.conv-hold-mic:active,.conv-hold-mic.recording{color:var(--color-text-inverse);background:#2c2a28;border-color:#2c2a28;transform:scale(.96)}.conv-hold-mic-es:hover{border-color:var(--color-primary-active);color:var(--color-primary-active)}.conv-hold-mic-es:active,.conv-hold-mic-es.recording{background:var(--color-primary-active);border-color:var(--color-primary-active);color:var(--color-on-primary)}.conv-hold-mic:disabled{opacity:.35;cursor:not-allowed}.conv-hold-label{font-size:var(--text-xs);letter-spacing:.04em;text-align:center;padding:0 6px;font-weight:500;line-height:1.3}[data-theme=dark] .conv-bubble-original{background:var(--color-surface-raised);color:var(--color-text-tertiary)}[data-theme=dark] .conv-bubble-translation{background:var(--color-surface);color:var(--color-text-soft);border-color:var(--color-border)}[data-theme=dark] .side-b .conv-bubble-translation{background:var(--color-primary-active);color:var(--color-on-primary);border-color:var(--color-primary-active)}[data-theme=dark] .conv-hold-mic{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text-tertiary)}[data-theme=dark] .conv-hold-mic:active,[data-theme=dark] .conv-hold-mic.recording{background:var(--color-surface-inverse);border-color:var(--color-surface-inverse);color:#1e1c1a}[data-theme=dark] .conv-hold-mic-es:active,[data-theme=dark] .conv-hold-mic-es.recording{background:var(--color-primary-active);border-color:var(--color-primary-active);color:var(--color-on-primary)}[data-theme=dark] .conv-mic-divider{background:var(--color-border)}[data-theme=dark] .conv-mic-panel-es{background:#ff44440f}[data-theme=dark] .conv-bubble-label{color:var(--color-text-dim)}[data-theme=dark] .conv-mic-label{color:var(--color-text-tertiary)}.conv-waveform{justify-content:center;align-items:flex-end;gap:3px;height:16px;display:flex}.conv-waveform span{background:currentColor;border-radius:2px;width:3px;animation:.7s ease-in-out infinite conv-bar-bounce}.conv-waveform span:first-child{animation-delay:0s}.conv-waveform span:nth-child(2){animation-delay:.14s}.conv-waveform span:nth-child(3){animation-delay:.28s}.conv-waveform span:nth-child(4){animation-delay:.42s}@keyframes conv-bar-bounce{0%,to{height:3px}50%{height:15px}}@media (prefers-reduced-motion:reduce){.conv-waveform span{height:8px;animation:none}}.conv-header-row{align-items:center;gap:0;display:flex}.conv-header-row .toolbar{flex:1;min-width:0}.conv-settings-btn{cursor:pointer;width:40px;height:40px;color:var(--color-text-secondary);background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;margin-right:4px;transition:background .12s,color .12s;display:flex}.conv-settings-btn:hover{background:var(--color-bg-subtle);color:var(--color-text-primary)}[data-theme=dark] .conv-settings-btn{color:#706e6a}[data-theme=dark] .conv-settings-btn:hover{background:var(--color-surface-sunken);color:var(--color-text-soft)}.conv-drawer-content{padding:0 0 12px}.conv-drawer-section-label{font-family:Montserrat,sans-serif;font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary);padding:12px 20px 6px;font-weight:600}.conv-drawer-divider{background:var(--color-border-light);height:1px;margin:8px 0}.conv-drawer-check{color:var(--color-primary);align-items:center;margin-left:auto;display:flex}.conv-drawer-setting{border-bottom:1px solid var(--color-border-light)}.conv-drawer-setting:last-of-type{border-bottom:none}.conv-drawer-setting-trigger{transition:background .12s}.conv-drawer-setting-label{font-size:var(--text-sm);letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-secondary);white-space:nowrap;min-width:80px;font-weight:600}.conv-drawer-setting-value{font-size:var(--text-sm);color:var(--color-text-primary);flex:1;font-weight:400}.conv-drawer-chevron{color:var(--color-text-secondary);flex-shrink:0;align-items:center;transition:transform .15s;display:flex}.conv-drawer-chevron.open{transform:rotate(180deg)}.conv-drawer-setting-options{background:var(--color-bg-subtle)}.conv-drawer-option{justify-content:space-between;transition:background .1s}.conv-drawer-option:hover{background:var(--color-bg-card)}.conv-drawer-option.active{color:var(--color-accent-ink);font-weight:600}[data-theme=dark] .conv-drawer-section-label{color:#706e6a}[data-theme=dark] .conv-drawer-divider{background:var(--color-border)}[data-theme=dark] .conv-drawer-setting{border-bottom-color:var(--color-border)}[data-theme=dark] .conv-drawer-setting-label{color:#706e6a}[data-theme=dark] .conv-drawer-setting-value{color:var(--color-text-soft)}[data-theme=dark] .conv-drawer-chevron{color:#706e6a}[data-theme=dark] .conv-drawer-setting-options{background:#1a1816}[data-theme=dark] .conv-drawer-option:hover{background:var(--color-surface-sunken)}.cv-to-pb-select-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cv-to-pb-select-starred:hover{color:#b38a00}[data-theme=dark] .cv-to-pb-select-starred{color:#c8a017}[data-theme=dark] .cv-to-pb-select-starred:hover{color:#e0b820}.disambig{border:1px solid var(--color-border);background:#fdfcf8;border-radius:8px;margin-top:14px;padding:14px 16px;animation:.2s rise}[data-theme=dark] .disambig{background:var(--color-surface);border-color:var(--color-border)}.result{margin-top:36px;animation:.3s rise}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dialect-pill{border:1px solid var(--color-border);background:var(--color-bg-card);height:32px;color:var(--color-text-secondary);font-family:Montserrat,sans-serif;font-size:var(--text-xs);letter-spacing:.04em;cursor:pointer;border-radius:6px;flex-shrink:0;align-items:center;gap:6px;padding:0 10px;font-weight:500;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.dialect-pill:hover{border-color:var(--color-primary);color:var(--color-primary)}[data-theme=dark] .dialect-pill{background:var(--color-surface-sunken);border-color:var(--color-border);color:var(--color-text-tertiary)}[data-theme=dark] .dialect-pill:hover{border-color:var(--color-primary-active);color:var(--color-primary-active)}@media (width<=480px){.dialect-pill{max-width:140px;padding:0 8px}}@keyframes star-pop{0%{transform:scale(1)}30%{transform:scale(1.55)rotate(15deg)}60%{transform:scale(.88)rotate(-8deg)}80%{transform:scale(1.12)}to{transform:scale(1)rotate(0)}}@keyframes mic-pulse{0%,to{box-shadow:0 0 0 0 rgb(var(--color-primary-rgb) / .4)}50%{box-shadow:0 0 0 5px rgb(var(--color-primary-rgb) / 0)}}.translation-box{border:1px solid var(--color-border);font-family:Lora,serif;font-size:var(--text-lg);color:var(--color-text-primary);background:#fdfcf8;border-radius:6px;padding:20px 22px;line-height:1.75}.verb{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;-webkit-text-decoration-color:var(--color-primary-active);text-decoration-color:var(--color-primary-active);text-underline-offset:3px;cursor:pointer;border-radius:2px;padding:0 1px;transition:background .12s}.verb:hover,.verb.active{background:rgb(var(--color-primary-rgb) / .12)}.verb:focus-visible{outline:2px solid var(--color-primary-active);outline-offset:1px;border-radius:2px}.verb-hint{font-size:var(--text-xs);color:var(--color-text-secondary);align-items:center;gap:8px;margin-top:10px;display:flex}.hint-line{border-bottom:2px dotted var(--color-primary-active);width:22px;display:inline-block}.enrichment-loading{font-size:var(--text-xs);color:#b5b2aa;align-items:center;gap:8px;margin-top:10px;display:flex}.enrichment-loading-dot{background:var(--color-primary);border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1.2s ease-in-out infinite enrichment-pulse;display:inline-block}@keyframes enrichment-pulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}[data-theme=dark] .enrichment-loading{color:var(--color-text-dim)}[data-theme=dark] .enrichment-loading-dot{background:var(--color-primary)}.notes{margin-top:24px}.guide-voice{border-left:3px solid var(--color-primary-active);background:rgb(var(--color-primary-rgb) / .06);border-radius:var(--r-sm,8px);box-shadow:-2px -2px 5px color-mix(in oklch, var(--card-light) 40%, transparent), -1px -1px 3px color-mix(in oklch, var(--card-light) 25%, transparent), 2px 3px 7px color-mix(in oklch, var(--card-dark) 14%, transparent), 1px 1.5px 3px color-mix(in oklch, var(--card-dark) 8%, transparent), inset 1px 1px 2px color-mix(in oklch, var(--card-light) 70%, transparent), inset -1px -1px 2px color-mix(in oklch, var(--card-dark) 7%, transparent);margin-bottom:8px;padding:10px 14px;animation:.35s both rise}.guide-voice-phrase{font-family:var(--font-output);font-size:var(--text-md);color:var(--color-accent-ink);margin-bottom:3px;font-weight:400}.guide-voice-text{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.55}.popover{z-index:420;border:1px solid var(--color-border);border-radius:var(--radius-lg);scrollbar-width:none;background:#fff;width:min(300px,92vw);max-height:calc(100vh - 24px);font-family:Montserrat,sans-serif;animation:.15s rise;position:fixed;overflow:hidden auto;box-shadow:0 8px 24px #0000001a}.popover::-webkit-scrollbar{display:none}.popover:focus-visible,.popover-mobile:focus-visible{outline:2px solid var(--color-primary-active);outline-offset:2px}.popover-mobile{z-index:420;border:1px solid var(--color-border);background:#fff;border-radius:14px 14px 0 0;max-height:55vh;font-family:Montserrat,sans-serif;animation:.2s slideUp;position:fixed;inset:auto 0 0;overflow-y:auto;box-shadow:0 -8px 24px #0000001a}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.popover-header{border-bottom:1px solid var(--color-border-light);align-items:flex-start;padding:13px 16px;display:flex}.popover-header-text{flex:1;min-width:0}.popover-infinitive{font-family:Lora,serif;font-size:var(--text-md);color:var(--color-primary-active);font-weight:600}.popover-meaning{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:2px;font-style:italic}.popover-close{font-size:var(--text-md);margin-left:8px;line-height:1;transition:color .15s}.popover-close:hover{color:var(--color-primary-active)}.conj-nav{border-bottom:1px solid var(--color-border-light);grid-template-columns:44px 1fr 44px auto;align-items:center;gap:0;padding:6px 8px;display:grid;position:relative}.conj-nav-arrow{font-size:var(--text-lg);text-align:center;line-height:1;transition:background .15s,color .15s,border-color .15s}.conj-nav-arrow:hover{color:var(--color-primary-active);background:#fdf3f3}.conj-nav-label-outer{justify-content:center;align-items:center;height:22px;display:flex;position:relative;overflow:hidden}.conj-nav-label{text-align:center;width:100%;transition:color .15s;display:block}.conj-nav-label:hover{color:var(--color-primary-active)}.conj-tense-spin.spin-next{animation:.2s cubic-bezier(.25,.46,.45,.94) both tenseSpin-next}.conj-tense-spin.spin-prev{animation:.2s cubic-bezier(.25,.46,.45,.94) both tenseSpin-prev}@keyframes tenseSpin-next{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}@keyframes tenseSpin-prev{0%{opacity:0;transform:translate(-28px)}to{opacity:1;transform:translate(0)}}.conj-nav-pill{flex-shrink:0;transition:box-shadow .15s,border-color .15s}.conj-tense-dropdown{z-index:10;font-family:Montserrat,sans-serif;position:absolute;top:calc(100% + 1px);left:0;right:0;overflow:hidden}.conj-tense-option{font-size:var(--text-sm);cursor:pointer;color:var(--color-text-secondary);padding:7px 14px;transition:background .15s}.conj-tense-option:hover{color:var(--color-primary-active);background:#f9eaea}.conj-tense-option.active{color:var(--color-primary-active);background:rgb(var(--color-primary-rgb) / .12);font-weight:500}.conj-tense-option:focus-visible,.conj-row:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:-2px}.conj-table-wrap{padding:8px 0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 8px calc(100% - 8px),#0000);mask-image:linear-gradient(#0000,#000 8px calc(100% - 8px),#0000)}.conj-table-wrap.anim-next{animation:.22s cubic-bezier(.25,.46,.45,.94) both conjRollNext}.conj-table-wrap.anim-prev{animation:.22s cubic-bezier(.25,.46,.45,.94) both conjRollPrev}@keyframes conjRollNext{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes conjRollPrev{0%{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}.conj-table{border-collapse:collapse;width:100%}.conj-row{cursor:pointer}.conj-row td{vertical-align:middle;transition:background .1s}.conj-row td:first-child{white-space:nowrap;width:38%}.conj-row td:last-child{white-space:nowrap}.conj-example-row td{font-size:var(--text-sm);color:var(--color-text-muted);padding:3px 16px 10px;font-style:italic;line-height:1.45}.conj-expand-indicator{font-size:var(--text-lg);color:#b5b2aa;vertical-align:middle;margin-left:5px;line-height:1;transition:transform .2s;display:inline-block}.conj-row.expanded .conj-expand-indicator{transform:rotate(180deg)}.conj-highlight{color:var(--color-primary-active);font-style:normal;font-weight:600}.overlay{z-index:450;justify-content:center;align-items:center;padding:24px;font-family:Montserrat,sans-serif;animation:.15s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.auth-modal{width:100%;max-width:360px;font-family:Montserrat,sans-serif;animation:.2s rise}.auth-title{color:var(--color-text-primary);margin-bottom:4px}.auth-subtitle{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:20px}.auth-google-btn{width:100%;color:var(--color-text-primary);border:1px solid var(--color-border);font-family:Montserrat,sans-serif;font-size:var(--text-base);cursor:pointer;background:#fff;border-radius:6px;justify-content:center;align-items:center;gap:10px;margin-top:20px;padding:12px 16px;font-weight:500;transition:box-shadow .15s,border-color .15s;display:flex}.auth-google-btn:hover:not(:disabled){border-color:var(--color-primary-active);box-shadow:0 2px 8px #00000014}.auth-google-btn:disabled{opacity:.6;cursor:not-allowed}.auth-error{font-size:var(--text-sm);color:var(--color-error);margin-top:10px}.auth-close{top:var(--space-8);right:var(--space-8);font-size:var(--text-lg);z-index:1;justify-content:center;align-items:center;line-height:1;display:flex;position:absolute}.ws-close:hover,.auth-close:hover,.add-pb-modal-close:hover{color:var(--color-text-primary)}.auth-close~.auth-title{padding-right:calc(44px + var(--space-4))}.auth-modal-wrap{position:relative}.auth-password-wrap{margin-top:12px;position:relative}.auth-password-wrap .magic-input{padding-right:40px}.auth-eye-btn{justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:2px;transform:translateY(-50%)}.auth-eye-btn:hover{color:var(--color-text-body)}.auth-strength-row{align-items:center;gap:8px;margin-top:6px;margin-bottom:2px;display:flex}.auth-strength-bar{background:#e0ddd6;border-radius:2px;flex:1;height:4px;transition:background .2s}.auth-strength-short{background:#c0392b}.auth-strength-ok{background:#e67e22}.auth-strength-good{background:#27ae60}.auth-req{color:var(--color-text-muted);white-space:nowrap;font-family:Montserrat,sans-serif;font-size:.68rem}.auth-link:hover{color:var(--color-text-primary);text-decoration:underline}.auth-links-row{justify-content:space-between;align-items:center;gap:0 var(--space-16);flex-wrap:wrap;margin-top:10px;display:flex}.auth-links-row>*{white-space:nowrap}.auth-mode-row{font-family:Montserrat,sans-serif;font-size:var(--text-sm);color:var(--color-text-muted);justify-content:center;align-items:center;gap:6px;margin-top:20px;display:flex}.auth-mode-link:hover{text-decoration:underline}.auth-secondary-link:hover{color:var(--color-text-body);text-decoration:underline}.auth-secondary-link:disabled{opacity:.35;cursor:default;pointer-events:none}.auth-otp-email{font-family:Montserrat,sans-serif;font-size:var(--text-sm);color:var(--color-text-muted);text-align:center;margin-bottom:8px}.magic-input.auth-otp-input{text-align:center;letter-spacing:8px;font-size:1.4rem;font-weight:500}.auth-success-msg{font-family:Montserrat,sans-serif;font-size:var(--text-sm);color:#2d6047;background:#ebf4ed;border-radius:8px;align-items:flex-start;gap:8px;margin-bottom:4px;padding:12px 14px;line-height:1.5;display:flex}.auth-success-msg svg{color:#27ae60;flex-shrink:0;margin-top:1px}.onboarding-overlay{background:var(--color-bg);z-index:600;justify-content:center;align-items:center;padding:24px;font-family:Montserrat,sans-serif;animation:.25s fadeIn;display:flex;position:fixed;inset:0}.onboarding-card{text-align:center;width:100%;max-width:360px}.onboarding-flag{margin-bottom:var(--space-8);font-size:32px;line-height:1}.onboarding-title{font-family:Montserrat,sans-serif;font-size:var(--text-2xl);color:var(--color-text-primary);margin:0 0 var(--space-16);font-weight:500}.onboarding-input{width:100%;margin-bottom:12px}.onboarding-btn{transition:background .15s}.onboarding-btn:hover{background:var(--color-primary-hover)}.onboarding-label{font-family:Montserrat,sans-serif;font-size:var(--text-sm);color:#6b6965;text-align:left;margin-bottom:8px;display:block}.onboarding-skip{margin:14px auto 0;display:block}.onboarding-skip:hover{color:#6b6965}.onboarding-overlay{align-items:safe center;overflow-y:auto}.onboarding-band{margin:0 0 var(--space-24);text-align:left}.onboarding-band:empty{display:none}.onboarding-msg{margin:0 0 var(--space-8);font-size:var(--text-sm);color:var(--color-text-secondary);text-align:left;line-height:1.5}.onboarding-msg:empty{display:none}.onboarding-msg.is-error{color:var(--color-text-primary);padding-left:var(--space-8);border-left:3px solid var(--color-error)}.onboarding-btn[aria-disabled=true]{opacity:.6;cursor:default}.onboarding-title:focus{outline:none}.onboarding-title:focus-visible{text-decoration:underline;text-decoration-thickness:2px;-webkit-text-decoration-color:rgb(var(--color-primary-rgb) / .5);text-decoration-color:rgb(var(--color-primary-rgb) / .5);text-underline-offset:6px;outline:none}[data-theme=dark] .onboarding-label{color:#a8a49e}[data-theme=dark] .onboarding-overlay{background:#1a1a1a}[data-theme=dark] .onboarding-title{color:#f0ede6}.saved-panel{background:var(--color-bg);z-index:300;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;font-family:Montserrat,sans-serif;position:fixed;inset:0;overflow-y:scroll}.saved-panel-inner{max-width:660px;margin:0 auto;padding:176px 24px 80px}.phrasecard-formality{height:32px;padding:0 var(--space-8);font-family:Montserrat,sans-serif;font-size:var(--text-xs);letter-spacing:.07em;text-transform:uppercase;background:var(--color-primary-tint);color:var(--color-accent-ink);white-space:nowrap;border:none;border-radius:4px;align-items:center;font-weight:500;display:inline-flex}[data-theme=dark] .phrasecard-formality{color:var(--color-text-primary);background:rgb(var(--color-primary-rgb) / .1)}.dialect-badge{font-size:var(--text-xs);letter-spacing:.06em;color:var(--color-text-secondary);white-space:nowrap;cursor:default;background:0 0;border:none;padding:0;font-weight:500}[data-theme=dark] .dialect-badge{color:var(--color-text-tertiary)}.phrasebook-detail-back{flex-shrink:0;display:flex}.phrasebook-detail-back:hover,[data-theme=dark] .phrasebook-detail-back:hover{color:var(--color-primary-active)}[data-theme=dark] .phrasecard{background:var(--color-surface);border-color:var(--color-border)}.phrasebook-search-clear-link{margin-top:8px}@keyframes badge-pop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.phrasecard-voice-pill{align-items:center;gap:var(--space-4);white-space:nowrap;transition:border-color .15s,box-shadow .15s;animation:.28s cubic-bezier(.34,1.56,.64,1) badge-pop;display:inline-flex}.phrasecard-voice-pill svg{flex-shrink:0;width:12px;height:12px}.phrasecard-voice-pill:active{transform:scale(.95)}.empty-state{text-align:center;color:var(--color-text-muted);font-size:var(--text-base);padding:60px 20px;line-height:1.7}.empty-state--inline{font-size:var(--text-sm);padding:32px 0}.empty-state-icon{opacity:.4;margin-bottom:12px;font-size:2.5rem}.list-state{--tile-contact:color-mix(in oklch, var(--color-text-primary) 7%, transparent);--tile-lift:color-mix(in oklch, var(--color-text-primary) 15%, transparent);align-items:center;gap:var(--space-12);margin:var(--space-16) var(--space-8);padding:var(--space-24) var(--space-16);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:0 1px 2px var(--tile-contact), 0 14px 28px -10px var(--tile-lift);text-align:center;flex-direction:column;display:flex}[data-theme=dark] .list-state{--tile-contact:oklch(0% none none/.35);--tile-lift:oklch(0% none none/.6)}.list-state-line{font-family:var(--font-ui);font-size:var(--text-base);color:var(--color-text-primary);margin:0;line-height:1.5}.list-state .learn-btn{min-height:44px}@media (width>=1140px){.list-state--phone{display:none}}@media (width<=1139px){.list-state--wide{display:none}}.clear-confirm{border-radius:var(--radius-xl);font-size:var(--text-sm);color:#5c2020;background:#fdf3f3;border:1px solid #e8babb;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;display:flex}.clear-confirm-text{flex:1;line-height:1.4}.undo-banner{background:var(--color-primary-active);border-radius:var(--radius-xl);font-size:var(--text-sm);color:var(--color-on-primary);align-items:center;gap:8px;margin-bottom:8px;padding:8px 16px;animation:.2s rise;display:flex}.undo-banner.undo-banner-soft{background:var(--color-text-secondary)}.undo-banner-text{flex:1}.undo-btn{color:var(--color-on-primary);background:0 0;border-color:#ffffff80;transition:background .15s,color .15s,border-color .15s}.undo-btn:hover{background:#ffffff26}[data-theme=dark] .undo-banner{color:var(--color-text-primary);background:#7a0f13}[data-theme=dark] .undo-banner.undo-banner-soft{background:var(--color-surface-raised)}[data-theme=dark] .clear-confirm{color:#c8a0a0;background:#111;border-color:#5a2020}.phrasecard-dialect{font-family:Montserrat,sans-serif;font-size:var(--text-xs);color:var(--color-accent-ink);letter-spacing:.07em;text-transform:uppercase;font-weight:500}[data-theme=dark] .conj-tense-info{color:var(--color-text-dim)}.conj-tense-info{font-size:var(--text-xs);color:#c0bcb5;cursor:default;vertical-align:middle;margin-left:5px}.conj-tense-info:hover{color:var(--color-text-muted)}.phrasecard{border:1px solid var(--color-border);padding:var(--card-padding);margin-bottom:var(--space-16);cursor:pointer;gap:var(--space-8);background:#fff;border-radius:8px;flex-direction:column;transition:border-color .15s,box-shadow .15s;display:flex}.phrasecard:hover{border-color:var(--color-primary);box-shadow:0 2px 8px rgb(var(--color-primary-rgb) / .08)}.phrasecard.compact{padding:var(--space-8);gap:4px}[data-theme=dark]{background:var(--color-bg);color:var(--color-text-primary);--color-bg-base:#1b1815;--color-bg:#1b1815;--color-bar:#24201b;--color-surface:#2c2720;--color-surface-sunken:#242220;--color-surface-raised:#3a3836;--color-text-primary:#f5f4ef;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--tonal-up:.14;--tonal-down:.05;--color-primary-hover:oklch(from var(--color-primary) calc(l - var(--tonal-down)) c h);--color-primary-active:oklch(from var(--color-primary) calc(l + var(--tonal-up)) c h);--color-primary-rgb:255 196 0;--color-text-active:var(--color-text-primary);--color-border:#3a3836;--color-border-light:#2e2c2a;--color-primary-tint:oklch(from var(--color-primary) .3 .05 h);--color-gold-tint:#c8a01729;--color-text-muted:#aaa4a0;--color-text-body:#b0ada8;--color-text-tertiary:#b0ada8;--color-error:#f88;--color-error-tint:color-mix(in oklch, var(--color-error) 8%, var(--color-surface));--color-text-secondary:#b0ada8;--color-text-soft:#e8e5df;--color-text-dim:#5a5856;--color-surface-inverse:#e8e5df;--color-surface-inverse-hover:#f5f4ef;--color-audio:#0030a8;--color-audio-tint:#0a1240;--color-audio-border:#4060cc;--color-audio-fg:#9aabf0;--btn-paint:#2a241d;--btn-paint-active:#3a3128;--kind-translate:#f0786e;--shadow-dark-paper:#0000004d;--highlight-paper:#503c2340;--btn-paint-cool:#36291c;--color-bg-subtle:oklch(from var(--color-bg) calc(l + .06) c h);--ink:#f2e9d8;--ink-muted:#c2b49a;--ink-soft:#8c7b5e;--card-bg-top:color-mix(in oklch, oklch(from var(--color-bg) calc(l + .1) c h) 15%, var(--color-primary) 5%);--card-bg-bottom:oklch(from var(--color-bg) calc(l + .015) c h);--card-light:oklch(from var(--color-bg) calc(l + .06) c h);--card-dark:#000}[data-scheme=sunset-drive]{--color-bg:#f5e1d0;--color-bg-base:#f5e1d0;--color-surface:oklch(from var(--color-bg) calc(l + .04) c h);--color-secondary:#d88b7b;--color-on-secondary:#3a241c;--color-primary:#ff5e3a;--color-primary-rgb:255 94 58;--color-primary-tint:oklch(from var(--color-primary) .95 .05 h);--color-on-primary:#fff;--tonal-up:.06;--tonal-down:.05;--color-primary-hover:oklch(from var(--color-primary) calc(l - var(--tonal-down)) c h);--color-primary-active:oklch(from var(--color-primary) calc(l + var(--tonal-up)) c h);--color-text-active:var(--color-accent-ink);--accent:var(--color-primary);--accent-button-glow:0 0 7px 1px rgb(var(--color-primary-rgb) / .28);--accent-button-glow-hover:0 0 12px 2px rgb(var(--color-primary-rgb) / .4);--color-bar:var(--color-bg);--card-light:oklch(from var(--color-bg) calc(l + .18) c h);--card-dark:oklch(from var(--color-bg) calc(l - .27) calc(c * .5) h);--card-bg-top:#fff;--card-bg-bottom:color-mix(in oklch, var(--color-bg) 88%, var(--color-primary) 12%)}body:is([data-scheme=sunset-drive],[data-scheme=club-med],[data-scheme=autumn-hearth],[data-scheme=aegean],[data-scheme=far-out],[data-scheme=valle-jerte]){--btn-paint:oklch(from var(--color-bg) calc(l - .04) calc(c + .02) h);--btn-paint-cool:oklch(from var(--color-bg) calc(l - .02) calc(c + .025) h);--btn-paint-active:oklch(from var(--color-bg) calc(l + .01) c h)}[data-scheme=club-med]{--color-bg:#f4e8d0;--color-bg-base:#f4e8d0;--color-surface:oklch(from var(--color-bg) calc(l + .04) c h);--color-secondary:#2ebdb5;--color-on-secondary:#0b3b38;--color-primary:#ff6b5b;--color-primary-rgb:255 107 91;--color-primary-tint:oklch(from var(--color-primary) .95 .05 h);--color-on-primary:#fff;--tonal-up:.06;--tonal-down:.05;--color-primary-hover:oklch(from var(--color-primary) calc(l - var(--tonal-down)) c h);--color-primary-active:oklch(from var(--color-primary) calc(l + var(--tonal-up)) c h);--color-text-active:var(--color-accent-ink);--accent:var(--color-primary);--accent-button-glow:0 0 7px 1px rgb(var(--color-primary-rgb) / .28);--accent-button-glow-hover:0 0 12px 2px rgb(var(--color-primary-rgb) / .4);--color-bar:var(--color-bg);--card-light:oklch(from var(--color-bg) calc(l + .18) c h);--card-dark:oklch(from var(--color-bg) calc(l - .27) calc(c * .5) h);--card-bg-top:#fff;--card-bg-bottom:color-mix(in oklch, var(--color-bg) 88%, var(--color-primary) 12%)}[data-scheme=autumn-hearth]{--color-bg:#f0e4ce;--color-bg-base:#f0e4ce;--color-surface:oklch(from var(--color-bg) calc(l + .04) c h);--color-secondary:sienna;--color-on-secondary:#fff;--color-primary:#d4a017;--color-primary-rgb:212 160 23;--color-primary-tint:oklch(from var(--color-primary) .95 .05 h);--color-on-primary:#3a2410;--tonal-up:.06;--tonal-down:.05;--color-primary-hover:oklch(from var(--color-primary) calc(l - var(--tonal-down)) c h);--color-primary-active:oklch(from var(--color-primary) calc(l + var(--tonal-up)) c h);--color-text-active:var(--color-accent-ink);--accent:var(--color-primary);--accent-button-glow:0 0 7px 1px rgb(var(--color-primary-rgb) / .28);--accent-button-glow-hover:0 0 12px 2px rgb(var(--color-primary-rgb) / .4);--color-bar:var(--color-bg);--card-light:oklch(from var(--color-bg) calc(l + .18) c h);--card-dark:oklch(from var(--color-bg) calc(l - .27) calc(c * .5) h);--card-bg-top:#fff;--card-bg-bottom:color-mix(in oklch, var(--color-bg) 88%, var(--color-primary) 12%)}[data-scheme=aegean]{--color-bg:#f8f5ef;--color-bg-base:#f8f5ef;--color-surface:oklch(from var(--color-bg) calc(l + .03) c h);--color-secondary:#1e5c9a;--color-on-secondary:#fff;--color-primary:#c75d34;--color-primary-rgb:199 93 52;--color-primary-tint:oklch(from var(--color-primary) .95 .05 h);--color-on-primary:#fff;--tonal-up:.06;--tonal-down:.05;--color-primary-hover:oklch(from var(--color-primary) calc(l - var(--tonal-down)) c h);--color-primary-active:oklch(from var(--color-primary) calc(l + var(--tonal-up)) c h);--color-text-active:var(--color-accent-ink);--accent:var(--color-primary);--accent-button-glow:0 0 7px 1px rgb(var(--color-primary-rgb) / .28);--accent-button-glow-hover:0 0 12px 2px rgb(var(--color-primary-rgb) / .4);--color-bar:var(--color-bg);--card-light:oklch(from var(--color-bg) calc(l + .18) c h);--card-dark:oklch(from var(--color-bg) calc(l - .27) calc(c * .5) h);--card-bg-top:#fff;--card-bg-bottom:color-mix(in oklch, var(--color-bg) 88%, var(--color-primary) 12%)}[data-scheme=far-out]{--color-bg:#fef0fc;--color-bg-base:#fef0fc;--color-surface:oklch(from var(--color-bg) calc(l + .01) c h);--color-secondary:#3d0a55;--color-on-secondary:#fff;--color-primary:#ff01d7;--color-primary-rgb:255 1 215;--color-primary-tint:oklch(from var(--color-primary) .95 .08 h);--color-on-primary:#000;--tonal-up:.06;--tonal-down:.05;--color-primary-hover:oklch(from var(--color-primary) calc(l - var(--tonal-down)) c h);--color-primary-active:oklch(from var(--color-primary) calc(l + var(--tonal-up)) c h);--color-text-active:var(--color-accent-ink);--accent:var(--color-primary);--accent-button-glow:0 0 7px 1px rgb(var(--color-primary-rgb) / .28);--accent-button-glow-hover:0 0 12px 2px rgb(var(--color-primary-rgb) / .4);--color-bar:var(--color-bg);--card-light:oklch(from var(--color-bg) calc(l + .03) c h);--card-dark:oklch(from var(--color-bg) calc(l - .27) calc(c * .5) h);--card-bg-top:#fff;--card-bg-bottom:color-mix(in oklch, var(--color-bg) 88%, var(--color-primary) 12%)}[data-scheme=valle-jerte]{--color-bg:#f2f5ec;--color-bg-base:#f2f5ec;--color-surface:oklch(from var(--color-bg) calc(l + .03) c h);--color-secondary:#2f5238;--color-on-secondary:#fff;--color-primary:#2e8b57;--color-primary-rgb:46 139 87;--color-primary-tint:oklch(from var(--color-primary) .95 .05 h);--color-on-primary:#fff;--tonal-up:.06;--tonal-down:.05;--color-primary-hover:oklch(from var(--color-primary) calc(l - var(--tonal-down)) c h);--color-primary-active:oklch(from var(--color-primary) calc(l + var(--tonal-up)) c h);--color-text-active:var(--color-accent-ink);--accent:var(--color-primary);--accent-button-glow:0 0 7px 1px rgb(var(--color-primary-rgb) / .28);--accent-button-glow-hover:0 0 12px 2px rgb(var(--color-primary-rgb) / .4);--color-bar:var(--color-bg);--card-light:oklch(from var(--color-bg) calc(l + .18) c h);--card-dark:oklch(from var(--color-bg) calc(l - .27) calc(c * .5) h);--card-bg-top:#fff;--card-bg-bottom:color-mix(in oklch, var(--color-bg) 88%, var(--color-primary) 12%)}[data-scheme=arctic-night]{--color-bg:#0f1e33;--color-bg-base:#0f1e33;--color-surface:oklch(from var(--color-bg) calc(l + .05) c h);--color-secondary:#3d5a80;--color-on-secondary:#fff;--color-primary:#5eead4;--color-primary-rgb:94 234 212;--color-primary-tint:oklch(from var(--color-primary) .3 .05 h);--color-on-primary:#0f1e33;--tonal-up:.06;--tonal-down:.05;--color-primary-hover:oklch(from var(--color-primary) calc(l - var(--tonal-down)) c h);--color-primary-active:oklch(from var(--color-primary) calc(l + var(--tonal-up)) c h);--color-text-active:var(--color-primary-active);--color-bar:oklch(from var(--color-bg) calc(l + .04) c h);--color-surface-sunken:oklch(from var(--color-bg) calc(l + .03) c h);--color-border:oklch(from var(--color-bg) calc(l + .13) calc(c * .6) h);--color-border-light:oklch(from var(--color-bg) calc(l + .07) calc(c * .6) h);--accent:var(--color-primary);--accent-button-glow:0 0 7px 1px rgb(var(--color-primary-rgb) / .28);--accent-button-glow-hover:0 0 12px 2px rgb(var(--color-primary-rgb) / .4);--btn-paint:oklch(from var(--color-bg) calc(l + .04) c h);--btn-paint-cool:oklch(from var(--color-bg) calc(l + .07) c h);--btn-paint-active:oklch(from var(--color-bg) calc(l + .13) c h);--color-bg-subtle:oklch(from var(--color-bg) calc(l + .06) c h);--ink:oklch(from var(--color-bg) calc(l + .7) calc(c * .2) h);--ink-muted:oklch(from var(--color-bg) calc(l + .5) calc(c * .3) h);--ink-soft:oklch(from var(--color-bg) calc(l + .34) calc(c * .35) h);--card-light:oklch(from var(--color-bg) calc(l + .06) c h);--card-dark:#000;--card-bg-top:color-mix(in oklch, oklch(from var(--color-bg) calc(l + .1) c h) 15%, var(--color-primary) 5%);--card-bg-bottom:oklch(from var(--color-bg) calc(l + .015) c h)}[data-scheme=cyberpunk-bloom]{--color-bg:#0d0d1a;--color-bg-base:#0d0d1a;--color-surface:oklch(from var(--color-bg) calc(l + .06) c h);--color-secondary:#3d1e6d;--color-on-secondary:#fff;--color-primary:#ff2e97;--color-primary-rgb:255 46 151;--color-primary-tint:oklch(from var(--color-primary) .3 .06 h);--color-on-primary:#fff;--tonal-up:.06;--tonal-down:.05;--color-primary-hover:oklch(from var(--color-primary) calc(l - var(--tonal-down)) c h);--color-primary-active:oklch(from var(--color-primary) calc(l + var(--tonal-up)) c h);--color-text-active:var(--color-primary-active);--color-bar:oklch(from var(--color-bg) calc(l + .04) c h);--color-surface-sunken:oklch(from var(--color-bg) calc(l + .03) c h);--color-border:oklch(from var(--color-bg) calc(l + .13) calc(c * .6) h);--color-border-light:oklch(from var(--color-bg) calc(l + .07) calc(c * .6) h);--accent:var(--color-primary);--accent-button-glow:0 0 7px 1px rgb(var(--color-primary-rgb) / .28);--accent-button-glow-hover:0 0 12px 2px rgb(var(--color-primary-rgb) / .4);--btn-paint:oklch(from var(--color-bg) calc(l + .04) c h);--btn-paint-cool:oklch(from var(--color-bg) calc(l + .07) c h);--btn-paint-active:oklch(from var(--color-bg) calc(l + .13) c h);--color-bg-subtle:oklch(from var(--color-bg) calc(l + .06) c h);--ink:oklch(from var(--color-bg) calc(l + .7) calc(c * .2) h);--ink-muted:oklch(from var(--color-bg) calc(l + .5) calc(c * .3) h);--ink-soft:oklch(from var(--color-bg) calc(l + .34) calc(c * .35) h);--card-light:oklch(from var(--color-bg) calc(l + .06) c h);--card-dark:#000;--card-bg-top:color-mix(in oklch, oklch(from var(--color-bg) calc(l + .1) c h) 15%, var(--color-primary) 5%);--card-bg-bottom:oklch(from var(--color-bg) calc(l + .015) c h)}[data-scheme=forest-floor]{--color-error:#fcc;--color-error-tint:color-mix(in oklch, var(--color-error) 8%, var(--color-surface));--color-bg:#3d4a2a;--color-bg-base:#3d4a2a;--color-surface:oklch(from var(--color-bg) calc(l + .05) c h);--color-secondary:#9c8a6b;--color-on-secondary:#2a2418;--color-primary:#d4a04c;--color-primary-rgb:212 160 76;--color-primary-tint:oklch(from var(--color-primary) .3 .05 h);--color-on-primary:#2a2418;--color-text-secondary:#d2cfc9;--color-text-tertiary:#d2cfc9;--color-text-muted:#d2cfc9;--color-text-body:#d2cfc9;--tonal-up:.06;--tonal-down:.05;--color-primary-hover:oklch(from var(--color-primary) calc(l - var(--tonal-down)) c h);--color-primary-active:oklch(from var(--color-primary) calc(l + var(--tonal-up)) c h);--color-text-active:var(--color-primary-active);--color-bar:oklch(from var(--color-bg) calc(l + .04) c h);--color-surface-sunken:oklch(from var(--color-bg) calc(l + .03) c h);--color-border:oklch(from var(--color-bg) calc(l + .13) calc(c * .6) h);--color-border-light:oklch(from var(--color-bg) calc(l + .07) calc(c * .6) h);--accent:var(--color-primary);--accent-button-glow:0 0 7px 1px rgb(var(--color-primary-rgb) / .28);--accent-button-glow-hover:0 0 12px 2px rgb(var(--color-primary-rgb) / .4);--btn-paint:oklch(from var(--color-bg) calc(l + .04) c h);--btn-paint-cool:oklch(from var(--color-bg) calc(l + .07) c h);--btn-paint-active:oklch(from var(--color-bg) calc(l + .13) c h);--color-bg-subtle:oklch(from var(--color-bg) calc(l + .06) c h);--ink:oklch(from var(--color-bg) calc(l + .7) calc(c * .2) h);--ink-muted:oklch(from var(--color-bg) calc(l + .5) calc(c * .3) h);--ink-soft:oklch(from var(--color-bg) calc(l + .34) calc(c * .35) h);--card-light:oklch(from var(--color-bg) calc(l + .06) c h);--card-dark:#000;--card-bg-top:color-mix(in oklch, oklch(from var(--color-bg) calc(l + .1) c h) 15%, var(--color-primary) 5%);--card-bg-bottom:oklch(from var(--color-bg) calc(l + .015) c h)}[data-scheme=tokyo-twilight]{--color-bg:#2a2a35;--color-bg-base:#2a2a35;--color-surface:oklch(from var(--color-bg) calc(l + .05) c h);--color-secondary:#c9909c;--color-on-secondary:#3a2228;--color-primary:#ff3d7f;--color-primary-rgb:255 61 127;--color-primary-tint:oklch(from var(--color-primary) .3 .06 h);--color-on-primary:#fff;--tonal-up:.06;--tonal-down:.05;--color-primary-hover:oklch(from var(--color-primary) calc(l - var(--tonal-down)) c h);--color-primary-active:oklch(from var(--color-primary) calc(l + var(--tonal-up)) c h);--color-text-active:var(--color-primary-active);--color-bar:oklch(from var(--color-bg) calc(l + .04) c h);--color-surface-sunken:oklch(from var(--color-bg) calc(l + .03) c h);--color-border:oklch(from var(--color-bg) calc(l + .13) calc(c * .6) h);--color-border-light:oklch(from var(--color-bg) calc(l + .07) calc(c * .6) h);--accent:var(--color-primary);--accent-button-glow:0 0 7px 1px rgb(var(--color-primary-rgb) / .28);--accent-button-glow-hover:0 0 12px 2px rgb(var(--color-primary-rgb) / .4);--btn-paint:oklch(from var(--color-bg) calc(l + .04) c h);--btn-paint-cool:oklch(from var(--color-bg) calc(l + .07) c h);--btn-paint-active:oklch(from var(--color-bg) calc(l + .13) c h);--color-bg-subtle:oklch(from var(--color-bg) calc(l + .06) c h);--ink:oklch(from var(--color-bg) calc(l + .7) calc(c * .2) h);--ink-muted:oklch(from var(--color-bg) calc(l + .5) calc(c * .3) h);--ink-soft:oklch(from var(--color-bg) calc(l + .34) calc(c * .35) h);--card-light:oklch(from var(--color-bg) calc(l + .06) c h);--card-dark:#000;--card-bg-top:color-mix(in oklch, oklch(from var(--color-bg) calc(l + .1) c h) 15%, var(--color-primary) 5%);--card-bg-bottom:oklch(from var(--color-bg) calc(l + .015) c h)}[data-scheme=ruta-bakalao]{--color-bg:#0a140c;--color-bg-base:#0a140c;--color-surface:oklch(from var(--color-bg) calc(l + .06) c h);--color-secondary:#0c2215;--color-on-secondary:#fff;--color-primary:#01ff4f;--color-primary-rgb:1 255 79;--color-primary-tint:oklch(from var(--color-primary) .3 .08 h);--color-on-primary:#000;--tonal-up:.06;--tonal-down:.05;--color-primary-hover:oklch(from var(--color-primary) calc(l - var(--tonal-down)) c h);--color-primary-active:oklch(from var(--color-primary) calc(l + var(--tonal-up)) c h);--color-text-active:var(--color-primary-active);--color-bar:oklch(from var(--color-bg) calc(l + .04) c h);--color-surface-sunken:oklch(from var(--color-bg) calc(l + .03) c h);--color-border:oklch(from var(--color-bg) calc(l + .13) calc(c * .6) h);--color-border-light:oklch(from var(--color-bg) calc(l + .07) calc(c * .6) h);--accent:var(--color-primary);--accent-button-glow:0 0 7px 1px rgb(var(--color-primary-rgb) / .28);--accent-button-glow-hover:0 0 12px 2px rgb(var(--color-primary-rgb) / .4);--btn-paint:oklch(from var(--color-bg) calc(l + .04) c h);--btn-paint-cool:oklch(from var(--color-bg) calc(l + .07) c h);--btn-paint-active:oklch(from var(--color-bg) calc(l + .13) c h);--color-bg-subtle:oklch(from var(--color-bg) calc(l + .06) c h);--ink:oklch(from var(--color-bg) calc(l + .7) calc(c * .2) h);--ink-muted:oklch(from var(--color-bg) calc(l + .5) calc(c * .3) h);--ink-soft:oklch(from var(--color-bg) calc(l + .34) calc(c * .35) h);--card-light:oklch(from var(--color-bg) calc(l + .06) c h);--card-dark:#000;--card-bg-top:color-mix(in oklch, oklch(from var(--color-bg) calc(l + .1) c h) 15%, var(--color-primary) 5%);--card-bg-bottom:oklch(from var(--color-bg) calc(l + .015) c h)}[data-scheme=sol-nuclear]{--color-bg:#111000;--color-bg-base:#111000;--color-surface:oklch(from var(--color-bg) calc(l + .06) c h);--color-secondary:#252200;--color-on-secondary:#fff;--color-primary:#ffeb00;--color-primary-rgb:255 235 0;--color-primary-tint:oklch(from var(--color-primary) .3 .08 h);--color-on-primary:#000;--tonal-up:.06;--tonal-down:.05;--color-primary-hover:oklch(from var(--color-primary) calc(l - var(--tonal-down)) c h);--color-primary-active:oklch(from var(--color-primary) calc(l + var(--tonal-up)) c h);--color-text-active:var(--color-primary-active);--color-bar:oklch(from var(--color-bg) calc(l + .04) c h);--color-surface-sunken:oklch(from var(--color-bg) calc(l + .03) c h);--color-border:oklch(from var(--color-bg) calc(l + .13) calc(c * .6) h);--color-border-light:oklch(from var(--color-bg) calc(l + .07) calc(c * .6) h);--accent:var(--color-primary);--accent-button-glow:0 0 7px 1px rgb(var(--color-primary-rgb) / .28);--accent-button-glow-hover:0 0 12px 2px rgb(var(--color-primary-rgb) / .4);--btn-paint:oklch(from var(--color-bg) calc(l + .04) c h);--btn-paint-cool:oklch(from var(--color-bg) calc(l + .07) c h);--btn-paint-active:oklch(from var(--color-bg) calc(l + .13) c h);--color-bg-subtle:oklch(from var(--color-bg) calc(l + .06) c h);--ink:oklch(from var(--color-bg) calc(l + .7) calc(c * .2) h);--ink-muted:oklch(from var(--color-bg) calc(l + .5) calc(c * .3) h);--ink-soft:oklch(from var(--color-bg) calc(l + .34) calc(c * .35) h);--card-light:oklch(from var(--color-bg) calc(l + .06) c h);--card-dark:#000;--card-bg-top:color-mix(in oklch, oklch(from var(--color-bg) calc(l + .1) c h) 15%, var(--color-primary) 5%);--card-bg-bottom:oklch(from var(--color-bg) calc(l + .015) c h)}[data-theme=dark] .app,[data-theme=dark] .app-toastbar{background:var(--color-bg)}[data-theme=dark] .toastbar-notice{background:var(--color-surface-sunken);color:#b5b2aa}[data-theme=dark] .app-subheader{background:var(--color-bg)}[data-theme=dark] .subheader-title{color:var(--color-text-primary)}[data-theme=dark] .subheader-back-btn:hover{color:var(--color-primary-active)}[data-theme=dark] .auth-link:hover{border-color:var(--color-primary-active);color:var(--color-primary-active)}[data-theme=dark] .field-label{color:var(--color-text-secondary)}[data-theme=dark] textarea{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text-primary);border-width:1px}[data-theme=dark] textarea::placeholder{color:var(--color-text-dim)}[data-theme=dark] textarea:focus{border-color:var(--color-primary-active)}[data-theme=dark] .btn{background:var(--color-primary-active)}[data-theme=dark] .translation-box{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text-primary);border-width:1px}[data-theme=dark] .verb{-webkit-text-decoration-color:var(--color-primary-active);text-decoration-color:var(--color-primary-active)}[data-theme=dark] .verb:hover,[data-theme=dark] .verb.active{background:rgb(var(--color-primary-rgb) / .08)}[data-theme=dark] .guide-voice{border-left-color:var(--color-primary-active);background:rgb(var(--color-primary-rgb) / .12)}[data-theme=dark] .guide-voice-text{color:#c8c5c0}[data-theme=dark] .saved-panel{background:var(--color-bg)}[data-theme=dark] .phrasecard:hover{border-color:var(--color-primary-active);box-shadow:none}[data-theme=dark] .auth-title{color:var(--color-text-primary)}[data-theme=dark] .auth-subtitle{color:var(--color-text-tertiary)}[data-theme=dark] .auth-google-btn{background:var(--color-surface-sunken);border-color:var(--color-border);color:var(--color-text-primary);border-width:1px}[data-theme=dark] .auth-success-msg{color:#6db898;background:#0a1a12}[data-theme=dark] .auth-eye-btn:hover{color:var(--color-text-soft)}[data-theme=dark] .auth-google-btn:hover:not(:disabled){border-color:var(--color-primary-active);box-shadow:0 2px 8px #0000004d}[data-theme=dark] .theme-chip{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text-primary);border-width:1px}[data-theme=dark] .theme-chip.active{background:rgb(var(--color-primary-rgb) / .08);border-color:var(--color-primary-active)}.toggle{flex-shrink:0;width:44px;height:24px;margin-top:2px;display:inline-flex;position:relative}.toggle input{opacity:0;width:0;height:0;position:absolute}[data-theme=dark] .popover,[data-theme=dark] .popover-mobile{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text-primary);box-shadow:0 8px 24px #0006}[data-theme=dark] .popover-header{border-bottom-color:var(--color-border)}[data-theme=dark] .popover-infinitive{color:var(--color-primary-active)}[data-theme=dark] .popover-meaning{color:var(--color-text-tertiary)}[data-theme=dark] .popover-close:hover{color:var(--color-primary-active)}[data-theme=dark] .conj-nav{border-bottom-color:var(--color-border)}[data-theme=dark] .conj-nav-arrow:hover{color:var(--color-text-active);background:rgb(var(--color-primary-rgb) / .12)}[data-theme=dark] .conj-nav-label:hover{color:var(--color-primary-active)}[data-theme=dark] .conj-tense-option{color:var(--color-text-tertiary)}[data-theme=dark] .conj-tense-option:hover{color:var(--color-primary-active);background:#2a1010}[data-theme=dark] .conj-tense-option.active{background:rgb(var(--color-primary-rgb) / .08);color:var(--color-primary-active)}[data-theme=dark] .conj-table-wrap{-webkit-mask-image:linear-gradient(#0000,#000 8px calc(100% - 8px),#0000);mask-image:linear-gradient(#0000,#000 8px calc(100% - 8px),#0000)}[data-theme=dark] .conj-example-row td{color:var(--color-text-muted)}[data-theme=dark] .conj-expand-indicator{color:var(--color-text-dim)}[data-theme=dark] .conj-highlight{color:var(--color-primary-active)}[data-theme=dark] .auth-error{color:var(--color-error)}.bottom-sheet-overlay{z-index:550;align-items:flex-end;padding:0}.bottom-sheet-dialog{width:100%;max-width:520px;padding:12px 8px calc(12px + env(safe-area-inset-bottom,0px));font-family:Montserrat,sans-serif;animation:.2s slideUp;position:relative}.bottom-sheet-dialog:before{content:"";background:var(--color-border,#ddd9d0);border-radius:2px;width:40px;height:4px;position:absolute;top:6px;left:50%;transform:translate(-50%)}.bottom-sheet-dialog{margin-bottom:var(--keyboard-inset,0px)}.bottom-sheet-dialog--keyboard{max-height:calc(100dvh - var(--keyboard-inset,0px) - var(--space-24));overflow-y:auto}.bottom-sheet-dialog--morph{animation:none}.bottom-sheet-title{font-family:Lora,serif;font-size:var(--text-lg);color:var(--color-text-primary);margin:0;padding:16px 16px 12px;font-weight:500}[data-theme=dark] .bottom-sheet-dialog:before{background:var(--color-border)}[data-theme=dark] .bottom-sheet-title{color:var(--color-text-primary)}.tools-list{flex-direction:column;padding:0 8px 4px;display:flex}.tools-row{transition:background .15s}.tools-row-label{flex:1;min-width:0}.tools-row-value{font-size:var(--text-sm);color:var(--color-accent-ink);flex-shrink:0;font-weight:500}.tools-row-hint{font-size:var(--text-xs);color:var(--color-text-secondary);flex-shrink:0;font-weight:500}.tools-row.is-disabled{color:var(--color-text-tertiary);cursor:default}.tools-row.is-disabled:hover,.tools-row.is-disabled:active{background:0 0}.tools-confirm{padding:var(--space-8) var(--space-12) var(--space-12);font-size:var(--text-base);color:var(--color-text-primary);margin:0}@media (prefers-reduced-motion:reduce){.bottom-sheet-dialog{animation:none}.bottom-sheet-drag{transition:none!important}}.bottom-sheet-drag{touch-action:none;will-change:transform;flex-direction:column;display:flex}.phrasecard-preview{background:var(--color-bg-base,#f5f4ef);border-radius:var(--radius-lg);margin:0 8px 8px;padding:16px;font-family:Montserrat,sans-serif}.phrasecard-preview-header{align-items:flex-start;gap:8px;display:flex}.phrasecard-preview-input{min-width:0;font-size:var(--text-sm);color:var(--color-text-secondary);overflow-wrap:anywhere;-webkit-line-clamp:3;line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;flex:1;margin-bottom:8px;line-height:1.4;display:-webkit-box;overflow:hidden}.phrasecard-preview-star{width:32px;height:32px;color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:color .15s,background .15s;display:flex}.phrasecard-preview-star:hover{color:var(--color-gold,#d4a017)}.phrasecard-preview-star:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.phrasecard-preview-star:active{transform:scale(.9)}.phrasecard-preview-star.starred{color:var(--color-gold,#d4a017);animation:.45s cubic-bezier(.34,1.56,.64,1) star-pop}[data-theme=dark] .phrasecard-preview-star{color:var(--color-text-dim)}[data-theme=dark] .phrasecard-preview-star:hover,[data-theme=dark] .phrasecard-preview-star.starred{color:#c8a017}.phrasecard-preview-translated{font-family:Lora,serif;font-size:var(--text-lg);color:var(--color-text-primary);overflow-wrap:anywhere;-webkit-line-clamp:3;line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;margin-bottom:8px;line-height:1.35;display:-webkit-box;overflow:hidden}.phrasecard-preview-meta{font-size:var(--text-xs);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.phrasecard-preview-voice-pill{align-items:center;gap:4px;display:inline-flex}.phrasecard-preview-voice-pill svg{flex-shrink:0;width:10px;height:10px}[data-theme=dark] .phrasecard-preview{background:#2a2724}[data-theme=dark] .phrasecard-preview-input{color:var(--color-text-tertiary)}[data-theme=dark] .phrasecard-preview-translated{color:var(--color-text-primary)}.overflow-menu-icon.voice-icon{justify-content:center;align-items:center;gap:1px;width:24px;min-width:24px;display:inline-flex}.overflow-menu-list{flex-direction:column;gap:4px;margin:0;padding:4px;list-style:none;display:flex}.overflow-menu-item{transition:background .15s}.overflow-menu-item:active{transform:scale(.99)}.overflow-menu-item:disabled,.overflow-menu-item:disabled:hover{cursor:not-allowed;opacity:.45;background:0 0}.overflow-menu-item.starred .overflow-menu-icon{color:var(--color-gold,#d4a017);animation:.45s cubic-bezier(.34,1.56,.64,1) star-pop}[data-theme=dark] .overflow-menu-item.starred .overflow-menu-icon{color:#c8a017}.overflow-menu-item.playing{background:var(--color-primary-tint,#f9eaea);color:var(--color-primary)}.overflow-menu-item.playing .overflow-menu-icon{color:var(--color-primary)}[data-theme=dark] .overflow-menu-item.playing{background:rgb(var(--color-primary-rgb) / .14);color:#eb6464}[data-theme=dark] .overflow-menu-item.playing .overflow-menu-icon{color:#eb6464}.overflow-menu-icon{width:24px;height:24px;color:var(--color-text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.overflow-menu-label{flex:1}.overflow-menu-cost{color:var(--color-text-muted,#8a8780);font-size:var(--text-xs);letter-spacing:normal;white-space:nowrap;font-weight:400}.overflow-menu-item.overflow-menu-item--audio,.overflow-menu-item--audio .overflow-menu-icon{color:var(--color-audio)}[data-theme=dark] .overflow-menu-icon,[data-theme=dark] .overflow-menu-cost{color:var(--color-text-muted)}[data-theme=dark] .overflow-menu-item--audio,[data-theme=dark] .overflow-menu-item--audio .overflow-menu-icon{color:var(--color-audio-border)}.phrasecard-gifted-row{margin:0 0 var(--space-8);background:var(--color-primary-tint,#fdf3f3);color:var(--color-accent-ink);font-family:Montserrat,sans-serif;font-size:var(--text-xs);letter-spacing:.02em;overflow-wrap:anywhere;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-weight:500;line-height:1.3;display:flex}.phrasecard-gifted-row strong{font-weight:600}[data-theme=dark] .phrasecard-gifted-row{background:rgb(var(--color-primary-rgb) / .12);color:var(--color-accent-ink)}@media (width<=520px){.app{margin-top:168px;padding:24px 16px 80px}.app-toastbar{top:72px}.app-subheader{top:112px}.header{gap:8px;padding:16px}.app-subheader-inner{grid-template-columns:10fr 5fr;column-gap:12px;padding:0 16px}.subheader-title{font-size:var(--text-lg);white-space:nowrap;text-overflow:ellipsis;line-height:1.2;overflow:hidden}html,body{overflow-x:hidden}.btn{font-size:var(--text-sm);padding:13px 20px}textarea{min-height:90px}.saved-panel{overflow-x:hidden}.saved-panel-inner{padding:168px clamp(12px,2.5vw,24px) 60px}.frozen-header-stack{top:168px}.toolbar-left,.toolbar-right{display:none}.toolbar-kebab{display:flex}}.session-splash{background:var(--color-bg);z-index:600;position:fixed;inset:0}.load-error{justify-content:center;align-items:center;gap:var(--space-12);min-height:50dvh;padding:var(--space-32) var(--space-16);text-align:center;font-family:var(--font-ui);color:var(--color-text-primary);flex-direction:column;display:flex}.load-error-title{font-size:var(--text-md);margin:0;font-weight:500}.load-error-hint{max-width:34ch;font-size:var(--text-base);color:var(--color-text-secondary);margin:0;line-height:1.5}.load-error--app{background:var(--color-bg-base);min-height:100dvh}.load-error--float{left:var(--space-16);right:var(--space-16);bottom:calc(var(--space-16) + env(safe-area-inset-bottom,0px));z-index:var(--z-load-error);max-width:420px;min-height:0;padding:var(--space-16);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 8px 24px var(--shadow-dark-paper);margin:0 auto;position:fixed}.load-error-actions{gap:var(--space-8);display:flex}.gate-overlay{background:var(--color-bg);z-index:600;justify-content:center;align-items:center;padding:32px 24px;display:flex;position:fixed;inset:0;overflow-y:auto}.gate-modal{width:100%;max-width:380px}.gate-brand{font-family:Lora,serif;font-size:var(--text-md);color:var(--color-primary-active);margin-bottom:24px;font-weight:500;display:block}.gate-title{color:var(--color-text-primary);margin-bottom:12px;font-family:Montserrat,sans-serif;font-size:2.1rem;font-weight:500;line-height:1.2}.gate-desc{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:22px;line-height:1.65}.gate-trial{font-size:var(--text-sm);color:#2d6047;border-radius:var(--radius-lg);background:#e8f4ee;border-left:3px solid;align-items:center;gap:8px;margin-bottom:28px;padding:10px 14px;font-weight:500;display:flex}.gate-dev-bypass{width:100%;margin-top:16px}.gate-legal{font-size:var(--text-xs);color:#b5b2aa;text-align:center;margin-top:16px;line-height:1.6}.gate-legal a{color:var(--color-text-muted);text-decoration:none}.gate-legal a:hover{color:var(--color-primary-active)}[data-theme=dark] .gate-overlay{background:var(--color-bg)}.gate-paseo{border:0;width:100%;height:100%;display:block;position:fixed;inset:0}.gate-dialog-backdrop{position:fixed;inset:0}.gate-foot{--gate-ride-control:44px;left:max(var(--space-16), env(safe-area-inset-left,0px));right:calc(var(--space-16) + var(--gate-ride-control) + var(--space-12));bottom:max(var(--space-16), env(safe-area-inset-bottom,0px));align-items:flex-start;gap:var(--space-8);pointer-events:none;flex-direction:column;display:flex;position:fixed}.gate-foot>*{pointer-events:auto}.gate-links{align-items:center;column-gap:var(--space-4);padding:0 var(--space-8);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:0 var(--space-4) var(--space-16) var(--shadow-dark-paper);font-family:var(--font-ui);font-size:var(--text-base);flex-wrap:wrap;font-weight:400;line-height:1.3;display:flex}.gate-links a{min-height:44px;padding:0 var(--space-8);color:var(--color-text-primary);text-underline-offset:2px;align-items:center;text-decoration:underline;display:inline-flex}.gate-links a:hover{text-decoration-thickness:2px}.gate-links a:focus-visible{outline:2px solid var(--color-primary-active);outline-offset:-2px;border-radius:var(--radius-sm)}.gate-code-banner[hidden]{display:none}.gate-code-banner{max-width:31rem;padding:var(--space-12) var(--space-16);border-radius:var(--radius-lg);border-left:3px solid var(--color-primary);background:var(--color-surface);color:var(--color-text-primary);box-shadow:0 var(--space-4) var(--space-16) var(--shadow-dark-paper);font-family:var(--font-ui);font-size:var(--text-sm);margin:0;font-weight:500;line-height:1.45}.gate-code-line{margin:calc(-1 * var(--space-16)) 0 var(--space-24);font-size:var(--text-sm);color:var(--color-text-primary);font-weight:500;line-height:1.45}.gate-overlay--paseo .gate-dialog,.gate-overlay--paseo .bottom-sheet-dialog{--card-bg-top:#fff;--card-bg-bottom:#f6f0e2;--accent:#b8362e;--card-light:oklch(114.654% .006712 97.3515);--card-dark:oklch(69.6536% .003356 97.3515);background:linear-gradient(180deg, var(--card-bg-top) 0%, var(--card-bg-bottom) 100%)}.gate-overlay--paseo .gate-dialog{margin:0 0 var(--space-16);top:max(var(--space-16), env(safe-area-inset-top,0px));left:max(var(--space-16), env(safe-area-inset-left,0px));width:min(31rem, calc(100% - 2 * var(--space-16)));max-width:none;padding:var(--space-24);border-radius:var(--radius-xl);box-shadow:-4px -4px 10px color-mix(in oklch, var(--card-light) 40%, transparent), -1.5px -1.5px 4px color-mix(in oklch, var(--card-light) 28%, transparent), 4px 5px 12px color-mix(in oklch, var(--card-dark) 18%, transparent), 1.5px 2px 5px color-mix(in oklch, var(--card-dark) 10%, transparent), inset 1.5px 1.5px 2.5px color-mix(in oklch, var(--card-light) 85%, transparent), inset -1.5px -1.5px 2.5px color-mix(in oklch, var(--card-dark) 10%, transparent), 0 var(--space-8) var(--space-32) var(--shadow-dark-paper);border:none;position:absolute}[data-theme=dark] .gate-overlay--paseo .gate-dialog,[data-theme=dark] .gate-overlay--paseo .bottom-sheet-dialog{--color-text-primary:#1a1a1a;--color-text-secondary:#5c5a57;--color-text-body:#5c5a57;--color-text-tertiary:#b0a99e;--color-text-muted:#67655e;--color-text-soft:#5c5a57;--color-text-dim:#b5b2aa;--color-border:#ddd9d0;--color-border-muted:#c0bcb5;--color-bg:#f5f4ef;--color-bg-subtle:#f5f4ef;--color-error:#8b3535;--color-error-tint:#fdeeee;--shadow-dark-paper:#3c230a24;color:var(--color-text-primary)}[data-theme=dark] .gate-overlay--paseo .auth-google-btn{background:#fff}[data-theme=dark] .gate-overlay--paseo .magic-input{background:#fdfcf8}[data-theme=dark] .gate-overlay--paseo .gate-trial{color:#2d6047;background:#e8f4ee}[data-theme=dark] .gate-overlay--paseo .auth-success-msg{color:#2d6047;background:#ebf4ed}[data-theme=dark] .gate-overlay--paseo .auth-error{color:var(--color-error)}.gate-overlay--paseo :is(.gate-dialog,.gate-sheet) .gate-legal{color:var(--color-text-secondary)}.gate-overlay--paseo :is(.gate-dialog,.gate-sheet) .gate-legal a{color:var(--color-text-primary);text-underline-offset:2px;text-decoration:underline}.gate-overlay--paseo :is(.gate-dialog,.gate-sheet) .gate-legal a:hover{color:var(--accent)}[data-theme=dark] .gate-overlay--paseo .gate-desc{color:var(--color-text-secondary)}.gate-overlay--paseo .gate-brand{font-size:var(--text-lg);color:var(--color-text-primary)}.gate-overlay--paseo .gate-brand i{color:var(--accent)}.gate-dialog:focus,.gate-sheet:focus{outline:none}.gate-sheet{max-height:calc(100dvh - var(--keyboard-inset,0px) - var(--space-48) - env(safe-area-inset-bottom,0px));overscroll-behavior:contain;touch-action:pan-y;padding:var(--space-8) var(--space-16) var(--space-16);position:relative;overflow-y:auto}.gate-sheet .gate-close{top:0;right:0}.gate-sheet .gate-brand{margin-bottom:var(--space-16)}.gate-sheet .gate-title{font-size:var(--text-xl)}.gate-sheet .gate-trial{margin-bottom:var(--space-16)}.gate-close{top:var(--space-8);right:var(--space-8);font-size:var(--text-lg);justify-content:center;align-items:center;line-height:1;display:flex;position:absolute}.gate-close:hover{color:var(--color-text-primary);background:var(--color-bg-subtle)}[data-theme=dark] .gate-title{color:var(--color-text-primary)}[data-theme=dark] .gate-desc{color:var(--color-text-tertiary)}[data-theme=dark] .gate-trial{color:#6db898;background:#0a1a12}[data-theme=dark] .gate-legal{color:var(--color-text-dim)}[data-theme=dark] .gate-legal a{color:var(--color-text-muted)}.dir-toggle{font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;background:var(--color-bg-subtle);border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;white-space:nowrap;border-radius:4px;margin-right:6px;padding:4px 9px;font-family:Montserrat,sans-serif;font-weight:600;transition:background .15s,color .15s,border-color .15s}.dir-toggle:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.dir-toggle:hover,.dir-toggle.active{background:var(--color-primary-active);color:var(--color-on-primary);border-color:var(--color-primary-active)}[data-theme=dark] .dir-toggle{background:var(--color-surface-sunken);border-color:var(--color-border);color:var(--color-text-muted)}[data-theme=dark] .dir-toggle:hover,[data-theme=dark] .dir-toggle.active{background:var(--color-primary-active);border-color:var(--color-primary-active);color:var(--color-on-primary)}@keyframes fadeInOut{0%{opacity:0}10%{opacity:1}70%{opacity:1}to{opacity:0}}.referral-link-row{align-items:center;gap:8px;margin-bottom:16px;display:flex}.referral-link-box{background:var(--color-bg);border:1px solid var(--color-border);font-size:var(--text-sm);color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;border-radius:8px;flex:1;padding:9px 12px;font-family:monospace;overflow:hidden}[data-theme=dark] .referral-link-box{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text-soft)}.apc-modal{max-width:420px}.apc-header{text-align:center;border-bottom:1px solid var(--color-border);margin-bottom:20px;padding-bottom:20px}.apc-tick{background:var(--color-success);width:44px;height:44px;color:var(--color-text-inverse);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 12px;font-size:1.25rem;display:flex}.apc-title{color:var(--color-text-primary);margin-bottom:8px}.apc-subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;font-family:Montserrat,sans-serif;line-height:1.5}.apc-perks{background:var(--color-audio-tint,#eef2ff);border-left:3px solid var(--color-audio-fg,#0030a8);border-radius:var(--radius-lg);flex-direction:column;gap:4px;margin-bottom:16px;padding:12px 14px;font-family:Montserrat,sans-serif;display:flex}.apc-perks-heading{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:4px;font-weight:600}.apc-perks span{font-size:var(--text-xs);color:var(--color-audio-fg,#0030a8);font-weight:500;line-height:1.5}[data-theme=dark] .apc-perks{background:#0030a81f}.apc-referral-section{margin-bottom:20px}.apc-referral-heading{font-size:var(--text-sm);color:var(--color-text-primary);margin-bottom:6px;font-family:Montserrat,sans-serif;font-weight:500}.apc-referral-desc{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0 0 12px;font-family:Montserrat,sans-serif;line-height:1.5}.apc-referral-loading{font-size:var(--text-sm);color:var(--color-text-secondary);padding:8px 0;font-family:Montserrat,sans-serif}.apc-share-row{gap:8px;display:flex}.apc-share-btn{flex:1;transition:border-color .15s,color .15s}.apc-share-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.apc-share-btn--primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);color:var(--color-on-primary)}.apc-done-btn{transition:border-color .15s}.apc-done-btn:hover{border-color:var(--color-text-secondary)}[data-theme=dark] .apc-header{border-bottom-color:var(--color-border)}[data-theme=dark] .apc-tick{background:#3a7a5a}[data-theme=dark] .apc-title{color:var(--color-text-soft)}[data-theme=dark] .apc-subtitle,[data-theme=dark] .apc-referral-desc,[data-theme=dark] .apc-referral-loading{color:var(--color-text-muted)}[data-theme=dark] .apc-referral-heading{color:var(--color-text-soft)}[data-theme=dark] .apc-share-btn:not(.apc-share-btn--primary):hover{border-color:var(--color-primary-active);color:var(--color-primary-active)}.gifted-modal-backdrop{z-index:900;justify-content:center;align-items:center;padding:16px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.gifted-modal{width:100%;max-width:480px;animation:.2s modalIn}.gifted-modal-gift-row{font-size:var(--text-sm);color:var(--color-accent-ink);letter-spacing:.04em;align-items:center;gap:8px;margin-bottom:16px;font-family:Montserrat,sans-serif;font-weight:500;display:flex}.gifted-modal-heading{font:inherit}.gifted-modal-spanish{font-family:Lora,Georgia,serif;font-size:var(--text-lg);color:var(--color-text-primary);margin-bottom:8px;font-weight:400;line-height:1.35}.gifted-modal-english{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:12px;font-style:italic;line-height:1.5}.gifted-modal-meta{align-items:center;gap:8px;margin-bottom:16px;display:flex}.gifted-modal-actions{gap:10px;display:flex}.gifted-modal-btn-add{flex:1;justify-content:center;align-items:center;text-decoration:none;transition:background .15s;display:inline-flex}.gifted-modal-btn-add:disabled{opacity:.6;cursor:not-allowed}.gifted-modal-saved{font-family:Montserrat,sans-serif;font-size:var(--text-base);color:var(--color-success);justify-content:center;align-items:center;gap:8px;padding:16px;font-weight:500;display:flex}.gifted-modal-duplicate{text-align:center;font-family:Montserrat,sans-serif;font-size:var(--text-sm);color:var(--color-text-secondary);padding:12px}.gifted-modal-error{font-size:var(--text-sm);color:var(--color-text-primary);font-weight:500;font-family:var(--font-ui);margin-bottom:10px}[data-theme=dark] .gifted-modal-spanish{color:var(--color-text-soft)}[data-theme=dark] .gifted-modal-english{color:var(--color-text-muted)}.claim-modal-cover{align-items:center;gap:14px;margin:14px 0 18px;padding:14px 16px;display:flex;position:relative;overflow:hidden}.claim-modal-cover-spine{background:var(--claim-accent,#5a6470);border-radius:4px;flex:none;align-self:stretch;width:8px}.claim-modal-cover-title{min-width:0;color:var(--color-text-primary);word-break:break-word;flex:1;font-family:Lora,Georgia,serif;font-size:22px;font-weight:500;line-height:1.25}.claim-modal-cover-meta{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.4px;flex:none;font-family:Montserrat,sans-serif;font-size:12px;font-weight:600}[data-theme=dark] .claim-modal-cover{background:#232120}[data-theme=dark] .claim-modal-cover-title{color:var(--color-text-soft)}[data-theme=dark] .claim-modal-cover-meta{color:var(--color-text-muted)}@keyframes modalIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.gifted-audio-listen{align-items:center;gap:5px;transition:box-shadow .15s,border-color .15s;display:inline-flex}.gifted-audio-listen:disabled{opacity:.5;cursor:wait}.share-email-modal-backdrop{z-index:900;justify-content:center;align-items:center;padding:16px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.share-email-modal{width:100%;max-width:360px;font-family:Montserrat,sans-serif;animation:.2s rise}.share-email-modal-title{color:var(--color-text-primary);margin:0 0 16px}.share-email-modal-phrase-preview{margin-bottom:16px;padding:12px 14px}.share-email-modal-spanish{font-family:Lora,Georgia,serif;font-size:var(--text-base);color:var(--color-text-primary);overflow-wrap:anywhere;word-break:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.35;display:-webkit-box;overflow:hidden}.share-email-modal-english{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:4px;font-style:italic}.share-email-modal-label{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:6px;font-family:Montserrat,sans-serif;font-weight:500;display:block}.share-email-modal-input{width:100%;margin-bottom:12px}.share-email-modal-error{font-size:var(--text-sm);color:var(--color-accent-ink);margin-bottom:10px;font-family:Montserrat,sans-serif}.share-email-modal-actions{gap:10px;display:flex}.share-email-modal-btn-send{flex:1;transition:background .15s}.share-email-modal-btn-send:disabled{opacity:.6;cursor:not-allowed}.share-email-modal-sent{font-family:Montserrat,sans-serif;font-size:var(--text-base);color:var(--color-success);justify-content:center;align-items:center;gap:8px;padding:20px;font-weight:500;display:flex}[data-theme=dark] .share-email-modal-title{color:var(--color-text-soft)}[data-theme=dark] .share-email-modal-phrase-preview{background:var(--color-surface-sunken)}[data-theme=dark] .share-email-modal-spanish{color:var(--color-text-soft)}[data-theme=dark] .share-email-modal-english{color:var(--color-text-muted)}.confirm-delete-modal{flex-direction:column;gap:0;width:min(420px,100vw - 40px);display:flex}.confirm-delete-title{color:var(--color-text-primary,#1a1a1a);margin:0 0 12px}.confirm-delete-body{font-size:var(--text-base);color:var(--color-text-secondary,#5c5a57);margin:0 0 20px;font-family:Montserrat,sans-serif;line-height:1.55}.confirm-delete-actions{flex-direction:column;gap:10px;display:flex}.confirm-signout-actions{justify-content:flex-end;gap:var(--space-8);flex-wrap:wrap;display:flex}@media (width<=420px){.confirm-signout-actions>.learn-btn{flex:100%}}.confirm-delete-fav-btn{background:var(--color-gold,#c8a017);color:var(--color-text-inverse);border-color:#0000;transition:background .15s}.confirm-delete-fav-btn:hover{background:#a88612}[data-theme=dark] .confirm-delete-fav-btn{background:#c8a017}[data-theme=dark] .confirm-delete-fav-btn:hover{background:#a88612}.confirm-delete-anyway-btn{transition:background .15s,color .15s}.confirm-delete-cancel-btn{transition:background .15s}.confirm-delete-cancel-btn:hover{background:var(--color-bg-subtle,#f0ede8)}[data-theme=dark] .confirm-delete-title{color:var(--color-text-primary)}[data-theme=dark] .confirm-delete-body{color:var(--color-text-tertiary)}[data-theme=dark] .confirm-delete-cancel-btn:hover{background:#333230}.pm-mode-tabs{margin-top:16px;margin-bottom:4px;display:flex}.pm-mode-tab{flex:1;transition:color .15s,background .15s,box-shadow .15s}.pm-field{margin-top:16px}.pm-label{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:6px;display:block}.pm-label-tight{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:4px;display:block}.pm-textarea{resize:vertical;width:100%;margin-top:16px}.pm-slider-header{justify-content:space-between;align-items:baseline;display:flex}.pm-slider-value{font-size:var(--text-lg);color:var(--color-accent-ink);font-weight:500;line-height:1}.pm-count-slider{margin:0}.pm-dialect-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%238A8780' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;width:100%;margin-top:2px;transition:border-color .15s}.pm-cost-preview{font-size:var(--text-sm);color:var(--color-text-secondary);text-align:center;margin-top:10px}.pm-near-limit{margin-top:var(--space-4);color:var(--color-text-primary);font-weight:500}.pm-selection-count{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:8px}.pm-select-actions{gap:8px;margin-bottom:12px;display:flex}.pm-select-btn{display:inline-flex}.pm-phrase-card{cursor:pointer;margin-bottom:8px;transition:opacity .1s}.pm-phrase-card[aria-checked=false]{opacity:.45}.pm-phrase-card-inner{align-items:flex-start;gap:8px;display:flex}.pm-phrase-check{border:2px solid var(--color-border,#ddd9d0);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-top:2px;transition:background .15s,border-color .15s;display:flex}.pm-phrase-card[aria-checked=true] .pm-phrase-check{background:var(--color-primary-active);border-color:var(--color-primary-active)}.pm-phrase-card[aria-checked=true] .pm-phrase-check:after{content:"";background:var(--color-on-primary);border-radius:50%;width:6px;height:6px}[data-theme=dark] .pm-phrase-check{border-color:var(--color-border)}[data-theme=dark] .pm-phrase-card[aria-checked=true] .pm-phrase-check{background:var(--color-primary-active);border-color:var(--color-primary-active)}.pm-phrase-content{flex:1;min-width:0}.pm-phrase-spanish{font-family:Lora,Georgia,serif;font-size:var(--text-md);color:var(--color-text-primary,#1a1a1a);margin-bottom:4px}.pm-phrase-english{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:4px}.pm-phrase-context{font-size:var(--text-sm);color:var(--color-text-secondary);font-style:italic}.pm-phrase-register{font-size:var(--text-xs);color:var(--color-text-secondary);margin-top:2px}[data-theme=dark] .pm-phrase-spanish{color:var(--color-text-primary)}[data-theme=dark] .pm-phrase-english{color:var(--color-text-muted)}.pm-situation-context{margin-bottom:14px;padding:10px 14px}.pm-situation-text{font-size:var(--text-sm);color:var(--color-text-secondary,#5c5a57);line-height:1.5}[data-theme=dark] .pm-situation-context{background:var(--color-surface-sunken)}[data-theme=dark] .pm-situation-text{color:var(--color-text-tertiary)}.pm-sparse-nudge{font-size:var(--text-sm);color:var(--color-text-secondary);align-items:flex-start;gap:8px;margin-bottom:14px;padding:10px 14px;line-height:1.5;display:flex}.pm-sparse-nudge-icon{color:var(--color-primary);flex:none;font-weight:600}[data-theme=dark] .pm-sparse-nudge{color:var(--color-text-tertiary)}[data-theme=dark] .pm-sparse-nudge-icon{color:var(--color-text-active)}.pm-save-actions{align-items:center;gap:8px;margin-top:12px;display:flex}.pm-pb-name-section{margin-top:16px;margin-bottom:8px}.pm-pb-name-add{margin-top:16px}.pm-pb-name-input{width:100%;margin-bottom:4px}.pm-cta{margin-top:16px;transition:background .15s}.pm-cta:hover:not(:disabled){background:var(--color-primary-hover)}.pm-cta:disabled{opacity:.5;cursor:not-allowed}[data-theme=dark] .pm-cta:hover:not(:disabled){background:var(--color-primary-hover)}.pm-error{margin-top:8px}.pm-save-primary{flex:1;margin-top:0}.pm-save-primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover);color:var(--color-on-primary)}[data-theme=dark] .pm-save-primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.pm-save-back{flex-shrink:0}[data-theme=dark] .pm-dialect-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23B0A99E' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E")}.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}@keyframes pb-actions-rise{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.sit{grid-template-columns:auto 1fr;align-items:flex-start;gap:14px;margin:0 0 18px;padding:14px 16px;display:grid;position:relative}.sit-icon{border-radius:var(--radius-lg);background:var(--color-primary-tint);width:32px;height:32px;color:var(--color-primary);flex:none;justify-content:center;align-items:center;display:flex}.sit-body{min-width:0}.sit-label{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary);font-size:10px;font-weight:600}.sit-text{font-family:var(--font-output);color:var(--color-text-body);text-wrap:pretty;margin-top:4px;font-size:15px;line-height:1.55}.user-notes{margin:0 0 18px;padding:14px 16px;position:relative}.user-notes-label{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:6px;font-size:10px;font-weight:600}.user-notes-text{font-family:var(--font-output);color:var(--color-text-body);text-wrap:pretty;white-space:pre-wrap;font-size:15px;line-height:1.55}.user-notes-input{resize:vertical;width:100%;line-height:1.55}.user-notes-actions{justify-content:flex-end;gap:8px;margin-top:10px;display:flex}[data-theme=dark] .user-notes-label{color:var(--color-text-muted)}[data-theme=dark] .user-notes-text{color:var(--color-text-soft)}.pb-section+.pb-section{margin-top:22px}.pb-section .sec-h{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;margin-bottom:10px;padding:6px 4px;display:flex}.pb-section .sec-h .chev{width:14px;height:14px;color:var(--color-text-tertiary);transition:transform .18s}.pb-section.collapsed .sec-h .chev{transform:rotate(-90deg)}.pb-section .sec-h .label{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary);font-size:11px;font-weight:600}.pb-section .sec-h .count{color:var(--color-text-secondary);font-variant-numeric:tabular-nums;margin-left:auto;font-size:11px}.pb-section .sec-h .swatch{border-radius:50%;width:8px;height:8px}.sw-casual{background:#8a8780}.sw-polite{background:var(--color-primary)}.sw-official{background:var(--color-audio)}.pb-section.collapsed .sec-body{display:none}.phrase-row{background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;border-radius:12px;grid-template-columns:32px 1fr auto;align-items:start;gap:4px 14px;margin-bottom:8px;padding:14px 16px;transition:border-color .15s,background .15s;display:grid;position:relative}.phrase-row:hover{border-color:var(--color-primary);background:var(--color-primary-tint)}.phrase-row.fav .star{color:var(--color-gold)}.pb-empty{text-align:center;flex-direction:column;align-items:center;gap:8px;margin:0 0 8px;padding:48px 24px;display:flex}.pb-empty .ic{border-radius:var(--radius-xl);background:var(--color-primary-tint);width:48px;height:48px;color:var(--color-primary);justify-content:center;align-items:center;margin-bottom:6px;display:flex}.pb-empty.no-results .ic{background:var(--color-bg-subtle);color:var(--color-text-secondary)}.pb-empty h3{font-family:var(--font-output);font-size:var(--text-md);color:var(--color-text-primary);margin:0;font-weight:500}.pb-empty p{max-width:380px;font-size:var(--text-sm);color:var(--color-text-body);margin:0;line-height:1.5}.pb-empty .actions{gap:8px;margin-top:6px;display:flex}.pb-empty .btn{transition:background .15s,border-color .15s,color .15s}.pb-empty .btn:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.pb-empty .btn.ghost:hover{background:var(--color-primary-tint);color:var(--color-primary)}[data-density=compact] .phrase-row{border-radius:10px;padding:10px 14px}.pb-detail .field-label{color:var(--color-text-secondary)}.pb-detail-list,.pb-detail-list .sec-body{place-content:start;gap:var(--space-16,16px);grid-template-columns:repeat(auto-fill,minmax(min(480px,100%),1fr));grid-auto-rows:max-content;display:grid}.pb-detail-list .pb-section{grid-column:1/-1;display:contents}.pb-detail-list .sec-h{margin-top:var(--space-16,16px);grid-column:1/-1}.pb-detail-list .pb-section:first-of-type .sec-h{margin-top:0}.pb-detail .pc-input,.pb-detail .pc.pc-compact .pc-input,.pb-detail .pc-out,.pb-detail .pc.pc-compact .pc-out{-webkit-line-clamp:unset;display:block;overflow:visible}.pb-detail .pc-grid,.pb-detail .pc-face,.pb-detail .pc-flip{height:auto}[data-theme=dark] .sit-icon{background:rgb(var(--color-primary-rgb) / .12);color:var(--color-text-active)}[data-theme=dark] .sit-text{color:#c8c5be}[data-theme=dark] .sw-polite{background:var(--color-primary-active)}[data-theme=dark] .phrase-row{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .phrase-row:hover{border-color:var(--color-primary-active);background:rgb(var(--color-primary-rgb) / .12)}[data-theme=dark] .pb-empty .ic{background:rgb(var(--color-primary-rgb) / .12);color:var(--color-text-active)}[data-theme=dark] .pb-empty.no-results .ic{background:var(--color-surface-sunken);color:var(--color-text-tertiary)}[data-theme=dark] .pb-empty h3{color:var(--color-text-primary)}[data-theme=dark] .pb-empty p{color:#c8c5be}[data-theme=dark] .pb-empty .btn:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}[data-theme=dark] .pb-empty .btn.ghost:hover{background:rgb(var(--color-primary-rgb) / .12)}.page-title{display:none}.pb-detail .page-title{align-items:center;min-height:44px;font-size:clamp(20px,2.4vw,24px);display:flex}@media (width>=1140px){body .page-title{align-items:center;min-height:44px;font-size:clamp(20px,2.4vw,24px);display:flex}body .settings .section-head,body .pb-list:not(.pb-detail) .pb-list-title-row,body .history-v2 .pb-list-title-row{display:flex}}body[data-shell=v3]{--rail-w:200px;--context-w:432px;--aside-w:calc(var(--rail-w) + var(--context-w))}.app-subheader{display:none}body[data-shell=v3] .app-toastbar{z-index:500;background:0 0;height:0;inset:auto 0 0;overflow:visible}body[data-shell=v3] .app-toastbar-inner{height:0;padding:0}body[data-shell=v3] .toastbar-notice{border-radius:var(--r-lg,14px);z-index:500;background:color-mix(in srgb, var(--color-primary) 16%, var(--color-surface));border:1px solid var(--color-primary);width:max-content;max-width:min(92vw,440px);height:auto;color:var(--color-text-primary);font-size:var(--text-sm);text-align:center;white-space:normal;padding:11px 18px;font-weight:500;line-height:1.35;animation:.2s forwards toastFadeUp;position:fixed;inset:auto auto 88px 50%;transform:translate(-50%);box-shadow:0 10px 28px #00000038}.toastbar-notice[data-variant=error]{background:var(--color-error-fill);border-color:color-mix(in srgb, var(--color-error-fill) 65%, #000);color:#fff}.toastbar-notice[data-variant=action]{background:var(--color-text-primary);border-color:var(--color-text-primary);color:var(--color-bg)}body[data-shell=v3] .toastbar-notice.dismissing{animation:.2s forwards toastFadeOutC}@keyframes toastFadeUp{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@keyframes toastFadeDown{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}@keyframes toastFadeOutC{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%)}}@media (width>=700px){.toastbar-notice{animation:.2s forwards toastFadeDown;top:18px;bottom:auto}}body[data-shell=v3] .app{margin-top:0;margin-left:var(--aside-w);padding-top:14px}.saved-panel{left:var(--aside-w)}@media (width>=1140px){.saved-panel:has(.paywall-overlay){z-index:var(--z-add-pb-backdrop)}}.shell{width:var(--aside-w);z-index:401;background:var(--color-bg);display:flex;position:fixed;top:0;bottom:0;left:0}.rail{flex:0 0 var(--rail-w);background:var(--color-secondary);min-width:0;color:var(--color-on-secondary);border-right:1px solid color-mix(in srgb, var(--color-on-secondary) 14%, transparent);flex-direction:column;display:flex}.context{flex:0 0 var(--context-w);background:linear-gradient(to right, rgb(var(--color-primary-rgb) / .15), rgb(var(--color-primary-rgb) / .02)), var(--color-bg);border-right:1px solid var(--color-border);flex-direction:column;min-width:0;display:flex;overflow-x:hidden}body[data-theme=dark][data-scheme=default] .context{background-image:linear-gradient(to right, color-mix(in srgb, var(--color-secondary) 50%, transparent), color-mix(in srgb, var(--color-secondary) 6%, transparent))}.rail{padding:14px 10px}.rail-brand{height:44px;font-family:var(--font-output);white-space:nowrap;align-items:center;gap:6px;padding:0 10px;font-weight:600;display:flex;overflow:hidden}.rail-mark{font-size:calc(24px * var(--font-scale-chrome));color:var(--color-on-secondary);display:none}.rail-word{font-size:calc(24px * var(--font-scale-chrome));color:var(--color-on-secondary)}.rail-mark .lo,.rail-word .lo{color:var(--color-primary)}.rail-nav{flex-direction:column;gap:2px;margin-top:16px;display:flex}.rail-nav--foot{padding-bottom:var(--space-8);margin-top:0}.rail-item{border-radius:var(--r-sm,8px);min-height:44px;color:var(--color-on-secondary);font-family:var(--font-ui);text-align:left;cursor:pointer;transition:background var(--anim-fast,.15s), color var(--anim-fast,.15s);background:0 0;border:none;align-items:center;gap:12px;padding:10px 12px;font-size:14px;font-weight:500;display:flex}@media (hover:hover){.rail-item:hover{background:color-mix(in srgb, var(--color-on-secondary) 12%, transparent);color:var(--color-on-secondary)}}.rail-item.active{background:color-mix(in srgb, var(--color-on-secondary) 16%, transparent);color:var(--color-on-secondary)}@media (hover:hover){body:is([data-scheme=forest-floor],[data-scheme=sunset-drive],[data-scheme=club-med],[data-scheme=autumn-hearth],[data-scheme=tokyo-twilight]) :is(.rail-item:hover,.rail .menu-dd .appearance-picker-trigger:hover){background:oklch(from var(--color-on-secondary) clamp(0, (.5 - l) * 100, 1) 0 h / .14)}}body:is([data-scheme=forest-floor],[data-scheme=sunset-drive],[data-scheme=club-med],[data-scheme=autumn-hearth],[data-scheme=tokyo-twilight]) :is(.rail-item.active,.rail-item.tour-target){background:oklch(from var(--color-on-secondary) clamp(0, (.5 - l) * 100, 1) 0 h / .2)}.rail-item svg{flex-shrink:0}.rail-item-lab{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.rail-item:has(>.rail-count){gap:var(--space-8);padding-right:var(--space-8)}.rail-item{position:relative}.rail-count{text-align:center;font-variant-numeric:tabular-nums;flex-shrink:0;min-width:20px;margin-left:auto}.rail-count-word{font-size:var(--text-xs);flex-shrink:0;display:none}@media (width<=1139px){.rail-item:has(>.rail-count-word) .rail-count{margin-left:auto}.rail-count-word{display:inline}}body[data-rail-collapsed=true] .rail-count-word{display:none}body[data-rail-collapsed=true] .rail-count{min-width:16px;min-height:16px;padding:0 4px;font-size:10px;line-height:16px;position:absolute;top:2px;left:26px}.rail-group-label{font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--color-on-secondary);white-space:nowrap;margin:12px 0 2px;padding:0 12px;font-size:11px;font-weight:600}.rail-group-end{background:color-mix(in srgb, var(--color-on-secondary) 14%, transparent);height:1px;margin:8px 12px}.rail-foot{flex-direction:column;gap:4px;margin-top:auto;padding-top:12px;display:flex}.rail-account{align-items:center;gap:8px;padding:8px 10px;display:flex}.rail-avatar{background:var(--color-primary);width:28px;height:28px;color:var(--color-on-primary,#fff);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex;overflow:hidden}.rail-avatar img{object-fit:cover;width:100%;height:100%}.rail-who{min-width:0;color:var(--color-on-secondary);white-space:nowrap;text-overflow:ellipsis;flex-direction:column;flex:1;font-size:11px;display:flex;overflow:hidden}.rail-who-name,.rail-who small{text-overflow:ellipsis;overflow:hidden}.rail-who-name{font-weight:500}.rail-who small{font-size:var(--text-xs);color:var(--color-on-secondary);font-weight:600}.rail-signout{color:var(--color-on-secondary);justify-content:center;align-items:center;display:flex}@media (hover:hover){.rail-signout:hover{color:var(--color-on-secondary)}}.rail-foot-icon{justify-content:center;align-items:center;margin:0 auto;display:flex}@media (hover:hover){.rail-foot-icon:hover{background:color-mix(in srgb, var(--color-on-secondary) 12%, transparent)}}body .rail .menu-dd .appearance-picker-trigger{border-color:color-mix(in srgb, var(--color-on-secondary) 25%, transparent);color:var(--color-on-secondary);background:0 0}@media (hover:hover){body .rail .menu-dd .appearance-picker-trigger:hover{background:color-mix(in srgb, var(--color-on-secondary) 12%, transparent);border-color:color-mix(in srgb, var(--color-on-secondary) 45%, transparent);color:var(--color-on-secondary)}}.rail .menu-dd .appearance-picker-list{border-color:var(--color-border);box-shadow:0 4px 16px #0000002e}.rail .menu-dd .appearance-picker-option{color:var(--color-text-primary)}@media (hover:hover){.rail .menu-dd .appearance-picker-option:hover{color:var(--color-text-primary)}}.rail .menu-dd .appearance-picker-option.active{color:var(--color-text-active)}.rail .menu-dd .appearance-picker-group-label{color:var(--color-text-secondary)}@media (width>=1140px){.rail .menu-dd .appearance-picker-list{left:calc(var(--rail-w) + var(--space-8));bottom:var(--space-16);z-index:calc(var(--z-header) + 3);width:min(480px, calc(100vw - var(--rail-w) - var(--space-24)));max-height:calc(100vh - var(--space-32));column-gap:var(--space-8);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;margin:0;display:grid;position:fixed;overflow-y:auto}.rail .menu-dd .appearance-picker-list>.appearance-picker-group:first-child{grid-column:1/-1}.rail .menu-dd .appearance-picker-list>.appearance-picker-group+.appearance-picker-group{margin-top:var(--space-8)}}.rail-swatch{border:1px solid var(--color-border);border-radius:6px;align-items:flex-end;width:22px;height:22px;padding:3px;display:flex;overflow:hidden}.rail-swatch>span{border-radius:2px;width:100%;height:7px}.context{gap:8px;padding:14px 12px}.context-top{flex-shrink:0;align-items:center;gap:6px;height:44px;padding:0;display:flex}.context-new{min-height:44px;padding:0 var(--space-16);border-radius:var(--r-sm,8px);background:var(--color-primary);color:var(--color-on-primary,#fff);font-family:var(--font-ui);cursor:pointer;transition:background var(--anim-fast,.15s);border:none;flex-shrink:0;align-items:center;gap:4px;font-size:13px;font-weight:500;display:flex}.context-new:hover{background:var(--color-primary-active,var(--color-primary))}.context-new svg{flex-shrink:0}.context-search{min-width:0;color:var(--color-text-secondary);flex:1;align-items:center;gap:8px;display:flex}.context-search svg{flex-shrink:0}.context-search{cursor:text}.context-search input{background:0 0;border:none;outline:none;flex:1;align-self:stretch;min-width:0;padding:8px 0}.context-list{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;flex-direction:column;flex:1;gap:2px;min-width:0;min-height:0;margin:0 -4px;padding:0 4px;display:flex;overflow:hidden auto}.context-skeleton-row{flex-direction:column;gap:6px;padding:8px 10px;display:flex}.context-skeleton-line{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--color-text-primary) 12%, transparent);height:12px;display:block}.context-skeleton-line--main{width:70%}.context-skeleton-line--sub{width:45%;height:10px}.context-skeleton-line--time{width:24px;height:8px;margin-top:2px}@media (prefers-reduced-motion:no-preference){.context-skeleton-line{animation:1.4s ease-in-out infinite context-skeleton-pulse}}@keyframes context-skeleton-pulse{0%,to{opacity:.6}50%{opacity:1}}.context-row{border-radius:var(--r-sm,8px);width:100%;min-width:0;transition:background var(--anim-fast,.15s);align-items:stretch;display:flex}@media (hover:hover){.context-row:hover{background:#8a878014}}.context-row.active{background:rgb(var(--color-primary-rgb) / .12)}.context-row-select{text-align:left;cursor:pointer;border-radius:var(--r-sm,8px) 0 0 var(--r-sm,8px);background:0 0;border:none;flex-direction:column;flex:1;gap:2px;min-width:0;padding:8px 10px;display:flex}.context-pin{opacity:0;transition:opacity var(--anim-fast,.15s), color var(--anim-fast,.15s);justify-content:center;align-items:center;display:flex}.context-row:hover .context-pin,.context-pin:focus-visible{opacity:1}@media (hover:hover){.context-pin:hover{color:var(--color-primary)}}.context-pin.pinned{opacity:1;color:var(--color-primary)}.context-row-main{font-family:var(--font-ui);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.context-row-sub{font-family:var(--font-output,"Lora", serif);color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.context-row-time{font-family:var(--font-ui);letter-spacing:.02em;color:var(--color-text-muted,#8a8780);margin-top:2px;font-size:10px}body[data-theme=dark] .context-row-sub{color:var(--color-text-tertiary)}body[data-theme=dark] .context-row-time{color:var(--color-text-muted)}.context-row-meta{align-items:center;gap:6px;margin-top:2px;display:flex}.context-row-meta .context-row-time{margin-top:0}.context-row-filed{color:var(--color-text-secondary);align-items:center;display:inline-flex}body[data-theme=dark] .context-row-filed{color:var(--color-text-tertiary)}.context-filedfilter{margin:0 10px 8px;display:flex}.context-filedfilter-seg{transition:background var(--anim-fast,.15s), color var(--anim-fast,.15s);flex:1}.context-section-label{font-family:var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-tertiary,#8a8780);padding:10px 10px 4px;font-size:11px;font-weight:600}.context-rowbtn{text-align:left;cursor:pointer;border-radius:var(--r-sm,8px);width:100%;min-width:0;min-height:44px;transition:background var(--anim-fast,.15s);background:0 0;border:none;flex-direction:column;justify-content:center;gap:2px;padding:8px 10px;display:flex}@media (hover:hover){.context-rowbtn:hover{background:#8a878014}}.context-rowbtn.active{background:rgb(var(--color-primary-rgb) / .12)}.context-fav{flex-direction:row;align-items:center;gap:8px;margin-bottom:4px}.context-fav-star{color:var(--color-primary);flex-shrink:0;display:flex}.context-fav .context-row-main{font-weight:500}.context-pb-back{text-align:left;width:100%;margin-bottom:4px;display:flex}@media (hover:hover){.context-pb-back:hover{background:#8a878014}}.context-pb-back-arrow{color:var(--color-primary);flex-shrink:0;display:flex}.pb-list-subtitle,body[data-shell=v3] .pb-list-new-tile{display:none}.saved-panel-inner{padding-top:28px}.pb-detail .saved-panel-inner{max-width:var(--page-max-grid,1456px);flex-direction:column;height:100%;margin-left:0;margin-right:auto;padding-top:14px;padding-bottom:0;display:flex}.pb-detail .pb-detail-head,.pb-detail .pbt-cta-count,.pb-detail .sit,.pb-detail .user-notes{flex:none}.pb-detail .pb-detail-list{flex:auto;grid-template-columns:min(480px,100%);justify-content:start;min-height:0;overflow-y:auto}.pb-detail .pb-detail-list .sec-body{grid-template-columns:min(480px,100%);justify-content:start}.pb-detail .sit,.pb-detail .user-notes{box-sizing:border-box;max-width:480px}body[data-shell=v3] .translate-ex-dir-toggle{height:44px;padding:0 var(--space-12);border:1px solid var(--color-border);border-radius:var(--radius-lg);white-space:nowrap;background:rgb(var(--color-primary-rgb) / .18);box-shadow:none;color:var(--color-text-primary);flex:none}body[data-shell=v3] .translate-ex-dir-toggle:hover{background:rgb(var(--color-primary-rgb) / .28);border-color:var(--color-primary);color:var(--color-text-primary)}body[data-shell=v3] .translate-ex-dd-chev{color:inherit}body[data-shell=v3] .translate-ex-dir-toggle:active{box-shadow:none;border-color:var(--color-primary);background:rgb(var(--color-primary-rgb) / .28);color:var(--color-text-primary);transform:none}body[data-shell=v3] .translate-ex-icon:hover:not(:disabled){background:rgb(var(--color-primary-rgb) / .28);border-color:var(--color-primary);color:var(--color-accent-ink)}body[data-shell=v3] .translate-ex-icon:active:not(:disabled){box-shadow:none;transform:none}body[data-theme=dark][data-shell=v3] .translate-ex-dir-toggle{background:rgb(var(--color-primary-rgb) / .2);border-color:var(--color-border);color:var(--color-text-primary)}body[data-theme=dark][data-shell=v3] .translate-ex-dir-toggle:hover,body[data-theme=dark][data-shell=v3] .translate-ex-icon:hover:not(:disabled){background:rgb(var(--color-primary-rgb) / .32);border-color:var(--color-primary-active);color:var(--color-text-primary)}.pb-list:not(.pb-detail) .pb-list-title-row{display:none}.pb-list:not(.pb-detail) .pb-list-header{margin-bottom:16px}.pb-list:not(.pb-detail) .saved-panel-inner{max-width:620px;margin-left:0;margin-right:auto;padding-top:14px}.pb-list:not(.pb-detail) .pb-list-grid[data-view=covers]{grid-template-columns:repeat(2,minmax(0,220px))}.saved-panel.history-v2 .saved-panel-inner{flex-direction:column;height:100%;margin-left:0;margin-right:auto;padding-top:14px;padding-bottom:0;display:flex}.history-v2 .pb-list-header{flex:none;width:100%;position:relative}.history-v2 .pb-list-title-row{display:none}.history-v2 .pb-list-header:after{content:"";background:linear-gradient(to bottom, var(--color-bg), transparent);pointer-events:none;z-index:1;height:32px;position:absolute;top:100%;left:0;right:0}.settings .saved-panel-inner{margin-left:0;margin-right:auto;padding-top:14px}.context-empty{font-family:var(--font-ui);color:var(--color-text-tertiary,#8a8780);text-align:center;padding:16px 12px;font-size:12px}@media (width>=1140px){body[data-rail-collapsed=true]{--rail-w:64px}body[data-rail-collapsed=true] .rail-word{display:none}body[data-rail-collapsed=true] .rail-mark{display:inline}body[data-rail-collapsed=true] .rail-item-lab{display:none}body[data-rail-collapsed=true] .rail-group-label{background:color-mix(in srgb, var(--color-on-secondary) 14%, transparent);height:1px;margin:10px 12px 4px;padding:0}body[data-rail-collapsed=true] .rail-group-text{display:none}body[data-rail-collapsed=true] .rail-foot{align-items:center}body[data-rail-collapsed=true] .rail-brand{justify-content:center;padding-left:0;padding-right:0}body[data-shell=v3][data-no-context=true]{--context-w:0px}[data-no-context=true] .context{display:none}.shell{--shell-shade-near:oklch(0% none none/.1);--shell-shade:oklch(0% none none/.16);--rail-shade-near:oklch(0% none none/.16);--rail-shade:oklch(0% none none/.28)}[data-theme=dark] .shell{--shell-shade-near:oklch(0% none none/.35);--shell-shade:oklch(0% none none/.5);--rail-shade-near:var(--shell-shade-near);--rail-shade:var(--shell-shade)}.rail{box-shadow:2px 0 4px -1px var(--rail-shade-near), 10px 0 22px -6px var(--rail-shade);position:relative}.context{box-shadow:2px 0 3px -1px var(--shell-shade-near), 8px 0 18px -6px var(--shell-shade)}}.rail-toggle{z-index:402;border:1px solid var(--color-border);border-radius:var(--r-sm,8px);background:var(--color-bar,var(--color-bg));width:22px;height:44px;color:var(--color-text-primary);cursor:pointer;transition:color var(--anim-fast,.15s), border-color var(--anim-fast,.15s);top:50%;left:var(--rail-w);justify-content:center;align-items:center;padding:0;display:flex;position:fixed;transform:translate(-50%,-50%);box-shadow:0 1px 3px #0000001a}@media (hover:hover){.rail-toggle:hover{color:var(--color-primary);border-color:var(--color-primary)}}.rail-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.bottombar,.breadcrumb{display:none}@media (width>=1140px){.breadcrumb--pb{top:12px;left:calc(var(--rail-w,200px) + var(--context-w,432px));z-index:360;background:var(--color-bg);border-bottom:1px solid var(--color-border);align-items:center;gap:16px;height:48px;padding:0 24px;display:flex;position:fixed;right:0}.breadcrumb--pb .breadcrumb-trail{flex:1;align-items:center;gap:2px;min-width:0;margin:0;padding:0;list-style:none;display:flex}.breadcrumb--pb .breadcrumb-li{align-items:center;min-width:0;display:flex}.breadcrumb--pb .breadcrumb-li--current{flex:1;min-width:0}.breadcrumb--pb .breadcrumb-trail>li:nth-child(-n+4){display:none}.breadcrumb--pb .breadcrumb-sep{color:var(--color-text-tertiary);flex:none;align-items:center;display:flex}.breadcrumb--pb .breadcrumb-crumb{cursor:pointer;height:48px;font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-text-secondary);white-space:nowrap;background:0 0;border:0;align-items:center;padding:0 4px;display:flex}.breadcrumb--pb .breadcrumb-crumb:hover{color:var(--color-primary)}.breadcrumb--pb .breadcrumb-current{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;padding:0 4px;font-weight:600;display:block;overflow:hidden}.crumb-stepper{flex-shrink:0;align-items:center;gap:8px;display:flex}.crumb-step{white-space:nowrap}.crumb-step:hover:not(:disabled){background:var(--color-surface)}.crumb-step:disabled{color:var(--color-text-tertiary);opacity:.45;cursor:default}.crumb-pos{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--color-text-secondary);text-align:center;min-width:2.5em}[data-pb-phrase=true] .saved-panel{padding-top:60px}}@media (width<=1139px){.crumb-stepper,.breadcrumb--pb .breadcrumb-trail>li:last-child,.breadcrumb--pb .breadcrumb-trail>li:nth-last-child(2){display:none}}.context-breadcrumb{display:none}@media (width<=1139px){body[data-shell=v3]{--bottom-bar-h:64px;--breadcrumb-h:44px}.shell{background:0 0;width:auto;height:auto;position:static}.rail{z-index:411;flex:none;width:min(82vw,320px);transition:transform .28s cubic-bezier(.16,1,.3,1);position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.drawer-open .rail{transform:translate(0)}.rail-toggle{display:none}.context{top:0;left:0;right:0;bottom:var(--bottom-bar-h);z-index:390;display:flex;position:fixed;overflow-x:hidden}[data-mobile-view=detail] .context{display:none}.context-breadcrumb{height:var(--breadcrumb-h);background:var(--color-bg);border-bottom:1px solid var(--color-border);flex-shrink:0;align-items:center;padding:0 12px;display:flex}.context{padding:0}.context-top{padding:0 12px}.menu-backdrop{z-index:410;background:#00000073;animation:.2s fadeIn;position:fixed;inset:0}.bottombar{height:var(--bottom-bar-h);z-index:401;background:var(--color-secondary);color:var(--color-on-secondary);border-top:1px solid color-mix(in srgb, var(--color-on-secondary) 14%, transparent);display:flex;position:fixed;bottom:0;left:0;right:0}.bottombar-item{cursor:pointer;color:var(--color-on-secondary);font-family:var(--font-ui);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:6px 4px;font-size:11px;font-weight:500;transition:color .15s;display:flex}.bottombar-item svg{width:22px;height:22px}.bottombar-item:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.bottombar-item:disabled,.bottombar-item[aria-disabled=true]{color:color-mix(in srgb, var(--color-on-secondary) 34%, transparent);cursor:default}.bottombar-item:disabled:focus-visible{outline:none}.bottombar-new{position:relative}.bottombar-new-slot{flex-shrink:0;width:22px;height:22px}.bottombar-new-fab{background:var(--color-primary);width:56px;height:56px;color:var(--color-on-primary);box-shadow:0 4px 14px 0 rgb(var(--color-primary-rgb) / .45);border-radius:50%;justify-content:center;align-items:center;transition:box-shadow .15s,transform .15s;display:flex;position:absolute;top:-26px;left:50%;transform:translate(-50%)}.bottombar-new-fab svg{width:26px;height:26px}.bottombar-new:hover .bottombar-new-fab,.bottombar-new:active .bottombar-new-fab{box-shadow:0 6px 22px 2px rgb(var(--color-primary-rgb) / .6);transform:translate(-50%)translateY(-2px)}.bottombar-new:disabled .bottombar-new-fab,.bottombar-new:not(.bottombar-answer)[aria-disabled=true] .bottombar-new-fab{background:color-mix(in srgb, var(--color-primary) 38%, var(--color-secondary) 62%);box-shadow:none;color:color-mix(in srgb, var(--color-on-secondary) 38%, transparent)}.bottombar-new:focus-visible{outline:none}.bottombar-new:focus-visible .bottombar-new-fab{outline:2px solid var(--color-on-secondary);outline-offset:3px}.bottombar-spacer{flex:1}.bottombar-answer[aria-disabled=true] .bottombar-new-fab{background:color-mix(in srgb, var(--color-primary) 38%, var(--color-secondary) 62%);box-shadow:none;color:color-mix(in srgb, var(--color-on-secondary) 38%, transparent)}.bottombar-answer[aria-disabled=true]{color:var(--color-on-secondary)}.bottombar-answer[aria-disabled=true]:hover .bottombar-new-fab,.bottombar-answer[aria-disabled=true]:active .bottombar-new-fab{transform:translate(-50%)}.bottombar-answer:focus-visible{outline:none}.bottombar-answer:focus-visible .bottombar-new-fab{outline:2px solid var(--color-on-secondary);outline-offset:3px}.bottombar-answer.is-over .bottombar-new-fab{box-shadow:0 0 0 5px rgb(var(--color-primary-rgb) / .28), 0 4px 14px 0 rgb(var(--color-primary-rgb) / .45);transform:translate(-50%)scale(1.06)}.bottombar-mic{color:var(--color-on-secondary);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:relative}.bottombar-mic-fab{background:var(--color-surface);width:52px;height:52px;color:var(--color-text-primary);border:1px solid color-mix(in oklch, var(--color-text-primary) 16%, transparent);box-shadow:-3px -3px 7px color-mix(in oklch, var(--card-light) 75%, transparent), 3px 4px 9px color-mix(in oklch, var(--card-dark) 32%, transparent);transform:translate(calc(-50% + var(--mic-drag-x,0px)), var(--mic-drag-y,0px));transition:box-shadow .15s, transform .18s var(--ease-soft), background .15s, color .15s;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:-24px;left:50%}.bottombar-mic-fab svg{width:22px;height:22px}.bottombar-answer~.bottombar-spacer{padding:6px 4px}.bottombar-mic.is-dragging .bottombar-mic-fab{transition:none}.bottombar-mic.is-listening .bottombar-mic-fab,.bottombar-mic.is-review .bottombar-mic-fab{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.bottombar-mic.is-listening .bottombar-mic-fab{animation:1.2s ease-in-out infinite bottombar-mic-pulse}@keyframes bottombar-mic-pulse{50%{box-shadow:0 0 0 10px rgb(var(--color-primary-rgb) / .28)}}.bottombar-mic:disabled .bottombar-mic-fab{box-shadow:none;color:var(--color-text-secondary)}.bottombar-mic:focus-visible{outline:none}.bottombar-mic:focus-visible .bottombar-mic-fab{outline:2px solid var(--color-on-secondary);outline-offset:3px}.bottombar-mic-fab .mic-ring{pointer-events:none;width:calc(100% - 6px);height:calc(100% - 6px);position:absolute;inset:3px;transform:rotate(-90deg)}.mic-ring circle{fill:none;stroke:var(--color-on-primary);stroke-width:3px;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:0;animation:5s linear forwards mic-ring-drain}.mic-ring.is-paused circle{animation-play-state:paused}@keyframes mic-ring-drain{to{stroke-dashoffset:100px}}.mic-dock{pointer-events:none;height:0;animation:.15s fadeIn;position:absolute;top:2px;left:0;right:0}.mic-track{border-radius:var(--radius-pill);transform-origin:0;background:color-mix(in oklch, var(--color-bg) 80%, var(--card-dark));height:22px;box-shadow:inset 0 3px 6px color-mix(in oklch, var(--card-dark) 60%, transparent), inset 0 -1px 1px color-mix(in oklch, var(--card-light) 90%, transparent), 0 1px 0 color-mix(in oklch, var(--card-light) 60%, transparent);transition:background .15s;position:absolute;top:-11px;left:83.3333%}.mic-track--submit{width:calc(33.3333% - 48px);transform:rotate(180deg)translate(20px)scaleY(-1)}.mic-track--type{width:105px;transform:rotate(-135deg)translate(20px)scaleY(-1)}.mic-track--again{width:84px;transform:rotate(-90deg)translate(20px)}.mic-track.is-over{background:color-mix(in oklch, var(--color-primary) 45%, var(--color-bg))}.mic-disc{background:var(--color-surface);width:52px;height:52px;color:var(--color-text-primary);border:1px solid color-mix(in oklch, var(--color-text-primary) 16%, transparent);box-shadow:-3px -3px 7px color-mix(in oklch, var(--card-light) 75%, transparent), 3px 4px 9px color-mix(in oklch, var(--card-dark) 32%, transparent), inset 1px 1px 1px color-mix(in oklch, var(--card-light) 80%, transparent), inset -1px -2px 2px color-mix(in oklch, var(--card-dark) 10%, transparent);border-radius:50%;justify-content:center;align-items:center;transition:background .15s,color .15s,box-shadow .15s,transform .15s;display:flex}.mic-disc svg{width:22px;height:22px}.mic-target{pointer-events:auto;cursor:pointer;width:52px;height:52px;color:var(--color-text-primary);font:500 var(--text-xs) var(--font-ui);touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:50%;margin:0 0 0 -26px;padding:0;position:absolute;top:-126px}.mic-target--type{left:calc(83.3333% - 100px)}.mic-target--again{top:-146px;left:83.3333%}.mic-target-label{white-space:nowrap;padding:0 var(--space-4);border-radius:var(--radius-pill);background:var(--color-bg);position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%)}.mic-target--type .mic-target-label{transform:translate(calc(-50% - 8px))}.mic-target:focus-visible{outline:none}.mic-target:focus-visible .mic-disc{outline:2px solid var(--color-text-primary);outline-offset:3px}.mic-target.is-over .mic-disc,.mic-target:active .mic-disc{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary);box-shadow:0 0 0 5px rgb(var(--color-primary-rgb) / .28), 3px 4px 9px color-mix(in oklch, var(--card-dark) 32%, transparent);transform:scale(1.06)}@media (prefers-reduced-motion:reduce){.bottombar-mic.is-listening .bottombar-mic-fab{box-shadow:0 0 0 6px rgb(var(--color-primary-rgb) / .28);animation:none}.bottombar-mic-fab .mic-ring{display:none}.bottombar-mic-fab,.mic-disc,.mic-track{transition:none}.mic-dock{animation:none}.mic-target.is-over .mic-disc,.mic-target:active .mic-disc{transform:none}.bottombar-answer.is-over .bottombar-new-fab{transform:translate(-50%)}}.context-new{display:none}body[data-shell=v3] .app{padding-bottom:calc(100px + var(--bottom-bar-h));margin-left:0}.saved-panel{left:0;bottom:var(--bottom-bar-h)}body .context-list,body .lj-over{padding-bottom:calc(26px + var(--space-16))}[data-mobile-view=detail] .breadcrumb{height:var(--breadcrumb-h);z-index:360;background:var(--color-bg);border-bottom:1px solid var(--color-border);align-items:center;padding:0 12px;display:flex;position:fixed;top:0;left:0;right:0}.breadcrumb-trail{align-items:center;gap:2px;width:100%;min-width:0;margin:0;padding:0;list-style:none;display:flex}.breadcrumb-li{align-items:center;min-width:0;display:flex}.breadcrumb-li--current{flex:1;min-width:0}.breadcrumb-sep{color:var(--color-text-tertiary);flex:none;align-items:center;display:flex}.breadcrumb-home{width:44px;height:var(--breadcrumb-h);transition:color var(--anim-fast,.15s);justify-content:center;margin-left:-10px;display:flex}.breadcrumb-crumb{height:var(--breadcrumb-h);cursor:pointer;font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-text-secondary);white-space:nowrap;transition:color var(--anim-fast,.15s);background:0 0;border:none;align-items:center;padding:0 4px;font-weight:500;display:flex}.breadcrumb-home:hover,.breadcrumb-crumb:hover,.breadcrumb-home:active,.breadcrumb-crumb:active{color:var(--color-primary)}.breadcrumb-home:focus-visible,.breadcrumb-crumb:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px;border-radius:var(--r-sm,8px);color:var(--color-primary)}.breadcrumb-current{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;min-width:0;padding:0 4px;font-weight:600;display:block;overflow:hidden}[data-mobile-view=detail] .saved-panel{top:var(--breadcrumb-h)}[data-mobile-view=detail] .qf-trail{display:none}body[data-shell=v3][data-mobile-view=detail] .app{padding-top:calc(14px + var(--breadcrumb-h))}}@media (width<=1139px) and (prefers-reduced-motion:reduce){.rail{transition:none}.menu-backdrop{animation:none}}[data-theme=dark] .menu-dd .appearance-picker-trigger{color:var(--color-text-tertiary);background:0 0}@media (hover:hover){[data-theme=dark] .menu-dd .appearance-picker-trigger:hover{color:var(--color-text-primary);background:#f5f4ef0d;border-color:#0000}}[data-theme=dark] .menu-dd .appearance-picker-list{background:var(--color-surface);border-color:var(--color-border)}.saved-panel.settings{overflow-y:hidden}.saved-panel.settings .saved-panel-inner{flex-direction:column;height:100vh;display:flex}.settings .section-head{flex:none;align-items:center;gap:10px;margin:0 0 14px;display:none}.settings .set-shell{flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:1fr;align-items:stretch;gap:24px;min-height:0;margin-top:0;padding:18px 24px;display:grid}.settings .set-nav{background:0 0;border:0;flex-direction:column;align-self:start;gap:2px;max-height:100%;padding:4px 0;display:none;overflow-y:auto}.settings .set-nav-item{font:inherit;font-size:calc(14px * var(--font-scale-chrome));color:var(--color-text-secondary);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;padding:10px 12px;font-weight:500;transition:background .15s,color .15s;display:flex}.settings .set-nav-item:hover{background:var(--color-bg-subtle);color:var(--color-text-primary)}.settings .set-nav-item.active{background:var(--color-primary-tint);color:var(--color-primary)}.settings .set-pane{min-width:0;height:100%;min-height:0;padding-right:8px;overflow-y:auto}.settings .set-section{display:none}.settings .set-section.on{background:0 0;border:0;border-radius:0;padding:0;display:block}.settings .set-nav-content{display:none}.settings .set-nav-group{display:contents}.settings .settings-card{background:0 0;border:0;margin:0 0 18px;padding:0}.settings .settings-card:last-child{margin-bottom:0}.settings .sr{text-align:left;align-items:center;gap:14px;width:100%;padding:12px 0;display:flex}.settings .sr-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.settings .sr-h{font-size:calc(17px * var(--font-scale-chrome));color:var(--color-text-primary);font-weight:500}.settings .sr-sub{font-size:calc(12px * var(--font-scale-chrome));color:var(--color-text-secondary);line-height:1.4}.settings .sr.sr-stack{align-items:stretch;gap:var(--space-12);flex-direction:column}.appearance-picker{width:100%;position:relative}.appearance-picker-trigger{width:100%;transition:border-color .15s}.appearance-picker-current{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.appearance-picker-caret{color:var(--color-text-tertiary);flex:none;font-size:11px;transition:transform .15s}.appearance-picker.open .appearance-picker-caret{transform:rotate(180deg)}.appearance-picker-list{margin-top:var(--space-8);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);padding:var(--space-8);flex-direction:column;display:flex}.appearance-picker-group+.appearance-picker-group{margin-top:var(--space-8)}.appearance-picker-group-label{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary);padding:2px 6px 4px;font-size:10px;font-weight:600}.appearance-picker-option{transition:background .12s,color .12s}.appearance-picker-option.active{color:var(--color-text-active)}.appearance-picker-option-label{flex:1;min-width:0}.appearance-picker-check{color:var(--color-primary-active);flex:none;font-size:12px;line-height:1}.appearance-picker .appearance-swatch{border-radius:var(--radius-sm);width:22px;height:22px}.appearance-picker .appearance-swatch-bar{height:6px}.appearance-picker .appearance-swatch-accent{width:9px;height:4px}.appearance-swatch{border-radius:var(--radius-md);border:1px solid var(--color-border);flex-direction:column;flex:none;width:40px;height:40px;display:flex;overflow:hidden}.appearance-swatch-bar{flex:none;width:100%;height:11px}.appearance-swatch-body{flex:1;justify-content:center;align-items:center;display:flex}.appearance-swatch-accent{border-radius:var(--radius-pill);width:16px;height:6px}.settings .set-input{flex:none;width:200px}.settings .set-select,.settings .set-switch,.settings .set-switch button{flex:none}.settings .sr:has(>.set-switch){align-items:flex-start;gap:var(--space-12);flex-direction:column}.settings .sr:has(>.set-switch)>.sr-text{align-self:stretch}.settings .set-btn{flex:none;transition:background .15s,border-color .15s}.settings .set-btn-secondary:hover{border-color:var(--color-primary);color:var(--color-primary)}.settings .set-hint{color:var(--color-text-secondary);margin:4px 0 12px;font-size:11px}.settings .profile-card{align-items:center;gap:12px;margin-bottom:14px;padding:14px 16px;display:flex}.settings .profile-avatar{background:var(--color-primary);width:42px;height:42px;color:var(--color-on-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;font-weight:500;display:flex}.settings .profile-meta{flex:1;min-width:0}.settings .profile-name{color:var(--color-text-primary);font-size:14px;font-weight:500}.settings .profile-sub{color:var(--color-text-secondary);font-size:11px}.settings .set-about{padding:14px 16px}.settings .set-about h3{font-family:var(--font-output);color:var(--color-text-primary);margin:0 0 8px;font-size:18px;font-weight:500}.settings .set-about p{color:var(--color-text-secondary);margin:0 0 10px;font-size:13px;line-height:1.5}.settings .set-link{color:var(--color-text-secondary);text-decoration:underline}@media (hover:hover){.settings .set-link:hover{color:var(--color-accent-ink)}}[data-theme=dark] .settings .set-nav-item{color:var(--color-text-tertiary)}[data-theme=dark] .settings .set-nav-item:hover{color:var(--color-text-primary);background:#f5f4ef0d}[data-theme=dark] .settings .set-nav-item.active{background:rgb(var(--color-primary-rgb) / .12);color:var(--color-text-active)}[data-theme=dark] .settings .sr-h{color:var(--color-text-primary)}[data-theme=dark] .settings .set-btn-secondary:hover{border-color:var(--color-primary-active);color:var(--color-primary-active)}[data-theme=dark] .settings .set-about h3{color:var(--color-text-primary)}[data-theme=dark] .settings .set-about p{color:var(--color-text-tertiary)}.settings .plan-card{padding:14px 16px}.settings .plan-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.settings .plan-label{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent-ink);margin-bottom:4px;font-weight:600}.settings .plan-upsell-btn{white-space:nowrap;flex-shrink:0;transition:background .15s}.settings .plan-action{width:100%;margin-top:var(--space-16);justify-content:center;align-items:center;display:flex}.settings .plan-upsell-btn:hover{background:var(--color-primary-hover,#8c0f15)}.settings .plan-usage-label{font-size:var(--text-xs);color:var(--color-text-muted);letter-spacing:.04em}.settings .plan-usage-value{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:500}.settings .plan-usage-block{gap:var(--space-8);margin-bottom:var(--space-12);flex-direction:column;display:flex}.settings .plan-usage-block .plan-usage-label{font-size:var(--text-sm);color:var(--color-text-primary);letter-spacing:0}.settings .plan-usage-h{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary);font-weight:500}.settings .plan-extra-card .plan-header{margin-bottom:var(--space-8)}.settings .plan-extra-amount{font-family:var(--font-output);font-size:var(--text-lg);color:var(--color-text-primary);white-space:nowrap}.settings .plan-meter{border-radius:var(--radius-pill);background:var(--color-surface-sunken);height:8px;overflow:hidden}.settings .plan-meter-fill{width:var(--plan-pct,0%);border-radius:inherit;background:var(--color-primary);height:100%}.settings .plan-meter-fill--high{background:var(--color-primary-active)}.settings .plan-shares{gap:var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.settings .plan-shares li{justify-content:space-between;gap:var(--space-8);display:flex}.settings .delete-section{margin-top:8px}.settings .delete-btn{transition:border-color .15s,color .15s}.settings .delete-confirm{flex-direction:column;gap:12px;display:flex}.settings .delete-confirm-text{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.55}.settings .delete-input{width:100%;transition:border-color .15s}.settings .delete-input:focus{border-color:#c0392b}.settings .delete-confirm-actions{gap:8px;display:flex}.settings .delete-confirm-yes{color:var(--color-on-primary);background:#c0392b;border-color:#0000;flex:1;transition:background .15s}.settings .delete-confirm-yes:hover:not(:disabled){background:#a93226}.settings .delete-confirm-yes:disabled{opacity:.5;cursor:not-allowed}.settings .delete-confirm-cancel{transition:background .15s}.settings .delete-error{font-size:var(--text-sm);color:var(--color-error);background:var(--color-error-tint);border-radius:var(--radius-md);padding:8px 12px}.settings .account-sub-heading{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);padding:8px 0 4px;font-weight:600}.settings .invite-card{gap:var(--space-8);flex-direction:column;display:flex}.settings .invite-title{font-family:var(--font-ui);margin:0}.settings .invite-card .set-input{text-overflow:ellipsis;width:100%;max-width:none}.settings .invite-actions{gap:var(--space-8);flex-wrap:wrap;display:flex}.settings .invite-note{min-height:1.4em;margin:0}.settings .set-section :is(.profile-card,.plan-card,.class-code-card){padding-left:0;padding-right:0}.settings .profile-name{overflow-wrap:anywhere}.settings .band-picker-value{font-family:var(--font-ui);font-size:var(--text-md);font-weight:500}.settings .plan-header{flex-wrap:wrap}.settings .plan-header>div:first-child{flex:10rem;min-width:0}@media (width<=700px){.settings .plan-header>div:first-child{flex-basis:100%}.settings .sr.sr--field{align-items:stretch;gap:var(--space-8);flex-direction:column}.settings .sr.sr--field .set-input{width:100%;max-width:none}.settings .sr.sr--field .set-select{width:100%}}@media (width>=701px){.settings .set-shell{flex:0 auto}}.help-q-row{align-items:center;gap:var(--space-4);display:flex}.help-q-row>:first-child{min-width:0}.help-q{width:44px;height:44px;margin:calc(-1 * var(--space-12)) 0;color:var(--color-text-secondary);font-family:var(--font-ui);font-size:var(--text-xs);flex:none;justify-content:center;align-items:center;font-weight:500;text-decoration:none;display:inline-flex}.help-q>span{border-radius:var(--radius-pill);border:1.5px solid;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.help-q:hover{color:var(--color-text-primary)}.help-q:focus-visible{outline:2px solid var(--color-primary-active);outline-offset:-4px;border-radius:var(--radius-pill)}@media (width<=700px){[data-theme=dark] .settings .set-nav{background:var(--color-surface);border-color:#0000}[data-theme=dark] .settings .set-nav-group+.set-nav-group .set-nav-item{border-top-color:var(--color-border)}[data-theme=dark] .settings .set-nav-item{color:var(--color-text-primary);background:0 0}[data-theme=dark] .settings .set-nav-item.expanded{color:var(--color-primary-active)}[data-theme=dark] .settings .set-nav-item:after{border-bottom-color:#8a8780;border-right-color:#8a8780}[data-theme=dark] .settings .set-nav-item.expanded:after{border-right-color:var(--color-primary-active);border-bottom-color:var(--color-primary-active)}[data-theme=dark] .settings .set-nav-group.expanded .set-nav-content{background:var(--color-surface);border-bottom-color:var(--color-border)}.saved-panel.settings{overflow-y:auto}.saved-panel.settings .saved-panel-inner{height:auto;display:block}.settings .set-shell{flex:none;grid-template-rows:auto;grid-template-columns:1fr;gap:12px;min-height:0}.settings .set-pane{height:auto;padding-right:0;display:block;overflow-y:visible}.settings .set-nav-group{display:block}.settings .set-nav-group.expanded .set-nav-content{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:12px 16px 16px;display:block}.settings .set-nav-group:last-child.expanded .set-nav-content{border-bottom:0}.settings .set-nav{background:var(--color-surface);border-radius:var(--radius-xl);max-height:none;box-shadow:0 1px 2px var(--tile-contact), 0 14px 28px -10px var(--tile-lift);border:1px solid #0000;flex-direction:column;gap:0;padding:0;overflow:visible}.settings .set-nav-group+.set-nav-group .set-nav-item{border-top:1px solid var(--color-border)}.settings .set-nav-item{text-align:left;width:100%;min-height:56px;color:var(--color-text-primary);background:0 0;border:0;border-radius:0;flex:none;padding:16px 40px 16px 16px;font-size:15px;position:relative}.settings .set-nav-item:hover,.settings .set-nav-item.active{color:var(--color-text-primary);background:0 0}.settings .set-nav-item.expanded{background:var(--color-surface);color:var(--color-primary);font-weight:500}.settings .set-nav-item:after{content:"";border-right:1.5px solid var(--color-text-tertiary);border-bottom:1.5px solid var(--color-text-tertiary);transform-origin:50%;width:8px;height:8px;transition:transform .18s,border-color .18s;position:absolute;top:50%;right:16px;transform:translateY(-50%)rotate(-45deg)}.settings .set-nav-item.expanded:after{border-right-color:var(--color-primary);border-bottom-color:var(--color-primary);transform:translateY(-75%)rotate(45deg)}.settings .set-input{width:100%;max-width:200px}}.pb-list{background:var(--color-bg-base,#f5f4ef)}.pb-list .saved-panel-inner{padding-bottom:80px}.pb-list-header{margin:0 0 22px}.pb-list-title-row{flex-wrap:wrap;align-items:flex-end;gap:14px;margin:0 0 18px;display:flex}.pb-list .pb-list-title-row{margin-top:2px}.pb-list-title-row-inline{align-items:baseline;gap:var(--space-16,16px);flex-wrap:nowrap}.pb-list-subtitle.pb-list-subtitle-inline{white-space:nowrap;text-overflow:ellipsis;align-self:baseline;min-width:0;overflow:hidden}.page-title{font-family:var(--font-output);letter-spacing:.01em;color:var(--color-text-primary);margin:0;font-size:clamp(22px,3.2vw,32px);font-weight:600;line-height:1.15}.pb-list-search{min-width:clamp(140px,18vw,200px);color:var(--color-text-secondary);flex:1;align-items:center;gap:8px;display:none}.pb-list-search input{font:inherit;background:0 0;border:0;outline:0;flex:1}.pb-list-search-clear{justify-content:center;align-items:center;transition:color .15s,background .15s;display:inline-flex}.pb-list-search-clear:hover{color:var(--color-text-primary,#1a1a1a);background:#0000000a}.pb-list-grid[data-view=covers]{justify-content:start;gap:var(--space-24) var(--space-16);grid-template-columns:repeat(auto-fill,minmax(160px,200px));align-items:end;display:grid}.empty-state--grid-span{grid-column:1/-1}.pb-tile{height:var(--pb-tile-height,240px);cursor:pointer;font:inherit;text-align:left;color:inherit;background:0 0;border:0;padding:0;transition:transform .25s cubic-bezier(.4,.1,.3,1);display:block;position:relative}.pb-tile:hover{transform:translateY(-4px)}.pb-tile.is-open,.pb-tile.is-open:hover{z-index:5;transform:none}.pb-tile-open{pointer-events:none;background:0 0;border:0;border-radius:12px;margin:0;padding:0;position:absolute;inset:0}.pb-tile-open:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:3px}.pb-stage{flex-direction:column;flex:1;min-height:0;animation:.26s cubic-bezier(.4,.1,.3,1) both pb-stage-enter;display:flex}@keyframes pb-stage-enter{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.pb-stage-head{border-bottom:1px solid #0000000f;align-items:center;gap:8px;margin-bottom:8px;padding:2px 4px 10px;display:flex}.pb-stage-flag{font-size:16px;line-height:1}.pb-stage-title{font-family:var(--font-output);color:var(--color-text-primary);overflow-wrap:anywhere;flex:1;min-width:0;font-size:15px;font-weight:600;line-height:1.4}.pb-stage-back{flex:none;justify-content:center;transition:background .12s,color .12s;display:inline-flex}.pb-stage-back:hover{color:var(--color-text-primary);background:#0000000d}.pb-stage-list{scrollbar-width:thin;scrollbar-color:#00000038 transparent;flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.pb-stage-list::-webkit-scrollbar{width:6px}.pb-stage-list::-webkit-scrollbar-thumb{background:#00000038;border-radius:3px}.pb-stage-list::-webkit-scrollbar-track{background:0 0}.pb-stage-row{flex:none;transition:background .12s}.pb-stage-row-icon{color:var(--color-text-tertiary);flex:none;display:inline-flex}.pb-stage-row-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.pb-stage-row-chev{color:var(--color-text-tertiary);flex:none;margin-left:auto;display:inline-flex}.pb-stage-colour-row{height:36px;font:inherit;color:var(--color-text-body);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;flex:none;align-items:center;gap:12px;padding:0 8px;font-size:15px;transition:background .12s;display:flex}.pb-stage-colour-row:hover{background:#0000000b}.pb-stage-colour-row.on{color:var(--color-text-primary);font-weight:600}.pb-stage-colour-dot{border-radius:50%;flex:none;width:18px;height:18px;box-shadow:inset 0 0 0 1px #00000026}.pb-stage-colour-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.pb-stage-colour-check{margin-left:auto;display:inline-flex}.pb-stage-placeholder{color:var(--color-text-secondary);margin:8px 0 0;font-size:13px}.pb-stage-cap-notice{color:var(--color-text-secondary);background:#00000008;border-radius:6px;margin:0 0 8px;padding:6px 10px;font-size:12px;line-height:1.4}[data-theme=dark] .pb-stage-cap-notice{background:#ffffff0a}.pb-stage-share-list .pb-stage-row .pb-stage-row-icon{color:var(--color-text-secondary)}.pb-stage-share-list .pb-stage-row[data-comment-anchor=phrasebook-list\.menu-share-whatsapp] .pb-stage-row-icon{color:#25d366}.pb-stage-share-list .pb-stage-row[data-comment-anchor=phrasebook-list\.menu-share-telegram] .pb-stage-row-icon{color:#2aabee}.pb-stage-share-list .pb-stage-row[data-comment-anchor=phrasebook-list\.menu-share-x] .pb-stage-row-icon{color:#000}.pb-stage-share-list .pb-stage-row.on,.pb-stage-share-list .pb-stage-row.on .pb-stage-row-icon{color:var(--color-primary-active)}.pb-stage-close{z-index:6;justify-content:center;align-items:center;transition:background .12s,color .12s;display:inline-flex;position:absolute;bottom:0;right:0}.pb-stage-close:hover{color:var(--color-text-primary);background:#0000000f}.pb-list-new-tile{height:var(--pb-tile-height,240px);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px;transition:border-color .15s,color .15s,background .15s;display:flex}.pb-list-new-plus{background:var(--color-bg-subtle,#efede7);border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;transition:background .15s,color .15s;display:flex}.pb-list-new-tile:hover .pb-list-new-plus{color:var(--color-primary-active);background:#fff}.pb-list-new-title{font-family:var(--font-output);color:inherit;font-size:16px;font-weight:500}.pb-list-new-sub{color:var(--color-text-secondary);max-width:200px;font-size:11px}.pb-book-menu{z-index:6;background:var(--color-surface,#fdfcf8);border-radius:3px 8px 8px 3px;flex-direction:column;padding:12px 14px 36px 16px;animation:.18s cubic-bezier(.4,.1,.3,1) both pb-book-menu-in;display:flex;position:absolute;inset:0 5px 3px 0;overflow:hidden;box-shadow:0 0 0 1px #0000001a,0 12px 28px #2814052e,0 3px 8px #2814051a}@keyframes pb-book-menu-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.pb-tile.is-open .pb-tile-corner{pointer-events:none;opacity:0}.pb-share-sheet{box-sizing:border-box;flex-direction:column;width:100%;max-width:340px;max-height:min(560px,82vh);padding:14px 16px 40px;animation:.18s cubic-bezier(.4,.1,.3,1) both rise;display:flex;position:relative}.pb-list-group+.pb-list-group{margin-top:var(--space-32)}.pb-list-group-title{margin:0 0 var(--space-12);font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-secondary);font-weight:500}.pb-tile-corner{right:var(--space-8);bottom:var(--space-8);gap:var(--space-4);display:flex;position:absolute}.pb-tile-action{justify-content:center;align-items:center;display:flex;position:relative}.pb-tile-cover,.pb-list-grid[data-view=covers] .pb-list-new-tile{aspect-ratio:3/4;height:auto}.pb-tile-cover{background:var(--pb-accent);box-shadow:inset 0 1px 0 color-mix(in oklch, var(--color-surface) 35%, transparent), 3px 6px 14px color-mix(in oklch, var(--card-dark) 22%, transparent), 1px 2px 4px color-mix(in oklch, var(--card-dark) 18%, transparent);border-radius:3px 10px 10px 3px}.pb-cover-spine{background:oklch(from var(--pb-accent) calc(l - .07) c h);width:14px;box-shadow:inset -1px 0 0 color-mix(in oklch, var(--color-surface) 18%, transparent);border-radius:3px 0 0 3px;position:absolute;top:0;bottom:0;left:0}.pb-cover-label{gap:var(--space-4);padding:var(--space-12) var(--space-12) var(--space-12) var(--space-16);background:var(--color-surface);border-top:3px solid oklch(from var(--pb-accent) calc(l - .07) c h);border-bottom:3px solid oklch(from var(--pb-accent) calc(l - .07) c h);flex-direction:column;display:flex;position:absolute;top:48px;left:14px;right:0}.pb-cover-title{font-family:var(--font-output);font-size:var(--text-md);color:var(--color-text-primary);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-weight:500;line-height:1.2;display:-webkit-box;overflow:hidden}.pb-cover-count{font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary);font-weight:500}.pb-cover-mark{font-family:var(--font-output);font-style:italic;font-size:var(--text-sm);color:var(--color-surface);opacity:.8;position:absolute;bottom:20px;left:28px}.pb-list-grid[data-view=shelf]{align-items:flex-end;column-gap:6px;row-gap:var(--space-32);padding:0 var(--space-12) var(--space-12);background:repeating-linear-gradient(to bottom, transparent 0 290px, color-mix(in oklch, var(--card-dark) 55%, var(--color-bg)) 290px 302px, transparent 302px 322px);flex-wrap:wrap;display:flex}.pb-shelf-slot{align-items:flex-end;height:290px;display:flex}.pb-tile-spine{align-items:center;gap:var(--space-8);padding-top:var(--space-12);box-sizing:border-box;background:var(--pb-accent);box-shadow:inset 2px 0 0 color-mix(in oklch, var(--color-surface) 16%, transparent), inset -3px 0 0 oklch(from var(--pb-accent) calc(l - .07) c h), 2px 3px 6px color-mix(in oklch, var(--card-dark) 18%, transparent);border-radius:4px 4px 2px 2px;flex-direction:column;display:flex}.pb-spine-band{background:var(--color-surface);opacity:.55;flex:none;width:70%;height:2px}.pb-spine-label{align-items:center;gap:var(--space-8);width:calc(100% - 16px);min-height:0;padding:var(--space-8) 0 var(--space-4);background:var(--color-surface);border-radius:2px;flex-direction:column;flex:1;display:flex;overflow:hidden}.pb-spine-title{writing-mode:vertical-rl;min-height:0;font-family:var(--font-output);font-size:var(--text-base);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;line-height:1.1;overflow:hidden}.pb-spine-count{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--color-text-primary);flex:none;font-weight:500}.pb-spine-foot{flex:none;width:100%}.pb-spine-foot .pb-tile-action{width:100%;box-shadow:none;background:0 0}.pb-spine-foot .pb-tile-action:before{content:"";border-radius:var(--radius-pill);background:var(--color-surface);width:30px;height:30px;position:absolute}.pb-spine-foot .pb-tile-action svg{position:relative}.pb-shelf-menu{width:min(340px,100vw - 32px);max-height:min(520px,70vh);z-index:var(--z-add-pb-backdrop);box-sizing:border-box;flex-direction:column;padding:12px 14px 36px 16px;animation:.18s cubic-bezier(.4,.1,.3,1) both pb-book-menu-in;display:flex;position:fixed;bottom:96px;left:50%;overflow:hidden;transform:translate(-50%)}.pb-list-grid[data-view=pages]{gap:var(--space-16);max-width:var(--page-max-read,720px);flex-direction:column;padding-left:6px;display:flex}.pb-tile-page{gap:var(--space-8);height:auto;padding:var(--space-16) 56px var(--space-8) var(--space-16);box-sizing:border-box;background:var(--color-surface);box-shadow:-3px 0 0 var(--color-border-light,var(--color-border)), -6px 0 0 var(--color-border), 3px 6px 14px color-mix(in oklch, var(--card-dark) 16%, transparent);border-radius:4px 14px 14px 4px;flex-direction:column;display:flex}.pb-tile-page.is-open{min-height:360px}.pb-page-ribbon{background:var(--pb-accent);clip-path:polygon(0 0,100% 0,100% 100%,50% 82%,0 100%);width:16px;height:44px;position:absolute;top:0;right:20px}.pb-page-head{flex-direction:column;gap:2px;display:flex}.pb-page-title{font-family:var(--font-output);font-size:var(--text-md);color:var(--color-text-primary);margin:0;font-weight:500}.pb-page-meta{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--color-text-secondary)}.pb-page-rule{background:var(--color-border);height:1px}.pb-page-phrases{gap:var(--space-8);flex-direction:column;display:flex}.pb-page-phrase{flex-direction:column;gap:2px;display:flex}.pb-page-es{font-family:var(--font-output);font-size:var(--text-base);color:var(--color-text-primary);line-height:1.35}.pb-page-en,.pb-page-empty{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.35}.pb-page-empty{font-style:italic}.pb-tile-page .pb-tile-corner{align-self:flex-end;margin-right:-48px;position:static}@media (width<=475px){.pb-list:not(.pb-detail) .pb-list-grid[data-view=covers]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.pb-tile,.pb-book-menu,.pb-shelf-menu{transition:none;animation:none}.pb-tile:hover{transform:none}}body[data-shell=v2] .saved-panel.pb-list .saved-panel-inner{height:100vh;max-width:var(--page-max-grid,1456px);flex-direction:column;padding-bottom:0;display:flex}body[data-shell=v2] .saved-panel.pb-list .pb-list-header{flex:none;width:100%}body[data-shell=v2] .saved-panel.pb-list:not(.pb-detail) .pb-list-body,body[data-shell=v2] .saved-panel.pb-detail .pb-detail-list{min-height:0;padding-bottom:var(--space-24,24px);flex:1;overflow:hidden auto}[data-theme=dark] .pb-list{background:var(--color-bg)}[data-theme=dark] .page-title{color:var(--color-text-primary)}[data-theme=dark] .pb-list-search{color:var(--color-text-muted)}[data-theme=dark] .pm-save-primary:hover:not(:disabled),[data-theme=dark] .pb-rename-save:hover:not(:disabled){background:oklch(from var(--color-primary-active) calc(l + .05) c h);border-color:oklch(from var(--color-primary-active) calc(l + .05) c h);color:var(--color-on-primary)}[data-theme=dark] .pb-list-new-plus{background:var(--color-surface-sunken)}[data-theme=dark] .pb-list-new-tile:hover .pb-list-new-plus{color:var(--color-primary-active);background:#1a1a1a}[data-theme=dark] .pb-stage-head{border-bottom-color:#ffffff0f}[data-theme=dark] .pb-stage-title{color:var(--color-text-primary)}[data-theme=dark] .pb-stage-back:hover{color:var(--color-text-primary);background:#ffffff0d}[data-theme=dark] .pb-stage-row-icon,[data-theme=dark] .pb-stage-row-chev{color:#6a6864}[data-theme=dark] .pb-stage-colour-row{color:var(--color-text-tertiary)}[data-theme=dark] .pb-stage-colour-row.on{color:var(--color-text-primary)}[data-theme=dark] .pb-stage-colour-row:hover{background:#ffffff0d}[data-theme=dark] .pb-stage-colour-dot{box-shadow:inset 0 0 0 1px #ffffff1a}[data-theme=dark] .pb-stage-close:hover{color:var(--color-text-primary);background:#ffffff0f}[data-theme=dark] .pb-stage-share-list .pb-stage-row[data-comment-anchor=phrasebook-list\.menu-share-x] .pb-stage-row-icon{color:var(--color-text-primary)}.pb-print-root{display:none}@media print{body *{visibility:hidden!important}.pb-print-root,.pb-print-root *{visibility:visible!important}.pb-print-root{color:#000;background:#fff;width:100%;position:absolute;top:0;left:0;right:0;display:block!important}.pb-print-page{padding:24mm 18mm;font-family:Georgia,Times New Roman,serif;font-size:11pt;line-height:1.5}.pb-print-head{border-bottom:1px solid #000;margin-bottom:14pt;padding-bottom:8pt}.pb-print-title{margin:0 0 4pt;font-size:22pt;font-weight:600}.pb-print-subtitle{color:#555;font-size:10pt}.pb-print-table{border-collapse:collapse;page-break-inside:auto;width:100%}.pb-print-table th{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:#555;border-bottom:1px solid #000;padding:4pt 6pt;font-size:9pt;font-weight:600}.pb-print-table td{vertical-align:top;page-break-inside:avoid;border-bottom:1px dotted #999;padding:6pt}.pb-print-table td:first-child{width:45%}.pb-print-foot{color:#555;border-top:1px solid #000;justify-content:space-between;margin-top:14pt;padding-top:6pt;font-size:9pt;display:flex}@page{margin:10mm}}.pb-rename-modal{flex-direction:column;gap:14px;width:min(420px,100vw - 32px);display:flex}.pb-rename-title{color:var(--color-text-primary);margin:0}.pb-rename-sheet{padding:var(--space-8) var(--space-12) var(--space-4);flex-direction:column;gap:14px;display:flex}.pb-rename-form{flex-direction:column;gap:12px;display:flex}.pb-rename-label{flex-direction:column;gap:4px;display:flex}.pb-rename-label-text{letter-spacing:.07em;text-transform:uppercase;color:var(--color-text-secondary);font-size:11px;font-weight:600}.pb-rename-label input{font:inherit}.pb-rename-label input:disabled{opacity:.6;cursor:not-allowed}.pb-rename-error{color:var(--color-primary-active);margin:0;font-size:13px}.pb-rename-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.pb-rename-cancel,.pb-rename-save{transition:background .15s,border-color .15s,color .15s}.pb-rename-cancel:hover:not(:disabled){border-color:var(--color-text-secondary);color:var(--color-text-primary)}.pb-rename-save:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.pb-rename-save:disabled,.pb-rename-cancel:disabled{opacity:.55;cursor:not-allowed}[data-theme=dark] .pb-rename-title{color:var(--color-text-primary)}[data-theme=dark] .pb-rename-label-text{color:var(--color-text-muted)}[data-theme=dark] .pb-rename-error{color:var(--color-primary-active)}[data-theme=dark] .pb-rename-cancel:hover:not(:disabled){color:var(--color-text-primary);border-color:#b0ada8}[data-theme=dark] .pb-rename-save:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.translate-ex{background:linear-gradient(180deg, var(--card-bg-top,#fff) 0%, var(--card-bg-bottom,#f6f0e2) 100%);border-radius:var(--r-card,22px);box-shadow:-5px -5px 14px color-mix(in oklch, var(--card-light) 40%, transparent), -2px -2px 5px color-mix(in oklch, var(--card-light) 28%, transparent), 5px 7px 16px color-mix(in oklch, var(--card-dark) 18%, transparent), 2px 3px 6px color-mix(in oklch, var(--card-dark) 10%, transparent), inset 2px 2px 3px color-mix(in oklch, var(--card-light) 85%, transparent), inset -2px -2px 3px color-mix(in oklch, var(--card-dark) 10%, transparent);width:100%;max-width:var(--page-max-hero,1096px);border:none;flex-direction:column;margin-left:0;margin-right:auto;display:flex;position:relative;overflow:hidden}.translate-ex-inner{flex-direction:column;flex:1;gap:12px;min-height:0;padding:20px 24px;display:flex}.translate-ex-label-row{align-items:center;gap:10px;display:flex}.translate-ex-label{font-family:var(--font-ui);letter-spacing:.2em;text-transform:uppercase;color:var(--color-text-muted);font-size:11px;font-weight:600}.translate-ex-label-spacer{flex:1}.translate-ex-dir-toggle{font-family:var(--font-ui);letter-spacing:.04em;text-transform:uppercase;color:var(--accent,var(--color-primary));background:var(--btn-paint-cool);border-radius:var(--r-pill,14px);cursor:pointer;box-shadow:-1.5px -1.5px 3px var(--highlight-paper), 2px 2px 5px var(--shadow-dark-paper);transition:box-shadow var(--t-mid,.22s) var(--ease-soft,ease-in-out), transform var(--t-mid,.22s) var(--ease-pop,ease-out), color var(--t-mid,.22s);border:none;align-items:center;gap:4px;padding:8px 14px;font-size:12px;font-weight:500;display:inline-flex}.translate-ex-dir-toggle .arr{color:inherit;margin:0 2px;font-weight:700}.translate-ex-dir-toggle:hover{color:var(--accent,var(--color-primary))}.translate-ex-dir-toggle:hover .arr{color:var(--ink-muted)}.translate-ex-dir-toggle:active{box-shadow:inset -1px -1px 2px var(--highlight-paper), inset 1.5px 1.5px 3px var(--shadow-dark-paper);transform:translateY(.5px)}.translate-ex-lang-switch-note{font-family:var(--font-ui);color:var(--color-text-muted);font-size:11px;font-style:italic}.translate-ex-icon{transition:color var(--t-mid,.22s), box-shadow var(--t-mid,.22s) var(--ease-soft,ease-in-out), transform var(--t-mid,.22s) var(--ease-pop,ease-out);justify-content:center;align-items:center;display:inline-flex}.translate-ex-icon:hover:not(:disabled){color:var(--ink)}.translate-ex-icon:active:not(:disabled){box-shadow:inset -1px -1px 2px var(--highlight-paper), inset 1.5px 1.5px 3px var(--shadow-dark-paper);transform:translateY(.5px)}.translate-ex-icon:disabled{opacity:.55;cursor:not-allowed}.pc-open{border-radius:var(--r-card);pointer-events:none;background:0 0;border:0;margin:0;padding:0;position:absolute;inset:0}.pc-open:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:3px}.translate-ex-icon.is-listening{color:var(--accent,var(--color-primary));box-shadow:inset -1px -1px 2px var(--highlight-paper), inset 1.5px 1.5px 3px var(--shadow-dark-paper), var(--accent-button-glow)}.translate-ex-paper{border-radius:var(--r-sm,8px);border:1.5px solid var(--color-border);min-height:0;transition:border-color var(--anim-fast,.15s);background:0 0;flex:1;padding:0;position:relative}.translate-ex-paper:hover{border-color:var(--ink-soft)}.translate-ex-paper:focus-within{border-color:var(--accent,var(--color-primary));outline:none}.translate-ex-input{resize:none;box-sizing:border-box;width:100%;height:auto;min-height:160px;color:var(--color-text-primary);caret-color:var(--accent,var(--color-primary));background:0 0;border:none;outline:none;padding:16px 18px;font-family:Lora,Georgia,serif;font-size:17px;line-height:1.65;overflow-y:hidden}.translate-ex-input::placeholder{color:#0000}.saved-panel.translation-result .saved-panel-inner{gap:var(--space-16,16px);flex-direction:column;margin-left:0;margin-right:auto;display:flex}.translation-result .translate-result-card-wrap{margin-left:0;margin-right:auto}.translate-result-notes{margin-top:var(--space-16,16px)}.translate-ex-input.is-listening{border-bottom:1px solid var(--color-primary)}.translate-ex-placeholder{color:var(--color-border-muted);pointer-events:none;align-items:flex-start;gap:8px;font-family:Lora,Georgia,serif;font-size:17px;line-height:1.65;display:flex;position:absolute;top:16px;left:18px;right:18px}.translate-ex-placeholder-pencil{color:rgb(var(--color-primary-rgb) / .1);flex-shrink:0;margin-top:-4px;transform:rotate(-12deg)}.translate-ex-placeholder-pencil svg{width:24px;height:24px}.translate-ex-wordcount{font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-secondary);pointer-events:none;background:#fdfcf8eb;border-radius:3px;padding:1px 6px;font-weight:500;position:absolute;bottom:5px;right:14px}.translate-ex-wordcount.near{color:var(--color-warning)}.translate-ex-wordcount.over{color:var(--color-accent-ink)}.translate-ex-row-label{font-family:var(--font-ui);letter-spacing:.2em;text-transform:uppercase;color:var(--color-text-muted);margin-right:4px;font-size:11px;font-weight:700}.translate-ex-f-pills{display:flex}.translate-ex-f-pill{transition:background var(--t-mid,.22s), color var(--t-mid,.22s), box-shadow var(--t-mid,.22s)}.translate-ex-dd-wrap{position:relative}.translate-ex-dd{transition:border-color var(--t-mid,.22s), color var(--t-mid,.22s);justify-content:flex-start}.translate-ex-dd-flag{font-size:18px;line-height:1}.translate-ex-dd-nm{color:inherit}.translate-ex-dd-chev{color:var(--ink-soft);transition:transform var(--t-mid,.22s) var(--ease-soft,ease-in-out), color var(--t-mid,.22s);margin-left:4px;font-size:12px}.translate-ex-dd-wrap.is-open .translate-ex-dd-chev{color:var(--accent,var(--color-primary));transform:rotate(180deg)}.translate-ex-dd-menu{z-index:50;flex-direction:column;gap:1px;min-width:220px;max-width:calc(100vw - 24px);max-height:340px;display:flex;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto}.translate-ex-dd-menu::-webkit-scrollbar{width:6px}.translate-ex-dd-menu::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.translate-ex-dd-item-flag{text-align:center;flex-shrink:0;width:24px;font-size:20px;line-height:1}.translate-ex-dd-item-nm{letter-spacing:.01em;text-align:left;flex:1}.translate-ex-dd-item-check{color:var(--color-primary);flex-shrink:0;font-size:13px;font-weight:800}.translate-ex-dd-item{transition:background var(--t-fast,.15s) var(--ease-soft,ease-in-out), color var(--t-fast,.15s), box-shadow var(--t-fast,.15s)}.translate-ex-dd-item.selected{color:var(--accent,var(--color-primary));background:var(--btn-paint,#efe7d5);box-shadow:inset -1px -1px 3px var(--highlight-paper), inset 2px 2px 5px var(--shadow-dark-paper)}.translate-ex-dd-item.selected .translate-ex-dd-item-nm{color:var(--accent,var(--color-primary));font-weight:600}.translate-ex-send{box-shadow:-2px -2px 5px var(--highlight-paper), 3px 3px 7px var(--shadow-dark-paper), var(--accent-button-glow);transition:box-shadow var(--t-mid,.22s) var(--ease-soft,ease-in-out), transform var(--t-mid,.22s) var(--ease-pop,ease-out);align-items:center;gap:10px;margin-left:auto;display:inline-flex}.translate-ex-send:hover:not(:disabled){box-shadow:-2px -2px 5px var(--highlight-paper), 3px 3px 7px var(--shadow-dark-paper), var(--accent-button-glow-hover)}.translate-ex-send:active:not(:disabled){box-shadow:inset 1.5px 1.5px 3px #00000038, var(--accent-button-glow);transform:translateY(.5px)}.translate-ex-send:disabled{opacity:.5;cursor:not-allowed;box-shadow:-2px -2px 5px var(--highlight-paper), 3px 3px 7px var(--shadow-dark-paper)}.translate-ex-stop{align-items:center;gap:6px;display:inline-flex}.translate-ex-stop:hover{background:var(--color-primary-tint)}.translate-ex-clear:hover{color:var(--color-primary)}.translate-ex-disambig{padding:12px 0 4px}.translate-ex-disambig-label{font-family:var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-body);margin-bottom:8px;font-size:11px;font-weight:600}.translate-ex-disambig-options{flex-wrap:wrap;gap:8px;display:flex}.translate-ex-disambig-btn{transition:box-shadow var(--anim-fast), border-color var(--anim-fast)}@media (width<=640px){.translate-ex-dd-menu{min-width:180px}}[data-theme=dark] .translate-ex-input{background:0 0;border-color:#0000}[data-theme=dark] .translate-ex-wordcount{background:#242220eb}[data-theme=dark] .translate-ex-dd-item.selected{background:rgb(var(--color-primary-rgb) / .14)}.translate-controls-top{max-width:var(--page-max-hero,1096px);background:var(--color-surface);border-radius:16px;align-items:center;gap:8px;margin-bottom:10px;padding:8px 12px;display:flex;box-shadow:0 1px 3px #0000000f}.translate-controls-bottom{max-width:var(--page-max-hero,1096px);flex-direction:column;align-items:flex-end;gap:8px;padding:10px 24px 0;display:flex}body[data-shell=v3] .translate-controls-bottom{padding-right:0}.translate-controls-formality{align-items:center;gap:8px;display:flex}.dialect-flag{vertical-align:-.12em;border-radius:2px;flex:none;width:1.5em;height:1em;display:inline-block}@media (width<=380px){.translate-controls-top{gap:var(--space-4);padding:var(--space-8)}.translate-ex-dd-nm{display:none}.translate-controls-bottom{padding-left:0}.translate-controls-formality{align-items:flex-end;gap:var(--space-4);flex-direction:column}}.pc-formality-row{justify-content:space-between}.pc-formality-row.is-current{cursor:default}.pc-formality-tag{font-family:var(--font-ui);letter-spacing:.02em;white-space:nowrap;color:var(--color-text-primary);align-items:center;gap:5px;font-size:11px;display:inline-flex}.pc-formality-tag svg{flex:none}.pc-formality-tag.is-current{font-weight:600}.pc-formality-tag.is-current svg{color:var(--accent,var(--color-primary))}.pc-formality-tag.is-free{opacity:.65;font-weight:500}.pc-formality-note{font-family:var(--font-ui);color:var(--color-text-primary);opacity:.68;margin:10px 2px 0;padding-right:38px;font-size:12px;line-height:1.4}.pc-voice-controls{gap:var(--space-8,8px);padding:var(--space-4,4px) var(--space-8,8px) 0;flex-direction:column;padding-bottom:48px;display:flex}.pc-voice-field{justify-content:space-between;align-items:center;gap:var(--space-8,8px);min-height:40px;display:flex}.pc-voice-field-label{font-family:var(--font-ui);font-size:var(--text-sm,13px);color:var(--color-text-primary);flex-direction:column;gap:1px;font-weight:500;display:flex}.pc-voice-hint{opacity:.62;font-size:11px;font-weight:400;line-height:1.3}.pc-voice-field.is-locked .switch-control{opacity:.45}.translate-controls-send{align-items:center;gap:8px;display:flex}.pc{background:linear-gradient(180deg, var(--card-bg-top,#fff) 0%, var(--card-bg-bottom,#f6f0e2) 100%);width:100%;max-width:480px;box-shadow:-4px -4px 10px color-mix(in oklch, var(--card-light) 40%, transparent), -1.5px -1.5px 4px color-mix(in oklch, var(--card-light) 28%, transparent), 4px 5px 12px color-mix(in oklch, var(--card-dark) 18%, transparent), 1.5px 2px 5px color-mix(in oklch, var(--card-dark) 10%, transparent), inset 1.5px 1.5px 2.5px color-mix(in oklch, var(--card-light) 85%, transparent), inset -1.5px -1.5px 2.5px color-mix(in oklch, var(--card-dark) 10%, transparent);border:none;border-radius:14px;grid-template-rows:1fr;grid-template-columns:1fr;display:grid;position:relative;overflow:hidden}.pc:not(.pc-flipped):has(.pc-open){cursor:pointer}.pc+.pc{margin-top:var(--space-16,16px)}.pc-flip{width:100%;height:100%;transform-style:preserve-3d;grid-area:1/1;grid-template-rows:1fr;grid-template-columns:1fr;display:grid;position:relative}.pc-face{backface-visibility:hidden;grid-area:1/1;width:100%;height:100%;position:relative}.pc-list{align-self:start}.pc-list:not(.pc-sizeback) .pc-face-back,.pc-list.pc-sizeback .pc-face-front{pointer-events:none;position:absolute;inset:0}.pc-grid{width:100%;height:100%;padding:var(--space-8,8px) var(--space-16,16px);row-gap:var(--space-8,8px);grid-template-rows:auto auto 1fr auto auto;grid-template-columns:repeat(8,1fr);display:grid;position:relative}.pc-toast{align-self:center;align-items:center;gap:var(--space-8,8px);font-family:var(--font-ui);font-size:var(--text-xs,11px);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted,var(--color-text-body));grid-area:1/1/auto/6;font-weight:600;display:flex;overflow:hidden}.pc-toast svg{flex:none}.pc-toast-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.pc-ts{font-family:var(--font-ui);font-size:var(--text-xs,11px);color:var(--ink-soft,var(--color-text-tertiary));grid-area:1/6/auto/8;justify-content:flex-end;align-self:center;align-items:center;display:flex}.pc-star{color:var(--ink-soft,var(--color-text-tertiary));grid-area:1/8;justify-content:center;place-self:center end;align-items:center;transition:color .15s,transform .18s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.pc-star:hover{color:var(--color-gold,#c8a017);transform:scale(1.08)}.pc-star.pc-star-on{color:var(--color-gold,#c8a017)}.pc-star.pc-star-on svg{fill:currentColor}.pc-input{font-family:var(--font-ui);font-size:var(--text-md,17px);color:var(--ink-muted,var(--color-text-body));-webkit-line-clamp:3;-webkit-box-orient:vertical;grid-area:2/1/auto/9;align-self:center;font-weight:400;line-height:1.4;display:-webkit-box;overflow:hidden}.pc.pc-compact .pc-input{font-size:var(--text-base,15px);-webkit-line-clamp:2}.pc-out{font-family:var(--font-output,"Lora", Georgia, serif);font-size:var(--text-xl,24px);color:var(--ink,var(--color-text-primary));-webkit-line-clamp:4;-webkit-box-orient:vertical;grid-area:3/1/auto/9;font-weight:400;line-height:1.4;display:-webkit-box;overflow:hidden}.pc.pc-compact .pc-out{font-size:var(--text-lg,21px);-webkit-line-clamp:3;line-height:1.5}.pc-input,.pc-out{overflow-wrap:anywhere}.pc-result .pc-input,.pc-result .pc-out{-webkit-line-clamp:unset;line-clamp:unset;display:block;overflow:visible}@media (prefers-reduced-motion:no-preference){.pc-result{will-change:height;height:auto}.pc-result .pc-flip{transform-origin:50%;height:auto;position:absolute;inset:0}.pc-result .pc-face{height:auto;position:absolute;bottom:0;left:0;right:0}.pc-result .pc-grid{height:auto}}.translate-result-card-wrap{width:100%;max-width:480px;padding-top:var(--space-8,8px);margin:0 auto}.pc-dialect{align-self:center;align-items:center;gap:var(--space-8,8px);font-family:var(--font-ui);font-size:var(--text-xs,11px);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-soft,var(--color-text-tertiary));grid-area:4/1/auto/9;font-weight:600;display:flex}.pc-dialect-flag{letter-spacing:0;font-size:12px;line-height:1}.pc-dialect-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.pc-register{font-family:var(--font-ui);font-size:var(--text-xs,11px);letter-spacing:.07em;text-transform:uppercase;color:var(--kind-translate,var(--color-primary-active));white-space:nowrap;grid-area:5/1/auto/3;place-self:center start;font-weight:600}.pc-audio-slot{place-self:center start;align-items:center;gap:var(--space-8,8px);grid-area:5/3/auto/7;min-width:0;display:flex}.pc-voice-pill{justify-content:center;align-items:center;gap:var(--space-8,8px);white-space:nowrap;transition:box-shadow .15s,border-color .15s,transform .12s;display:inline-flex}.pc-voice-pill:active{transform:scale(.97)}.pc-voice-pill svg{flex:none}.pc-share-front,.pc-kebab{color:var(--ink-soft,var(--color-text-tertiary));justify-content:center;place-self:center;align-items:center;transition:background .15s,color .15s;display:inline-flex}.pc-share-front{grid-area:5/7}.pc-kebab{grid-area:5/8}.pc-share-front:hover,.pc-kebab:hover{color:var(--ink,var(--color-text-primary));background:var(--color-bg-subtle,#0000000a)}.pc-copied-flash{background:var(--color-success,#2d6047);color:var(--color-text-inverse);font-family:var(--font-ui);letter-spacing:.04em;text-transform:uppercase;z-index:4;pointer-events:none;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600;position:absolute;top:12px;left:50%;transform:translate(-50%)}.pc.pc-compact{aspect-ratio:auto}.pc.pc-compact .pc-face-back{padding:var(--space-8,8px) var(--space-12,12px)}.pc.pc-compact .pc-stage-actions{gap:var(--space-4,4px)}.pc.pc-compact .pc-back-item{height:36px}[data-theme=dark] .pc{background:linear-gradient(180deg, var(--card-bg-top,#2e2b27) 0%, var(--card-bg-bottom,#353128) 100%)}@media (width<=520px){.pc{border-radius:12px;max-width:100%}}.pc{perspective:1200px;perspective-origin:50%}.pc-flip{transform-origin:50%;will-change:transform;transition:transform .55s cubic-bezier(.4,.1,.3,1)}.pc-face{backface-visibility:hidden}.pc-face-back{padding:var(--space-16,16px);background:linear-gradient(180deg, var(--card-bg-top,#fff) 0%, var(--card-bg-bottom,#f6f0e2) 100%);border-radius:inherit;flex-direction:column;display:flex;transform:rotateY(180deg)}[data-theme=dark] .pc-face-back{background:linear-gradient(180deg, var(--card-bg-top,#2e2b27) 0%, var(--card-bg-bottom,#353128) 100%)}.pc-stage{flex-direction:column;flex:1;min-height:0;animation:.28s cubic-bezier(.4,.1,.3,1) both v2PcStageEnter;display:flex}@keyframes v2PcStageEnter{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}.pc-stage-actions{gap:var(--space-8,8px);padding-bottom:48px}.pc-back-item{height:40px;transition:background .15s,color .15s}.pc-back-item:active{transform:scale(.99)}.pc-back-item svg{color:var(--ink-soft,var(--color-text-tertiary));flex:none}.pc-back-item span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.pc-back-fav svg[fill=currentColor]{color:var(--color-gold,#c8a017)}.pc-back-chev{flex:none;margin-left:auto;color:var(--ink-soft,var(--color-text-tertiary))!important}.pc-stage-share{gap:var(--space-8,8px);padding-bottom:48px}.pc-stage-head{align-items:center;gap:var(--space-8,8px);padding:0 var(--space-8,8px) var(--space-8,8px);min-height:40px;font-family:var(--font-ui);font-size:var(--text-xs,11px);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft,var(--color-text-tertiary));font-weight:600;display:flex}.pc-stage-back{width:40px;height:40px;color:var(--ink-soft,var(--color-text-secondary));cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;justify-content:center;align-items:center;margin-left:-4px;transition:background .15s,color .15s;display:flex}.pc-stage-back:hover{background:var(--color-bg-subtle,#0000000a);color:var(--ink,var(--color-text-primary))}.pc-stage-list{flex-direction:column;flex:1;min-height:0;display:flex}.pc-stage-share-grid{gap:var(--space-8,8px);grid-template-columns:1fr 1fr;display:grid}.pc-stage-row{align-items:center;gap:var(--space-8,8px);padding:0 var(--space-8,8px);height:40px;color:var(--ink,var(--color-text-primary));font-family:var(--font-ui);font-size:var(--text-sm,13px);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;font-weight:500;transition:background .15s;display:flex}.pc-stage-row:hover{background:var(--color-bg-subtle,#0000000a)}.pc-stage-row svg{color:var(--ink-soft,var(--color-text-tertiary));flex:none}.pc-stage-row-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.pc-flip-back{right:max(calc(100% / 16 - 8px), var(--space-16,16px));bottom:var(--space-8,8px);width:44px;height:44px;color:var(--ink-soft,var(--color-text-tertiary));cursor:pointer;z-index:3;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex;position:absolute}.pc-flip-back:hover{background:var(--color-bg-subtle,#0000000a);color:var(--ink,var(--color-text-primary))}.pc.pc-flipped{cursor:default}@media (prefers-reduced-motion:reduce){.pc-flip{transition:opacity .15s linear;transform:none!important}.pc-face{backface-visibility:visible;transition:none}.pc-face-back{display:none;transform:none}.pc.pc-flipped .pc-face-front{display:none}.pc.pc-flipped .pc-face-back{display:flex}.pc-stage{animation:none}}.history-list{scrollbar-gutter:stable;place-content:start;gap:var(--space-16,16px);min-height:0;padding:var(--space-16,16px) 0 var(--space-24,24px) 0;flex:1;grid-template-columns:min(480px,100%);display:grid;overflow:hidden auto}.history-list-item{justify-content:flex-start;display:flex}body[data-shell=v2] .saved-panel.history-v2 .saved-panel-inner{height:100vh;max-width:var(--page-max-grid,1456px);flex-direction:column;padding-bottom:0;display:flex}body[data-shell=v2] .saved-panel.history-v2 .pb-list-header{flex:none;width:100%}.learn-page{gap:var(--space-16);flex-direction:column;width:100%;max-width:480px;margin:0 auto;display:flex}.learn-title{font-family:var(--font-ui);font-size:var(--text-xl);color:var(--color-text-primary);margin:0;font-weight:500}.learn-title--deck{font-size:var(--text-md);line-height:1.4}.learn-head-topics{color:var(--color-text-secondary);font-weight:400}.learn-empty{gap:var(--space-12);padding-top:var(--space-24);flex-direction:column;display:flex}.learn-your-level,.learn-your-pill{align-self:flex-start}.learn-hint{color:var(--color-text-secondary);font-size:var(--text-base);margin:0;line-height:1.55}.tp-eyebrow{color:var(--color-text-secondary);font-size:var(--text-sm);letter-spacing:.04em;text-transform:uppercase;margin:0;font-weight:500}.tp-lead{color:var(--color-text-primary);font-size:var(--text-md)}.tp-list{gap:var(--space-8);padding-left:var(--space-24);color:var(--color-text-secondary);font-size:var(--text-base);flex-direction:column;margin:0;line-height:1.5;display:flex}.tp-list strong{color:var(--color-text-primary);font-weight:500}.tp-btn{margin-top:var(--space-8);align-self:flex-start}.learn-head{gap:var(--space-8);padding-top:var(--space-8);flex-direction:column;display:flex}.learn-pos{font-size:var(--text-sm);color:var(--color-text-secondary);font-variant-numeric:tabular-nums;white-space:nowrap;align-self:flex-end}.learn-title--deck.has-topics .learn-head-level:after{content:" · ";color:var(--color-text-secondary)}@media (width<=1139px){.learn-title--deck.has-topics .learn-head-level{display:none}}.learn-progress{height:4px;margin-bottom:var(--space-8);border-radius:var(--radius-sm);background:var(--color-border);overflow:hidden}.learn-progress-fill{background:var(--color-primary);height:100%;transition:width var(--anim-base) ease}.fc-study{gap:var(--space-16);flex-direction:column;display:flex}.pc.flashcard{max-width:100%}.flashcard .fc-grid{padding:var(--space-16) var(--space-16) var(--space-24);row-gap:var(--space-12);grid-template-rows:auto auto auto}.flashcard .pc-dialect.fc-kind{grid-area:1/1/auto/6;font-weight:500}.flashcard .pc-ts.fc-band{grid-column:6/9}.flashcard .fc-grid:has(.fc-play) .pc-ts.fc-band{padding-right:var(--space-8);grid-column:6/8}.fc-play{grid-area:1/8;justify-content:center;place-self:center end;align-items:center;display:inline-flex}.fc-play:hover{border-color:var(--color-text-primary)}.fc-play.is-playing{background:var(--color-text-primary);color:var(--color-surface)}.fc-play[aria-busy]{opacity:.6;cursor:progress}.fc-play.is-error{border-color:var(--kind-translate);color:var(--kind-translate)}.flashcard .fc-listen{align-items:flex-start;gap:var(--space-8);-webkit-line-clamp:unset;flex-direction:column;display:flex;overflow:visible}.fc-listen-btn{align-items:center;gap:var(--space-8);display:inline-flex}.fc-listen-btn.is-playing{background:var(--color-text-primary);color:var(--color-surface)}.fc-listen-btn[aria-busy]{opacity:.6;cursor:progress}.fc-listen-show{min-height:44px;font-size:var(--text-sm)}.fc-listen-note{font-size:var(--text-sm);color:var(--color-text-secondary)}.flashcard .fc-listen-text{white-space:pre-line;margin:0}.flashcard .pc-input.fc-en,.flashcard .pc-out.fc-es{-webkit-line-clamp:unset;white-space:pre-line;margin:0;display:block;overflow:visible}.flashcard .pc-out.fc-es{align-self:start}.flashcard--word .pc-out.fc-es{font-size:calc(var(--text-xl) * 1.6);line-height:1.25}.fc-verb-btn{font:inherit;color:inherit;cursor:pointer;padding:var(--space-8) var(--space-12);margin:calc(-1 * var(--space-8)) calc(-1 * var(--space-12));background:0 0;border:0}.fc-verb-btn:hover{text-decoration-style:solid}.fc-verb-btn:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:2px;border-radius:2px}.fc-verb{text-underline-offset:4px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;text-decoration-thickness:2px}.fc-teachers{gap:var(--space-8);flex-direction:column;display:flex}.guide-voice.fc-teacher{gap:var(--space-8);padding:var(--space-12) var(--space-16);flex-direction:column;margin-bottom:0;display:flex}.fc-teacher-name{font-size:var(--text-sm);letter-spacing:var(--letter-caps);text-transform:uppercase;color:var(--color-text-secondary);font-weight:500}.fc-teacher-rows{flex-direction:column;display:flex}.fc-teacher-row{justify-content:space-between;align-items:center;gap:var(--space-12);display:flex}.fc-teacher-subject{min-width:0;font-size:var(--text-md);color:var(--color-text-primary);flex:1;line-height:1.5}.fc-teacher-text{font-size:var(--text-md);color:var(--color-text-primary);margin:0;line-height:1.6}.fc-teacher-text+.fc-teacher-text{margin-top:var(--space-8)}.fc-vocab{gap:var(--space-4);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.fc-vocab-item{align-items:baseline;gap:var(--space-8);font-size:var(--text-sm);display:flex}.fc-vocab-kind{min-width:4.5em;font-size:var(--text-sm);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-secondary)}.fc-vocab-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.fc-vocab-es{font-family:var(--font-output);font-size:var(--text-lg);color:var(--color-text-primary)}.fc-vocab-es strong{font-weight:500}.fc-vocab-persons{color:var(--color-text-secondary)}.fc-vocab-en{color:var(--color-text-primary)}.fc-vocab-meta{font-size:var(--text-sm);color:var(--color-text-secondary)}.fc-link{text-align:left;flex-shrink:0}.fc-link:hover{color:var(--color-text-primary)}.learn-nav{gap:var(--space-8);flex-direction:column;display:flex}.learn-nav-buttons{justify-content:space-between;gap:var(--space-12);display:flex}.key-cap{min-width:1.6em;margin-left:var(--space-8);padding:0 var(--space-4);border:1px solid color-mix(in oklch, currentColor 45%, transparent);border-radius:var(--radius-sm);color:inherit;font-family:var(--font-ui);font-size:var(--text-xs);text-align:center;vertical-align:middle;background:0 0;font-weight:500;line-height:1.5;display:none}@media (hover:hover) and (pointer:fine){.key-cap{display:inline-block}}.practice-speak-btn .key-cap{margin-left:0}.key-cap.key-cap--arrow{font-size:var(--text-base);line-height:1.1}.learn-btn{transition:background var(--anim-fast,.15s), border-color var(--anim-fast,.15s)}.learn-btn:hover:not(:disabled){border-color:var(--color-primary-active)}.learn-btn:disabled,.learn-btn[aria-disabled=true]{opacity:.45;cursor:default}.learn-btn--answer-in{animation:.16s backwards fadeIn}@media (prefers-reduced-motion:reduce){.learn-btn--answer-in{animation:none}}.learn-btn--primary:hover:not(:disabled){box-shadow:0 4px 14px 0 rgb(var(--color-primary-rgb) / .35);border-color:#0000}.learn-btn,.ptr-btn,.class-code-submit,.magic-btn,.pb-empty .btn,.add-pb-modal-btn-primary,.add-pb-modal-btn-secondary,.pm-cta,.gifted-modal-btn-add,.gifted-modal-btn-dismiss,.share-email-modal-btn-send,.share-email-modal-btn-cancel,.pb-rename-save,.pb-rename-cancel,.onboarding-btn,.translate-ex-send,.translate-ex-stop,.settings .plan-upsell-btn,.apc-share-btn,.apc-done-btn,.settings .set-btn,.confirm-delete-cancel-btn,.confirm-delete-anyway-btn,.confirm-delete-fav-btn,.settings .delete-btn,.settings .delete-confirm-cancel,.settings .delete-confirm-yes,.clear-confirm-no,.clear-confirm-yes,.cookie-ok,.undo-btn,.lj-step-go{min-height:44px;padding:0 var(--space-16);border-radius:var(--radius-lg);font-family:var(--font-ui);font-size:var(--text-base);letter-spacing:normal;text-transform:none;cursor:pointer;border-style:solid;border-width:1px;font-weight:500}.learn-btn,.ptr-btn,.add-pb-modal-btn-secondary,.gifted-modal-btn-dismiss,.share-email-modal-btn-cancel,.pb-rename-cancel,.translate-ex-stop,.apc-share-btn,.apc-done-btn,.settings .set-btn-secondary,.confirm-delete-cancel-btn,.settings .delete-confirm-cancel,.clear-confirm-no,.cookie-ok{border-color:var(--color-border);color:var(--color-text-primary);background:0 0}.learn-btn--primary,.ptr-btn--primary,.class-code-submit,.magic-btn,.pb-empty .btn,.add-pb-modal-btn-primary,.pm-cta,.gifted-modal-btn-add,.share-email-modal-btn-send,.pb-rename-save,.onboarding-btn,.translate-ex-send,.settings .plan-upsell-btn,.apc-share-btn--primary,.lj-step-go{background:var(--color-primary);color:var(--color-on-primary);border-color:#0000}.learn-btn--quiet,.pb-empty .btn.ghost{color:var(--color-text-secondary);background:0 0;border-color:#0000}.settings .delete-btn,.clear-confirm-yes,.confirm-delete-anyway-btn{border-color:var(--color-error);color:var(--color-error);background:0 0}[data-theme=dark] .settings .delete-btn,[data-theme=dark] .clear-confirm-yes,[data-theme=dark] .confirm-delete-anyway-btn{border-color:var(--color-error);color:var(--color-error)}.settings .delete-btn:hover:not(:disabled),.clear-confirm-yes:hover:not(:disabled),.confirm-delete-anyway-btn:hover:not(:disabled){background:color-mix(in oklch, var(--color-error) 12%, transparent)}.magic-btn,.add-pb-modal-btn-primary,.add-pb-modal-btn-secondary,.pm-cta,.onboarding-btn,.apc-done-btn{width:100%;min-height:52px}.learn-btn:focus-visible,.ptr-btn:focus-visible,.class-code-submit:focus-visible,.magic-btn:focus-visible,.pb-empty .btn:focus-visible,.add-pb-modal-btn-primary:focus-visible,.add-pb-modal-btn-secondary:focus-visible,.pm-cta:focus-visible,.gifted-modal-btn-add:focus-visible,.gifted-modal-btn-dismiss:focus-visible,.share-email-modal-btn-send:focus-visible,.share-email-modal-btn-cancel:focus-visible,.pb-rename-save:focus-visible,.pb-rename-cancel:focus-visible,.onboarding-btn:focus-visible,.translate-ex-send:focus-visible,.translate-ex-stop:focus-visible,.settings .plan-upsell-btn:focus-visible,.apc-share-btn:focus-visible,.apc-done-btn:focus-visible,.settings .set-btn:focus-visible,.confirm-delete-cancel-btn:focus-visible,.confirm-delete-anyway-btn:focus-visible,.confirm-delete-fav-btn:focus-visible,.settings .delete-btn:focus-visible,.settings .delete-confirm-cancel:focus-visible,.settings .delete-confirm-yes:focus-visible,.clear-confirm-no:focus-visible,.clear-confirm-yes:focus-visible,.cookie-ok:focus-visible,.undo-btn:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:2px;box-shadow:0 0 0 4px var(--color-surface)}@media (width<=1139px){.learn-nav{display:none}}.learn-end{gap:var(--space-16);padding-top:var(--space-16);flex-direction:column;display:flex}.learn-end .field-label{margin:0}.learn-end-title{font-family:var(--font-output);font-size:var(--text-xl);text-wrap:balance;color:var(--color-text-primary);margin:0;font-weight:500;line-height:1.3}.learn-end-text{color:var(--color-text-secondary);margin:0;line-height:1.55}.learn-end-actions{gap:var(--space-8);flex-direction:column;display:flex}.learn-end-actions .learn-btn{min-height:52px}.learn-path{padding:var(--space-12) var(--space-16);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);font-size:var(--text-sm);color:var(--color-text-primary);margin:0;line-height:1.5}.learn-path strong{font-weight:500}.learn-unlock{gap:var(--space-12);padding:0 var(--space-16) var(--space-8);flex-direction:column;display:flex}.learn-unlock-modal .learn-unlock{padding:var(--space-12) 0 0}.learn-unlock-modal .paywall-title{padding-right:var(--space-24);margin:0}.learn-unlock p{margin:0}.learn-unlock-topics{font-family:var(--font-output);font-size:var(--text-lg);color:var(--color-text-primary);text-wrap:balance;line-height:1.35}.learn-unlock-text{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.55}.learn-unlock-actions{gap:var(--space-8);flex-direction:column;display:flex}.learn-unlock-actions .learn-btn--primary{min-height:52px}.plan-req-price{gap:var(--space-4);padding:var(--space-12) var(--space-16);font-size:var(--text-sm);color:var(--color-text-secondary);flex-direction:column;line-height:1.5;display:flex}.plan-req-price-lead{font-size:var(--text-base);color:var(--color-text-primary);font-weight:500}.plan-req-code{color:var(--color-text-primary);font-weight:500}.plans-modal{gap:var(--space-16);flex-direction:column;max-height:92vh;display:flex;overflow-y:auto}.plans-modal p,.plans-modal h3{margin:0}.plans-header{gap:var(--space-8);padding-right:var(--space-24);flex-direction:column;display:flex}.plans-card-top{justify-content:space-between;align-items:center;gap:var(--space-8);display:flex}.plans-card-name{font-size:var(--text-md);color:var(--color-text-primary);font-weight:500}.plans-card-price{color:var(--color-text-secondary);font-size:var(--text-sm)}.plans-card-amount{font-family:var(--font-output);font-size:var(--text-xl);color:var(--color-text-primary)}.plans-card-detail{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5}.plans-card-btn{width:100%;min-height:44px}.plans-section{gap:var(--space-8);flex-direction:column;display:flex}.plans-h{font-size:var(--text-base);color:var(--color-text-primary);font-weight:500}.plans-list{gap:var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary);flex-direction:column;margin:0;padding:0;line-height:1.5;list-style:none;display:flex}.plans-list li{gap:var(--space-8);display:flex}.plans-tick{color:var(--color-primary-active);flex:none}.plans-note{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5}.plans-current{gap:var(--space-12);padding:var(--space-16);flex-direction:column;display:flex}.plans-current-name{font-size:var(--text-md);color:var(--color-text-primary);font-weight:500}.plans-done{color:var(--color-text-primary)}.plans-modal .learn-btn:focus-visible{outline:2px solid var(--color-primary-active);outline-offset:2px}.plans-split{gap:var(--space-16);flex-direction:column;display:flex}.plans-side,.plans-extras{gap:var(--space-12);flex-direction:column;display:flex}.plans-extras:empty{display:none}.plans-card-was{margin-left:var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary)}.plans-code-note{color:var(--color-text-primary);font-weight:500}.plans-picker{gap:var(--space-8);flex-direction:column;display:flex}.plans-option{align-items:stretch;gap:var(--space-4);min-height:44px;padding:var(--space-12) var(--space-16);font-family:var(--font-ui);text-align:left;cursor:pointer;flex-direction:column;display:flex}@media (hover:hover){.plans-option:hover{border-color:var(--color-primary)}}.plans-option--on{background:var(--color-primary-tint)}.plans-option:focus-visible{outline:2px solid var(--color-primary-active);outline-offset:2px}.plans-option-top{justify-content:space-between;align-items:center;gap:var(--space-8);display:flex}.plans-detail{gap:var(--space-12);padding:var(--space-16);flex-direction:column;display:flex}.plans-detail-name{font-size:var(--text-lg);color:var(--color-text-primary);margin:0;font-weight:500}.plans-modal h4{margin:0}.plans-more{border-top:1px solid var(--color-border-light);padding-top:var(--space-8)}.plans-more>summary{min-height:44px;font-size:var(--text-sm);color:var(--color-text-primary);cursor:pointer;align-items:center;font-weight:500;list-style:none;display:flex}.plans-more>summary::-webkit-details-marker{display:none}.plans-more>summary:after{content:"";border-right:2px solid var(--color-text-secondary);border-bottom:2px solid var(--color-text-secondary);width:8px;height:8px;margin-left:auto;transform:rotate(45deg)}.plans-more[open]>summary:after{transform:rotate(-135deg)}.plans-more>summary:focus-visible{outline:2px solid var(--color-primary-active);outline-offset:2px}.plans-more[open]>:not(summary){margin-top:var(--space-8)}@media (width<=759px){.plans-detail>.plans-card-price,.plans-detail>.plans-card-top .plans-card-badge{display:none}.plans-detail>.plans-card-top{margin-bottom:calc(-1 * var(--space-12))}.plans-detail>.plans-card-top .plans-detail-name{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}@media (width>=760px){.plans-modal{max-width:820px}.plans-split{align-items:start;column-gap:var(--space-24);row-gap:var(--space-12);grid-template:"side detail""extras detail"1fr/minmax(0,5fr) minmax(0,7fr);display:grid}.plans-side{grid-area:side}.plans-detail{grid-area:detail}.plans-extras{grid-area:extras}}.band-picker{gap:var(--space-12);font-family:var(--font-ui);flex-direction:column;display:flex}.band-picker p{margin:0}.band-picker-set{border:0;min-width:0;margin:0;padding:0}.band-picker-q{margin:0 0 var(--space-8);font-size:var(--text-md);color:var(--color-text-primary);padding:0;font-weight:500}.band-picker-options{gap:var(--space-8);flex-direction:column;display:flex}.band-opt{align-items:flex-start;gap:var(--space-12);min-height:44px;padding:var(--space-12);cursor:pointer;transition:border-color var(--anim-fast,.15s), background var(--anim-fast,.15s);display:flex}.band-opt:hover{border-color:var(--color-primary-active)}.band-opt.is-chosen{border-color:var(--color-primary);background:var(--color-primary-tint)}.band-opt input{width:20px;height:20px;accent-color:var(--color-primary);flex-shrink:0;margin:2px 0 0}.band-opt input:focus-visible{outline:none}.band-opt:has(input:focus-visible){outline:2px solid var(--color-primary-active);outline-offset:2px}.band-opt-text{flex-direction:column;gap:2px;min-width:0;display:flex}.band-opt-name{font-size:var(--text-base);color:var(--color-text-primary);font-weight:500}.band-opt-desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.45}.band-picker-note,.band-picker-hint{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5}.band-picker-value{font-family:var(--font-output);font-size:var(--text-lg);color:var(--color-text-primary)}.band-picker--locked .band-picker-q{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.band-picker-msg{font-size:var(--text-sm);color:var(--color-text-primary)}.band-picker-msg:empty{display:none}.band-picker-save{align-self:stretch}.plan-req-band .band-picker{text-align:left}.learn-list-band{gap:var(--space-12);margin:0 var(--space-8) var(--space-16);flex-direction:column;display:flex}.learn-list-band .learn-hint{margin:0}@media (width>=1140px){.learn-list-band{display:none}}.lock-ic{margin-left:var(--space-8);vertical-align:-.15em;flex:none;display:inline-block}.bottombar-new-fab .lock-ic{width:24px;height:24px;margin:0}.band-card:empty{display:none}.learn-list-head{justify-content:space-between;align-items:center;gap:var(--space-8);padding:var(--space-8) var(--space-12);display:flex}.learn-list-title{font-size:var(--text-md);color:var(--color-text-primary);font-weight:500}.learn-band,.qf-side{gap:var(--space-4);margin-bottom:var(--space-12);flex-direction:column;display:flex}.learn-band-head,.qf-side-head{margin:var(--space-8) var(--space-4) var(--space-4);font-size:var(--text-sm);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary);justify-content:space-between;font-weight:500;display:flex}.learn-band-range{letter-spacing:0;text-transform:none;font-weight:400}.context-rowbtn.learn-row{align-items:center;gap:var(--space-12);flex-direction:row;min-height:56px}.learn-row-num{flex-shrink:0}.learn-row--owned .learn-row-num{background:rgb(var(--color-primary-rgb) / .16);color:var(--color-text-primary)}.learn-row-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.learn-row-body .context-row-sub{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.learn-row-status{font-size:var(--text-xs);color:var(--color-text-secondary);flex-shrink:0;font-weight:500}.learn-row--plan .learn-row-num{opacity:.55}.context-rowbtn.learn-row--locked,.context-rowbtn.learn-row--clear{cursor:default}@media (hover:hover){.context-rowbtn.learn-row--locked:hover,.context-rowbtn.learn-row--clear:hover{background:0 0}}.learn-row--locked .learn-row-num,.learn-row--clear .learn-row-num{opacity:.55}.learn-row--locked .learn-row-status{font-style:italic}.learn-band-list,.qf-side-list{gap:var(--space-4);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}h2.learn-list-title{margin:0}.context-rowbtn.learn-row:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:2px;box-shadow:0 0 0 4px var(--color-surface);outline-offset:-2px;box-shadow:none}:is(.learn-title,.learn-end-title):focus:not(:focus-visible){outline:none}[data-theme=dark] .flashcard :is(.fc-kind,.fc-band){color:var(--ink-muted,var(--color-text-tertiary))}.fc-flippable .pc-face-back{padding:0;display:block}.fc-flippable .pc-face-back .fc-grid{height:auto}.fc-result--correct .fc-kind{color:var(--color-success)}.fc-result--nearly .fc-kind{color:var(--color-warning-text)}.fc-result--wrong .fc-kind{color:var(--kind-translate)}[data-theme=dark] :is(.fc-result--correct,.fc-result--nearly) .fc-kind,[data-theme=dark] .practice-verdict--correct .practice-verdict-title{color:var(--ink)}.practice-panel{gap:var(--space-12);flex-direction:column;display:flex}.practice-answer{gap:var(--space-8);flex-direction:column;display:flex}.practice-answer .field-label{margin:0}.practice-input{resize:vertical;width:100%;min-height:96px;padding:var(--space-12) var(--space-16);color:var(--color-text-primary);font-family:var(--font-ui);font-size:var(--text-md);line-height:1.45}.practice-input[disabled]{opacity:.7}.feedback-form{gap:var(--space-8);flex-direction:column;display:flex}.feedback-sheet{padding:var(--space-8) var(--space-16) var(--space-8);position:relative}.feedback-sheet .paywall-title{margin:0 0 var(--space-8);padding-right:var(--space-40)}.feedback-label{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-text-primary);font-weight:500}.feedback-text{resize:vertical;width:100%;min-height:140px;padding:var(--space-12) var(--space-16);color:var(--color-text-primary);font-family:var(--font-ui);font-size:var(--text-md);line-height:1.45}.feedback-note{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.feedback-error{font-size:var(--text-sm);color:var(--color-error);margin:0}.practice-answer:focus{outline:none}.practice-answer:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:4px;border-radius:var(--radius-lg)}.practice-input--short{resize:none;min-height:0;font-family:var(--font-output);font-size:var(--text-lg)}.practice-opts{gap:var(--space-8);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.practice-opt{min-height:56px;padding:var(--space-8) var(--space-12) var(--space-8) var(--space-32);color:var(--color-text-primary);font:500 var(--text-lg) var(--font-output);text-align:left;cursor:pointer;position:relative}@media (hover:hover){.practice-opt:hover:not([aria-disabled]){border-color:var(--color-text-primary)}}.practice-opt[aria-disabled]{cursor:default;opacity:.7}.practice-opt.is-chosen{border:2px solid var(--color-primary);background:var(--color-primary-tint);opacity:1;animation:.26s ease-out practice-chosen}.practice-opt[aria-disabled]:not(.is-chosen){opacity:.45}@keyframes practice-chosen{0%{transform:scale(1)}45%{transform:scale(1.025)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.practice-opt.is-chosen{animation:none}}.practice-opt-key{left:var(--space-12);font:500 var(--text-xs) var(--font-ui);color:var(--color-text-secondary);font-variant-numeric:tabular-nums;position:absolute;top:50%;transform:translateY(-50%)}.practice-tiles,.practice-built{gap:var(--space-8);flex-wrap:wrap;display:flex}.practice-built{min-height:60px;padding:var(--space-8);border:1px dashed var(--color-border);border-radius:var(--radius-lg);align-items:center}.practice-built-hint{font-size:var(--text-sm);color:var(--color-text-secondary);padding:0 var(--space-4)}.practice-tile{min-width:48px;min-height:48px;padding:0 var(--space-12);overflow-wrap:anywhere;color:var(--color-text-primary);font:500 var(--text-lg) var(--font-output);cursor:pointer}.practice-built--frame{row-gap:var(--space-8);column-gap:var(--space-4)}.practice-frame-word{align-items:center;gap:2px;display:inline-flex}.practice-frame-mark{font:500 var(--text-lg) var(--font-output);color:var(--color-text-primary)}.practice-slot{border:1px dashed var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);width:56px;height:48px;display:inline-block}@media (hover:hover){.practice-tile:hover:not(:disabled):not([aria-disabled=true]){border-color:var(--color-text-primary)}}.practice-tile .practice-tile-key{margin:0 var(--space-8) 0 0}.practice-tile:disabled,.practice-tile[aria-disabled=true]{opacity:.35;cursor:default}.practice-tiles--letters,.practice-built--letters{gap:var(--space-4)}.practice-tiles--letters .practice-tile,.practice-built--letters .practice-tile{min-width:38px;min-height:48px;padding:0 var(--space-4)}.practice-tools{gap:var(--space-8);flex-wrap:wrap;display:flex}.practice-accents-wrap{width:100%;container-type:inline-size}.practice-accents{box-sizing:border-box;grid-template-columns:repeat(8,minmax(0,44px));max-width:100%;display:grid}.practice-accent{min-width:0;padding:0}@media (hover:hover){.practice-accent:hover:not(:disabled){border-color:var(--color-text-primary)}}.practice-accent.practice-accent--caps{font-family:var(--font-ui);font-size:var(--text-sm)}.practice-accent--caps[aria-pressed=true]{background:var(--color-text-primary);color:var(--color-surface)}.practice-accent:disabled{opacity:.45;cursor:default}:is(.practice-opt,.practice-tile,.practice-accent):focus-visible{outline:2px solid var(--color-text-primary);outline-offset:2px}@container (width<=347px){.practice-accents{grid-template-columns:repeat(8,minmax(0,1fr));width:100%}}.practice-match{gap:var(--space-12);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.practice-match-col{gap:var(--space-8);flex-direction:column;display:flex}.practice-match-item{align-items:center;gap:var(--space-8);text-align:left;min-height:52px;display:flex}.practice-match-item[data-paired]{border-color:var(--color-text-secondary)}.practice-match-en:not([data-paired]){touch-action:none;cursor:grab}.practice-match-en[data-dragging]{z-index:2;opacity:.88;cursor:grabbing;box-shadow:0 6px 16px rgb(var(--color-primary-rgb) / .18);position:relative}.practice-match-item[data-drop]{border-color:var(--color-text-primary);outline:3px solid var(--color-primary);outline-offset:3px}.practice-sort{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.practice-sort-row{justify-content:space-between;align-items:center;gap:var(--space-12);padding:var(--space-4) var(--space-4) var(--space-4) var(--space-16);display:flex}.practice-sort-word{font:500 var(--text-md) var(--font-output);color:var(--color-text-primary);overflow-wrap:anywhere;min-width:0}.practice-sort-choices{gap:var(--space-4);flex:none;display:flex}.practice-sort-choice[aria-pressed=true]{background:var(--color-text-primary);color:var(--color-surface);border-color:var(--color-text-primary)}.review-actions{justify-content:space-between;align-items:center;gap:var(--space-12);flex-wrap:wrap;display:flex}.review-section-title{font-size:var(--text-lg);color:var(--color-text-primary);margin:0;font-weight:500}.practice-accents-wrap,.practice-speak{gap:var(--space-4);flex-direction:column;align-items:flex-start;display:flex}@media (width>=1140px){.practice-speak{margin-top:var(--space-8);text-align:center;align-self:stretch;align-items:center}.practice-speak .speak-review-actions{justify-content:center}}.practice-speak-btn{align-items:center;gap:var(--space-8);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;display:inline-flex}.practice-speak-btn.is-listening{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary);animation:1.2s ease-in-out infinite mic-pulse}.practice-speak-btn:disabled{opacity:.45;cursor:default}.practice-speak-note{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.practice-speak-note:empty{display:none}.practice-speak-tip{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.listen-btn{vertical-align:middle;justify-content:center;align-items:center;margin:-6px 0;display:inline-flex}.listen-btn:hover{border-color:var(--color-text-primary)}.listen-btn.is-playing{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.listen-btn.is-loading{animation:.9s ease-in-out infinite alternate listen-loading}@keyframes listen-loading{to{opacity:.45}}.listen-btn.is-unavailable{color:var(--color-text-secondary);cursor:help}.practice-verdict-listen{align-items:center;gap:var(--space-4) var(--space-8);flex-wrap:wrap;display:flex}@media (prefers-reduced-motion:reduce){.listen-btn.is-loading{animation:none}}.speak-review{gap:var(--space-8);flex-direction:column;width:100%;max-width:420px;display:flex}.speak-review-heard{font:400 var(--text-sm) var(--font-ui);color:var(--color-text-secondary);margin:0}.speak-review-heard span{color:var(--color-text-primary);font-weight:500}.speak-review-count{font:500 var(--text-sm) var(--font-ui);color:var(--color-text-primary);margin:0}.speak-review-meter{border-radius:var(--radius-pill);background:var(--color-border-light);height:4px;display:block;overflow:hidden}.speak-review-meter-fill{background:var(--color-primary);transform-origin:0;height:100%;animation:5s linear forwards speak-review-drain;display:block}.speak-review-meter-fill.is-paused{animation-play-state:paused}@keyframes speak-review-drain{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.speak-review-actions{gap:var(--space-8);flex-wrap:wrap;display:flex}.speak-choice{justify-content:center;align-items:center;gap:var(--space-8);display:inline-flex}.speak-choice svg{flex-shrink:0}.speak-review-actions .speak-choice--submit{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}@media (prefers-reduced-motion:reduce){.speak-review-meter{display:none}.practice-speak-btn.is-listening{animation:none}}@media (width<=420px){.practice-match{gap:var(--space-8)}.practice-match-item{padding:0 var(--space-8);gap:var(--space-4)}.practice-opts{grid-template-columns:minmax(0,1fr)}}.practice-actions{justify-content:flex-end;align-items:center;gap:var(--space-12);flex-wrap:wrap;display:flex}.practice-reveal{gap:var(--space-16);flex-direction:column;display:flex}.practice-verdict{gap:var(--space-4);padding:var(--space-12) var(--space-16);flex-direction:column;display:flex}.practice-verdict-title{font-size:var(--text-base);color:var(--color-text-primary);margin:0;font-weight:500}.practice-verdict--correct .practice-verdict-title{color:var(--color-success)}.practice-verdict-you{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.practice-verdict-you span{color:var(--color-text-primary)}.practice-diff-wrong{color:var(--color-error);text-underline-offset:3px;background:0 0;font-weight:500;text-decoration:underline;text-decoration-thickness:2px}.practice-diff-missing{color:var(--color-error);background:0 0;font-weight:500}.practice-teachers{animation:rise var(--anim-slow,.35s) ease .45s both}.practice-summary{gap:var(--space-8);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.practice-summary div{gap:var(--space-4);padding:var(--space-12);flex-direction:column;display:flex}.practice-summary dt{font-size:var(--text-sm);color:var(--color-text-secondary)}.practice-summary dd{font-size:var(--text-xl);font-variant-numeric:tabular-nums;color:var(--color-text-primary);margin:0;font-weight:500}@media (width<=1139px){.practice-actions .learn-btn--primary,.review-step-actions .learn-btn--primary,.qf-run .qf-actions .learn-btn--primary{display:none}.review-step-actions:not(:has(>:not(.learn-btn--primary))){display:none}.qf-run .qf-actions:not(:has(>:not(.learn-btn--primary))){display:none}}@media (prefers-reduced-motion:reduce){.practice-teachers{animation:none}.fc-flippable:not(.pc-flipped) .pc-face-back{display:none}}body[data-shell=v3] .app:has(.lv-page--step){max-width:780px}.lv-page{gap:var(--space-20,20px);flex-direction:column;width:100%;display:flex;position:relative}.lv-back{align-self:flex-start}.lv-back:hover{color:var(--color-text-primary)}.lv-page--step .lv-back{margin-bottom:calc(-1 * var(--space-8))}@media (width<=1139px){.lv-page--step>.lv-back,.ref-back{display:none}}.lv-body{flex-direction:column;display:flex}.lv-body .learn-page,.lv-body .practice-page,.lv-body .review-page{max-width:680px;margin:0}.learn-page.read-page{max-width:680px}.lv-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--color-secondary);margin:0;font-size:12px;font-weight:700}.lv-bar{background:var(--color-border);border-radius:999px;height:8px;overflow:hidden}.lv-bar-fill{background:var(--color-primary);border-radius:999px;height:100%;transition:width .6s cubic-bezier(.3,1.3,.5,1)}.lv-panel{align-items:flex-start;gap:var(--space-12);flex-direction:column;padding:28px 32px;display:flex}.lv-panel-title{font-family:var(--font-output);color:var(--color-text-primary);margin:0;font-size:26px;font-weight:400}.lv-panel-text{max-width:60ch;color:var(--color-text-secondary);margin:0;font-size:15px;line-height:1.6}.lj{top:0;bottom:0;right:0;left:var(--aside-w);z-index:0;position:fixed;overflow:hidden;container-type:size}.lj-over{box-sizing:border-box;justify-content:space-between;gap:var(--space-16);pointer-events:none;flex-direction:column;padding:28px 32px 18px;display:flex;position:absolute;inset:0;overflow-y:auto}.lj-over>*{pointer-events:auto}.lj-top{justify-content:space-between;align-items:flex-start;gap:var(--space-24);pointer-events:none;display:flex}.lj-top>*{pointer-events:auto}.lj-head{flex-direction:column;gap:4px;min-width:0;max-width:460px;display:flex}.lj-eyebrow{text-shadow:0 0 8px var(--color-bg)}.lj-title{font-family:var(--font-output);color:var(--color-text-primary);text-shadow:0 0 14px var(--color-bg);margin:0;font-size:clamp(32px,4.4vw,48px);font-weight:400;line-height:1.08}.lj-title:focus,.settings .set-pane:focus,.pb-list-title-row .page-title:focus{outline:none}.pb-list-title-row .page-title:focus-visible,.settings .set-pane:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:2px}.lj-title:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:4px}.lj-sub{color:var(--color-text-secondary);text-shadow:0 0 10px var(--color-bg);margin:0;font-size:15px}.lj-progress{align-items:center;gap:10px;margin-top:10px;display:flex}.lj-progress .lv-bar{width:160px}.lj-progress-count{color:var(--color-text-primary);text-shadow:0 0 8px var(--color-bg);font-size:13px;font-weight:600}.lj-steps{flex-direction:column;flex:0 0 320px;gap:8px;margin:0;padding:0;list-style:none;display:flex}.lj-step{box-sizing:border-box;width:100%;min-height:64px;font-family:var(--font-ui);color:var(--color-text-primary);text-align:left;cursor:pointer;align-items:center;gap:12px;padding:10px 14px;transition:border-color .15s,transform .15s;display:flex}@media (hover:hover){.lj-step:hover:not(.is-off){border-color:var(--color-border-muted)}}.lj-step:active:not(.is-off){transform:scale(.98)}.lj-step:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:2px}.lj-step.is-next{background:color-mix(in srgb, var(--color-surface) 82%, var(--color-primary))}.lj-step-dot{background:var(--color-bg-subtle);width:34px;height:34px;color:var(--color-text-secondary);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}[data-theme=dark] .lj-step:not(.is-done):not(.is-next) .lj-step-dot{box-shadow:inset 0 0 0 1.5px var(--color-text-secondary)}.lj-step.is-done .lj-step-dot{background:var(--color-success);color:#fff}.lj-step.is-next .lj-step-dot{background:var(--color-primary);color:var(--color-on-primary)}.lj-step-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.lj-step-name{font-family:var(--font-output);font-size:18px;line-height:1.2}.lj-step-detail{color:var(--color-text-secondary);font-size:12px;line-height:1.4}.lj-step-tag{text-align:right;flex:none}.lj-step-opt{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--color-text-secondary)}.lj-choose{align-items:flex-start;gap:var(--space-8);margin-top:var(--space-12);padding:var(--space-12) var(--space-16);border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);flex-direction:column;display:flex}.lj-choose-text{font-size:var(--text-sm);color:var(--color-text-primary);margin:0;line-height:1.45}.lj-step--group{cursor:default;flex-direction:column;align-items:stretch;gap:10px}.lj-step.lj-step--group:active:not(.is-off){transform:none}.lj-step.lj-step--group:hover:not(.is-off){border-color:#0000}.lj-step-head{align-items:center;gap:12px;display:flex}.lj-test-note{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;line-height:1.45}.lj-test-actions{flex-wrap:wrap;gap:8px;display:flex}.lj-test-btn{flex:auto;min-height:44px}.lj-step-go{align-items:center;gap:var(--space-4);white-space:nowrap;flex:none;display:inline-flex}.lj-step-go .lock-ic,.lj-step-tag .lock-ic{margin-left:var(--space-4)}.read-head{gap:var(--space-8);padding:var(--space-16);background:var(--color-surface);box-shadow:0 1px 2px var(--tile-contact), 0 14px 28px -10px var(--tile-lift);border-radius:14px;flex-direction:column;display:flex}.read-title{font-family:var(--font-output);font-weight:400;font-size:var(--text-xl);color:var(--color-text-primary);margin:0;line-height:1.25}.read-title:focus{outline:none}.read-title:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:2px}.learn-title:focus{outline:none}.learn-title:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:2px}.read-title--next{margin-top:var(--space-16)}.read-intro,.read-rule{max-width:60ch;font-size:var(--text-base);color:var(--color-text-secondary);margin:0;line-height:1.55}.read-intro{font-family:var(--font-output);font-size:var(--text-md);line-height:1.5}.read-rule{color:var(--color-text-primary)}.read-topic{gap:var(--space-12);flex-direction:column;display:flex}.read-group{gap:var(--space-8);padding:var(--space-16);border:1px solid var(--color-border-light);background:var(--color-surface);border-radius:14px;flex-direction:column;display:flex}.read-group-title{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary);margin:0;font-weight:500}.read-outline-list{gap:var(--space-4);padding-left:var(--space-24);font-family:var(--font-ui);font-size:var(--text-base);color:var(--color-text-primary);flex-direction:column;margin:0;display:flex}.read-examples{gap:var(--space-12);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.read-example{flex-direction:column;gap:2px;display:flex}.read-es{font-family:var(--font-output);font-size:var(--text-md);color:var(--color-text-primary);line-height:1.35}.read-en{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.4}.read-tiles-bar{margin-bottom:calc(-1 * var(--space-4));justify-content:flex-end;display:flex}.read-tiles-all:hover{color:var(--color-text-primary)}.read-head,.read-group.read-tile,.qf-tile,.qf-rung,.jy-card,.jy-here,.lv-panel,.lh-card,.lj-step,.lj-own,.pm-phrase-card,.plans-option,.practice-opt,.practice-tile,.read-check-opt,.band-opt,.add-pb-modal-item,.cv-to-pb-item,.read-tips,.read-check,.qf-options-tile,.practice-summary div,.ptr-stats>div,.plans-current,.plans-detail,.plan-req-price,.ref-list,.ref-tense,.help-contents,.settings .set-shell,.settings .set-nav,.lh-strip,.game-score,.qf-run-tile,.jy-row--resume,.lh-arrived.learn-end,.lv-won,.qf-verdict,.tx-teach-prompt,.read-group.read-yours,.practice-verdict{--tile-shade:color-mix(in oklch, var(--color-text-primary) 16%, transparent);--tile-light:oklch(100% 5.96046e-8 none/.9);--tile-contact:color-mix(in oklch, var(--color-text-primary) 7%, transparent);--tile-lift:color-mix(in oklch, var(--color-text-primary) 15%, transparent)}.read-group.read-tile{box-shadow:inset 2px 2px 5px var(--tile-shade), inset -2px -2px 5px var(--tile-light), 0 0 0 transparent, 0 0 0 transparent;border-color:#0000;gap:0;padding:0;transition:top .22s ease-in,box-shadow .26s ease-in;position:relative;top:0}[data-theme=dark] .read-head,[data-theme=dark] .read-group.read-tile,[data-theme=dark] .qf-tile,[data-theme=dark] .qf-rung,[data-theme=dark] .jy-card,[data-theme=dark] .jy-here,[data-theme=dark] .lv-panel,[data-theme=dark] .lh-card,[data-theme=dark] .lj-step,[data-theme=dark] .lj-own,[data-theme=dark] .pm-phrase-card,[data-theme=dark] .plans-option,[data-theme=dark] .practice-opt,[data-theme=dark] .practice-tile,[data-theme=dark] .read-check-opt,[data-theme=dark] .band-opt,[data-theme=dark] .add-pb-modal-item,[data-theme=dark] .cv-to-pb-item,[data-theme=dark] .read-tips,[data-theme=dark] .read-check,[data-theme=dark] .qf-options-tile,[data-theme=dark] .practice-summary div,[data-theme=dark] .ptr-stats>div,[data-theme=dark] .plans-current,[data-theme=dark] .plans-detail,[data-theme=dark] .plan-req-price,[data-theme=dark] .ref-list,[data-theme=dark] .ref-tense,[data-theme=dark] .help-contents,[data-theme=dark] .settings .set-shell,[data-theme=dark] .settings .set-nav,[data-theme=dark] .lh-strip,[data-theme=dark] .game-score,[data-theme=dark] .qf-run-tile,[data-theme=dark] .jy-row--resume,[data-theme=dark] .lh-arrived.learn-end,[data-theme=dark] .lv-won,[data-theme=dark] .qf-verdict,[data-theme=dark] .tx-teach-prompt,[data-theme=dark] .read-group.read-yours,[data-theme=dark] .practice-verdict{--tile-shade:oklch(0% none none/.55);--tile-light:color-mix(in oklch, var(--color-text-primary) 7%, transparent);--tile-contact:oklch(0% none none/.35);--tile-lift:oklch(0% none none/.6)}.read-group.read-tile.is-open{box-shadow:inset 0 0 0 transparent, inset 0 0 0 transparent, 0 1px 2px var(--tile-contact), 0 14px 28px -10px var(--tile-lift);transition:top .42s cubic-bezier(.34,1.7,.5,1),box-shadow .32s ease-out;top:-3px}.qf-tile,.qf-rung,.jy-card,.jy-here,.lv-panel,.lh-card,.lj-step,.lj-own,.pm-phrase-card.phrasecard,.plans-option,.practice-opt,.practice-tile,.read-check-opt,.band-opt,.add-pb-modal-item,.cv-to-pb-item,.read-group.read-tips,.read-group.read-check,.qf-options-tile,.practice-summary div,.ptr-stats>div,.plans-current,.plans-detail,.plan-req-price,.ref-list,.ref-tense,.help-contents,.settings .set-shell,.lh-strip,.game-score,.qf-run-tile{border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:0 1px 2px var(--tile-contact), 0 14px 28px -10px var(--tile-lift);border:1px solid #0000}.lh-card,.lj-step,.lj-own,.lh-strip{background:color-mix(in srgb, var(--color-surface) 96%, transparent)}.lj-own{border:1px dashed var(--color-border-muted)}.qf-rung,.practice-opt,.practice-tile,.read-check-opt,.band-opt,.add-pb-modal-item,.cv-to-pb-item{box-shadow:0 1px 2px var(--tile-contact), 0 6px 14px -10px var(--tile-lift)}.pm-phrase-card.phrasecard:hover{border-color:var(--color-primary);box-shadow:0 1px 2px var(--tile-contact), 0 14px 28px -10px var(--tile-lift)}.plans-option--on,.pm-phrase-card.phrasecard[aria-checked=true],.qf-rung[aria-pressed=true],.practice-opt.is-chosen,.band-opt.is-chosen,.cv-to-pb-item.selected,.practice-tile[aria-pressed=true]:not(.practice-sort-choice){border-color:var(--color-primary);box-shadow:inset 2px 2px 5px var(--tile-shade), inset -2px -2px 5px var(--tile-light)}.jy-row.jy-row--resume,.lh-arrived.learn-end,.lv-won,.qf-verdict,.tx-teach-prompt,.read-group.read-yours,.practice-verdict{border-radius:var(--radius-xl);background:var(--color-primary-tint);box-shadow:0 1px 2px var(--tile-contact), 0 14px 28px -10px var(--tile-lift);border:1px solid #0000}.sit,.user-notes,.pm-sparse-nudge,.qf-taster{border:0;border-left:3px solid rgb(var(--color-primary-rgb) / .45);border-radius:var(--radius-lg);background:rgb(var(--color-primary-rgb) / .04)}[data-theme=dark] .sit,[data-theme=dark] .user-notes,[data-theme=dark] .pm-sparse-nudge,[data-theme=dark] .qf-taster{background:rgb(var(--color-primary-rgb) / .08)}.add-pb-modal-phrase,.share-email-modal-phrase-preview,.claim-modal-cover,.pm-situation-context{border-radius:var(--radius-lg);background:var(--color-bg-base);border:0}.pb-list-new-tile,.games-create,.add-pb-modal-btn-create,.pb-empty{border:1px dashed var(--color-border-muted);border-radius:var(--radius-xl);background:0 0}.pb-list-new-tile,.games-create,.add-pb-modal-btn-create{min-height:44px;color:var(--color-accent-ink);cursor:pointer;font-family:var(--font-ui);font-size:var(--text-sm);letter-spacing:.08em;text-transform:uppercase;font-weight:500}.pb-list-new-tile:hover,.games-create:hover:not(:disabled),.add-pb-modal-btn-create:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-primary-tint);color:var(--color-accent-ink)}[data-theme=dark] .pb-list-new-tile:hover,[data-theme=dark] .games-create:hover:not(:disabled),[data-theme=dark] .add-pb-modal-btn-create:hover:not(:disabled){border-color:var(--color-primary-active);background:rgb(var(--color-primary-rgb) / .12)}.pb-list-new-tile:focus-visible,.games-create:focus-visible,.add-pb-modal-btn-create:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:2px}.read-tile-fold{grid-template-rows:minmax(0,0fr);transition:grid-template-rows .3s cubic-bezier(.2,.8,.2,1);display:grid;overflow:hidden}.read-tile.is-open .read-tile-fold{grid-template-rows:minmax(0,1fr)}.read-tile-fold>.read-tile-panel{visibility:hidden;min-height:0;transition:visibility 0s .3s}.read-tile.is-open .read-tile-fold>.read-tile-panel{visibility:visible;transition:visibility}.read-tile-head{margin:0}.read-tile-btn{align-items:center;gap:var(--space-12);width:100%;min-height:56px;padding:var(--space-12) var(--space-16);font:inherit;text-align:left;color:var(--color-text-primary);cursor:pointer;background:0 0;border:0;border-radius:14px;display:flex}.read-tile-btn:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:-2px}.read-tile-label{min-width:0;font-size:var(--text-base);overflow-wrap:anywhere;flex:1;font-weight:500;line-height:1.35}.read-tile-count{font-size:var(--text-sm);color:var(--color-text-secondary);white-space:nowrap;flex-shrink:0}.read-tile-chev{color:var(--color-text-secondary);flex-shrink:0;transition:transform .16s}.read-tile.is-open .read-tile-chev{transform:rotate(180deg)}.read-tile-panel{padding:0 var(--space-16) var(--space-16)}.read-tile-panel[hidden]{display:none}.read-tile-body{margin:0 0 var(--space-12);max-width:60ch;font-size:var(--text-base);color:var(--color-text-primary);line-height:1.55}.read-table-wrap{margin:0 0 var(--space-12)}.depth-note .read-table-wrap{margin:0}.read-table{border-collapse:collapse;width:100%;font-size:var(--text-sm);color:var(--color-text-primary);line-height:1.4}.read-table th{text-align:left;vertical-align:bottom}.read-table td{vertical-align:top;overflow-wrap:break-word}.read-table:not(.read-table--grid) td:first-child{min-width:7em}.read-table td[lang=es]{font-family:var(--font-output);font-size:var(--text-base)}.read-table--grid .read-table-empty{border:0}.read-table-voice{margin-left:var(--space-8);vertical-align:middle;display:inline-flex}.read-table-said{align-items:center;gap:var(--space-8);max-width:100%;display:inline-flex}.read-table-text{min-width:0}.read-table-said .read-table-voice{flex:none;margin-left:0}@media (width<=600px){.read-table:not(.read-table--grid),.read-table:not(.read-table--grid) tbody,.read-table:not(.read-table--grid) tr,.read-table:not(.read-table--grid) td{display:block}.read-table:not(.read-table--grid) thead{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.read-table:not(.read-table--grid) tr{padding:var(--space-8) 0;border-bottom:1px solid var(--color-border-light)}.read-table:not(.read-table--grid) td{border:0;padding:2px 0}.read-table:not(.read-table--grid) td:nth-child(2):not([lang=es]){color:var(--color-text-secondary)}.read-table:not(.read-table--grid) td:nth-child(n+3)[data-label]:before{content:attr(data-label) ": ";font-family:var(--font-ui);font-size:var(--text-xs);color:var(--color-text-secondary)}.read-table:not(.read-table--grid) .read-table-empty{display:none}.read-table--grid{display:block}.read-table--grid tbody{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.read-table--grid tr{display:contents}.read-table--grid td{display:block}.read-table--grid .read-table-empty{display:none}}@media (prefers-reduced-motion:reduce){.read-tile-chev,.read-group.read-tile,.read-group.read-tile.is-open,.read-tile-fold,.read-tile-fold>.read-tile-panel{transition:none}}.rich-es{color:var(--color-accent-ink);font-weight:500}.rich-link{font:inherit;color:var(--color-accent-ink);text-align:left;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline;display:inline}.rich-link:hover{text-decoration-thickness:2px}.rich-link:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:2px;border-radius:3px}.rich-soon-tag{margin-left:var(--space-4);vertical-align:1px}.read-depth{gap:var(--space-12);margin-top:var(--space-8);flex-direction:column;display:flex}.read-depth-title{font-family:var(--font-output);font-weight:400;font-size:var(--text-lg);color:var(--color-text-primary);margin:0;line-height:1.3}.depth-note{gap:var(--space-8);padding:var(--space-16);border:1px solid var(--color-border-light);border-left:4px solid var(--color-primary);background:var(--color-surface);border-radius:14px;flex-direction:column;display:flex}.depth-kind{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary);margin:0;font-weight:700}.depth-title{font-size:var(--text-base);color:var(--color-text-primary);margin:0;font-weight:600;line-height:1.35}.depth-body{max-width:60ch;font-size:var(--text-base);color:var(--color-text-primary);margin:0;line-height:1.55}.depth-lines{column-gap:var(--space-12);row-gap:var(--space-12);grid-template-columns:fit-content(7rem) 1fr;margin:0;padding:0;list-style:none;display:grid}.depth-line{grid-column:1/-1;grid-template-columns:subgrid;align-items:baseline;display:grid}.depth-who{font-size:var(--text-sm);color:var(--color-text-secondary);overflow-wrap:anywhere;font-weight:600}.depth-said{flex-direction:column;gap:2px;min-width:0;display:flex}.depth-es{font-family:var(--font-output);font-size:var(--text-md);color:var(--color-text-primary);line-height:1.35}.depth-en{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.4}.depth-see{align-items:center;gap:var(--space-8);flex-wrap:wrap;margin:0;display:flex}.depth-see-label{font-size:var(--text-sm);color:var(--color-text-secondary)}.depth-chip{align-items:center;gap:var(--space-4);display:inline-flex}.depth-chip.depth-chip--soon{cursor:default;color:var(--color-text-secondary);box-shadow:none}.read-words{gap:var(--space-12)}.read-subgroup{gap:var(--space-4);flex-direction:column;display:flex}.read-subgroup+.read-subgroup{padding-top:var(--space-12);border-top:1px solid var(--color-border-light)}.read-subgroup-title{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-text-primary);margin:0;font-weight:600}.read-yours{align-items:flex-start}.read-yours-prompt{max-width:60ch;font-size:var(--text-base);color:var(--color-text-primary);margin:0;line-height:1.5}.read-next{align-items:flex-start;gap:var(--space-8);padding-top:var(--space-8);flex-direction:column;display:flex}.read-tip{max-width:60ch;font-size:var(--text-base);color:var(--color-text-primary);margin:0;line-height:1.55}.read-check-q{font-size:var(--text-base);color:var(--color-text-primary);margin:0;line-height:1.5}.read-check-options{gap:var(--space-8);flex-direction:column;display:flex}.read-check-opt{min-height:48px;padding:0 var(--space-16);font-family:var(--font-output);font-size:var(--text-md);color:var(--color-text-primary);text-align:left;cursor:pointer}.read-check-opt:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:2px}.read-check-opt.is-right{border:2px solid var(--color-success);background:var(--color-success-tint)}.read-check-opt.is-wrong{border:2px solid var(--color-error);background:var(--color-error-tint)}.read-check-opt.is-right:after{content:" ✓"}.read-check-why{min-height:1.5em;font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;line-height:1.5}.test-no-marks{font-size:var(--text-sm);margin:0}.test-score{margin:0}.test-score-num{font-family:var(--font-output);font-size:calc(var(--text-xl) * 2);color:var(--color-text-primary);line-height:1}.test-bar{width:100%;max-width:420px;position:relative;overflow:visible}.test-bar-mark{background:var(--color-text-primary);width:2px;position:absolute;top:-4px;bottom:-4px;transform:translate(-1px)}.test-work-on{gap:var(--space-8);flex-direction:column;width:100%;max-width:640px;display:flex}.test-work-on-title{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary);margin:0;font-weight:500}.test-answers{flex-direction:column;width:100%;max-width:640px;margin:0;padding:0;list-style:none;display:flex}.test-answer{padding:var(--space-12) var(--space-16);flex-direction:column;gap:4px;display:flex}.test-answer-q{font-size:var(--text-sm);color:var(--color-text-primary);margin:0;line-height:1.45}.test-answer-kind{margin-right:var(--space-8);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-secondary);font-weight:500}.tx-page{display:contents}.tx-teach-prompt{align-items:flex-start;gap:var(--space-12);margin:0 0 var(--space-12);padding:var(--space-12) var(--space-16);display:flex}.tx-teach-prompt-body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.tx-teach-prompt-eyebrow{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary);margin:0;font-weight:500}.tx-teach-prompt-text{font-family:var(--font-output);font-size:var(--text-md);color:var(--color-text-primary);margin:0;line-height:1.4}.tx-teach-prompt-hint{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.tx-teach-prompt-back{min-height:44px;font:inherit;font-size:var(--text-sm);color:var(--color-text-primary);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0;font-weight:500;text-decoration:underline}.tx-teach-prompt-close{width:44px;height:44px;font-size:var(--text-lg);color:var(--color-text-secondary);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none}.tx-teach-prompt-close:hover{background:rgb(var(--color-primary-rgb) / .15)}.tx-teach-prompt-back:focus-visible,.tx-teach-prompt-close:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:2px}.lj-bottom{flex-direction:column;gap:10px;display:flex}.lj-row{justify-content:space-between;align-items:flex-end;gap:var(--space-24);display:flex}.lj-own{box-sizing:border-box;font-family:var(--font-ui);color:var(--color-text-primary);text-align:left;cursor:default;flex-direction:column;flex:0 0 300px;gap:8px;padding:18px 20px;display:flex}.lj-own-top{justify-content:space-between;align-items:center;display:flex}.lj-own-dot{background:var(--color-bg-subtle);width:34px;height:34px;color:var(--color-text-secondary);border-radius:50%;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.lj-own-name{font-family:var(--font-output);color:var(--color-text-secondary);font-size:20px}.lj .lv-won{align-self:center;max-width:560px}@container (width<=860px){.lj-over{padding:24px 24px 16px}.lj-top{gap:var(--space-16)}.lj-steps{flex-basis:280px}.lj-own{flex-basis:260px}}@container (width<=639px) or (height<=480px){.lj-over{background:linear-gradient(180deg, color-mix(in srgb, var(--color-bg) 20%, transparent) 0%, color-mix(in srgb, var(--color-bg) 75%, transparent) 45%);justify-content:flex-start;padding:20px 18px 16px;overflow-y:auto}.lj-top{gap:var(--space-16);flex-direction:column}.lj-steps{flex-basis:auto;width:100%}.lj-row{flex-direction:column;align-items:stretch;gap:10px}.lj-own{flex-basis:auto}.lj .lh-card--place{width:100%}}@container (width<=560px){.lj .lh-strip{display:none}}.jm{background:var(--color-bg-subtle);position:absolute;inset:0;overflow:hidden;container-type:size}.jm-stage{aspect-ratio:16/9;width:max(100cqw,177.78cqh);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.jm-img{width:100%;height:100%;display:block;position:absolute;inset:0}body[data-theme=dark] .jm-img{filter:brightness(.55)saturate(.85)}.jm-route{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.jm-leg{fill:none;stroke:#3e3c39;stroke-width:5px;stroke-linecap:round;stroke-dasharray:2 16;opacity:.6}.jm-leg.is-been{stroke:#2e7d32;opacity:.9}.jm-place{font-family:var(--font-ui);letter-spacing:.04em;white-space:nowrap;color:#3e3c39;text-shadow:0 0 6px #fdfcf8f2,0 0 2px #fdfcf8;pointer-events:none;align-items:center;gap:5px;font-size:12px;display:flex;position:absolute;transform:translate(-5px,-50%)}.jm-place:before{content:"";background:#5c5a57;border-radius:50%;width:5px;height:5px;box-shadow:0 0 0 2px #fdfcf8cc}.jm-place.is-peak{font-family:var(--font-output);letter-spacing:.02em;font-size:13px;font-style:italic}.jm-place.is-peak:before{display:none}.jm-place.is-peak svg{fill:#5c5a57;filter:drop-shadow(0 0 2px #fdfcf8e6)}.jm-marker{background:#8a8480;border-radius:50%;width:16px;height:16px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #ffffffe6,0 2px 6px #00000040}.jm-marker.is-here{background:#ffc400}.jm-stop-name{font-family:var(--font-output);white-space:nowrap;color:#1f1d1a;text-shadow:0 0 8px #fdfcf8f2,0 0 2px #fdfcf8;pointer-events:none;font-size:18px;position:absolute;transform:translate(18px,-50%)}.jm-edge{top:calc(50cqh + (var(--y,.5) - .5) * max(100cqh, 56.25cqw));min-height:44px;font-family:var(--font-ui);color:#3e3c39;cursor:pointer;background:#fdfcf8eb;border:0;border-radius:999px;padding:0 14px;font-size:12px;font-weight:600;position:absolute;transform:translateY(-50%);box-shadow:0 2px 8px #0000001f}.jm-edge:hover{color:#1f1d1a;background:#fdfcf8}.jm-edge:focus-visible{outline-offset:2px;outline:2px solid #1f1d1a}.jm-edge--left{left:12px}.jm-edge--right{right:12px}.lj .jm-edge--right{right:calc(320px + 32px + var(--space-12))}@container (width<=860px){.lj .jm-edge--right{right:calc(280px + 24px + var(--space-12))}}.jm--faded .jm-marker{width:12px;height:12px}.jm--strip .jm-stop-name{display:none}body[data-theme=dark] .jm-place{color:#ece8e0;text-shadow:0 0 6px #12100ef2,0 0 2px #12100e}body[data-theme=dark] .jm-place:before{background:#ece8e0;box-shadow:0 0 0 2px #12100ecc}body[data-theme=dark] .jm-place.is-peak svg{fill:#ece8e0;filter:drop-shadow(0 0 2px #12100ee6)}body[data-theme=dark] .jm-stop-name{color:#f4f2ec;text-shadow:0 0 8px #12100ef2,0 0 2px #12100e}body[data-theme=dark] .jm-leg{stroke:#d8d2c6}body[data-theme=dark] .jm-leg.is-been{stroke:#6fcf73}body[data-theme=dark] .jm-edge{color:#ece8e0;background:#24211eeb}body[data-theme=dark] .jm-edge:hover{background:var(--color-surface);color:var(--color-text-primary)}@container (width<=720px){.jm-edge{display:none}}@media (prefers-reduced-motion:no-preference){.jm-img.is-entering{animation:.9s cubic-bezier(.2,.7,.2,1) both jm-glide}.jm-marker{animation:.52s cubic-bezier(.34,1.56,.64,1) .35s both jm-drop}.jm-marker.is-here:after{content:"";border:2px solid #ffc400;border-radius:50%;animation:2.8s ease-out 1s infinite jm-ping;position:absolute;inset:-3px}.jm-place,.jm-stop-name,.jm-route{animation:.6s .3s both jm-fade}}@keyframes jm-glide{0%{opacity:0;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes jm-drop{0%{opacity:0;transform:translate(-50%,-140%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes jm-ping{0%{opacity:.8;transform:scale(1)}70%,to{opacity:0;transform:scale(2.6)}}@keyframes jm-fade{0%{opacity:0}to{opacity:1}}.lh-card{box-sizing:border-box;flex-direction:column;align-items:flex-start;gap:9px;padding:18px 20px;display:flex}.lh-card--place{width:min(440px,100%)}.lh-card-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-secondary);margin:0;font-size:12px;font-weight:700}.lh-card-eyebrow--accent{color:var(--color-secondary)}.lh-card-title{font-family:var(--font-output);color:var(--color-text-primary);margin:0;font-size:21px;font-weight:400;line-height:1.25}.lh-card-text{color:var(--color-text-secondary);margin:0;font-size:14px;line-height:1.55}.lh-es{font-family:var(--font-output);color:var(--color-text-primary);margin:2px 0 0;font-size:19px;line-height:1.35}.lh-es-en{color:var(--color-text-secondary);margin:0;font-size:13px;font-style:italic}.lh-strip{align-items:center;gap:14px;min-height:60px;padding:0 14px;display:flex}.lh-strip-btn{white-space:nowrap}.lh-strip-btn:disabled{opacity:.4;cursor:default}.lh-strip-here{color:var(--color-secondary)}.lh-strip-track{background:var(--color-border);border-radius:2px;flex:1;height:4px;position:relative}.lh-strip-done{background:var(--color-success);border-radius:2px;position:absolute;top:0;bottom:0;left:0}.lh-strip-dot{background:var(--color-primary);width:14px;height:14px;box-shadow:0 0 0 3px var(--color-surface), 0 0 0 4px var(--color-primary);border-radius:50%;transition:left .5s cubic-bezier(.3,1.2,.5,1);position:absolute;top:50%;transform:translate(-50%,-50%)}.lh-strip-end{color:var(--color-text-secondary);white-space:nowrap;font-size:13px}.lh-credit{color:var(--color-text-secondary);text-shadow:0 0 6px var(--color-bg);align-self:flex-end;margin:0;font-size:11px}.lh-arrived.learn-end{flex-direction:row;align-self:flex-start;align-items:center;gap:14px;padding:12px 16px}.lh-arrived .achv-emblem{width:44px;height:44px}.lh-arrived .achv-emblem svg{width:24px;height:24px}.lh-arrived-text{color:var(--color-text-primary);margin:0;font-size:15px}.js-strip{height:190px;margin:0 0 var(--space-12);border-radius:16px;position:relative;overflow:hidden}.js-strip--hold{background:var(--color-bg-subtle)}.js-strip--hold:after{display:none}.js-strip:after{content:"";background:linear-gradient(180deg, transparent 35%, color-mix(in srgb, var(--color-bg) 92%, transparent) 100%);pointer-events:none;position:absolute;inset:0}.js-over{z-index:1;justify-content:space-between;align-items:flex-end;gap:12px;display:flex;position:absolute;bottom:12px;left:14px;right:14px}.js-text{flex-direction:column;gap:2px;min-width:0;display:flex}.js-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--color-secondary);font-size:11px;font-weight:700}body[data-theme=dark] :is(.lh-card-eyebrow--accent,.lv-eyebrow,.js-eyebrow,.lh-strip-here),body:is([data-scheme=sunset-drive],[data-scheme=club-med],[data-scheme=autumn-hearth]) :is(.lh-card-eyebrow--accent,.lv-eyebrow,.js-eyebrow,.lh-strip-here){color:var(--color-accent-ink)}.js-name{font-family:var(--font-output);color:var(--color-text-primary);font-size:28px;line-height:1.1}@media (width>=1140px){.js-strip{display:none}}.learn-page.jy-page{gap:var(--space-24);max-width:1040px}body[data-shell=v3] .app:has(.jy-page){max-width:1100px}.jy-here{min-height:300px;position:relative;overflow:hidden}.jy-map{position:absolute;inset:0 0 0 34%}.jy-map:after{content:"";pointer-events:none;background:linear-gradient(90deg, var(--color-surface) 0%, color-mix(in srgb, var(--color-surface) 60%, transparent) 30%, transparent 60%);position:absolute;inset:0}.jy-here-body{align-items:flex-start;gap:var(--space-8);max-width:420px;padding:var(--space-32);flex-direction:column;display:flex;position:relative}.jy-here--empty{min-height:0;padding:var(--space-24);align-items:flex-start;gap:var(--space-12);flex-direction:column;display:flex}.jy-eyebrow{font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-secondary);margin:0;font-weight:500}.jy-place{font-family:var(--font-output);font-size:var(--text-xl);color:var(--color-text-primary);margin:0;font-weight:500;line-height:1.15}.jy-here .jy-place{font-size:calc(var(--text-xl) * 1.5)}.jy-level{font-size:var(--text-base);color:var(--color-text-primary);margin:0;font-weight:500}.jy-level-note{color:var(--color-text-secondary);font-weight:400}.jy-steps{gap:var(--space-8);margin:var(--space-4) 0 var(--space-8);flex-wrap:wrap;padding:0;list-style:none;display:flex}.jy-step-dot{border-radius:var(--radius-pill);border:1px solid var(--color-border);width:20px;height:20px;font-size:var(--text-xs);justify-content:center;align-items:center;line-height:1;display:inline-flex}[data-theme=dark] .jy-step-dot{border:1.5px solid var(--color-text-secondary)}.jy-step.is-done .jy-step-dot{background:var(--color-primary);color:var(--color-on-primary);border-color:#0000}.jy-go{min-height:44px}.jy-steps>li{display:contents}button.jy-step{cursor:pointer;border:1px solid #0000;min-height:44px;transition:border-color .15s}button.jy-step:hover{border-color:var(--color-primary)}button.jy-step:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:2px}.jy-step-opt{color:inherit;font-weight:400}@media (width<=1139px){.jy-go{display:none}}.jy-grid{gap:var(--space-16);grid-template-columns:1fr;display:grid}.jy-page{container-type:inline-size}@container (width>=720px){.jy-grid{grid-template-columns:1fr 1fr;align-items:start}}.jy-card{gap:var(--space-12);padding:var(--space-24);flex-direction:column;display:flex}.jy-card-title{font-size:var(--text-lg);color:var(--color-text-primary);margin:0;font-weight:500}.jy-big{color:var(--color-text-secondary);font-size:var(--text-base);margin:0}.jy-big-num{font-family:var(--font-output);font-size:var(--text-xl);color:var(--color-text-primary)}.jy-clear{align-items:center;gap:var(--space-12);display:flex}.jy-rows{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.jy-row{align-items:center;gap:var(--space-4) var(--space-12);padding:var(--space-8) 0;border-top:1px solid var(--color-border-light);flex-wrap:wrap;display:flex}.jy-rows .jy-row:first-child{border-top:0}.jy-row--resume{padding:var(--space-12)}.jy-row-main{color:var(--color-text-primary);font-weight:500}.jy-row-sub{min-width:0;font-size:var(--text-sm);color:var(--color-text-secondary);flex:1}.jy-row--qf .jy-row-main{flex-basis:100%}.jy-row .learn-btn{margin-left:auto}.jy-sub{margin:var(--space-8) 0 0;font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary);font-weight:500}.jy-fading{color:var(--color-text-primary)}.jy-nowrap{white-space:nowrap}@container (width<=719px){.jy-row--refresh .jy-row-main{flex-basis:100%}}.jy-card-sub{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;line-height:1.5}@container (width>=720px){.jy-card--wide{grid-column:1/-1}}@container (width>=900px){.jy-grid{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}.jy-card--doing{grid-area:1/2/span 2}}.jy-db{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.jy-db-row{gap:var(--space-4) var(--space-24);padding:var(--space-12) 0;border-top:1px solid var(--color-border-light);grid-template-columns:minmax(0,1fr);align-items:center;display:grid}.jy-db-row:first-child{padding-top:var(--space-4);border-top:0}.jy-db-row:last-child{padding-bottom:0}@container (width>=720px){.jy-db-row{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}}.jy-db-words{flex-direction:column;gap:2px;min-width:0;margin:0;display:flex}.jy-db-axis{width:calc(100% - 2 * var(--space-8));margin:0 var(--space-8);height:calc(var(--space-24) + var(--text-xs) * 1.5);display:block;overflow:visible}.jy-db-band{fill:rgb(var(--color-primary-rgb) / .08)}.jy-db-band.is-odd{fill:rgb(var(--color-primary-rgb) / .2)}.jy-db-tick{stroke:color-mix(in oklch, var(--color-accent-ink) 40%, transparent);stroke-width:1px}.jy-db-level{font-family:var(--font-ui);font-size:var(--text-xs);fill:var(--color-text-secondary);font-weight:500}.jy-db-link{stroke:color-mix(in oklch, var(--color-accent-ink) 60%, transparent);stroke-width:3px;stroke-linecap:round}.jy-db-best{fill:var(--color-surface);stroke:var(--color-accent-ink);stroke-width:2.5px}.jy-db-now{fill:var(--color-primary);stroke:var(--color-accent-ink);stroke-width:1.5px}.jy-chart-name{color:var(--color-text-primary);font-weight:500}.jy-chart-what{font-size:var(--text-sm);color:var(--color-text-secondary)}.jy-all{align-self:flex-start}@media (width<=1139px){.jy-here{min-height:0}.jy-map{height:150px;position:relative;left:auto}.jy-map:after{background:linear-gradient(180deg, transparent 40%, color-mix(in srgb, var(--color-surface) 96%, transparent) 100%)}.jy-here-body{max-width:none;padding:var(--space-16) var(--space-16) var(--space-24)}.jy-card{padding:var(--space-16)}}@media (width<=520px){.learn-page.jy-page{padding-inline:var(--space-4)}}.learn-list-totals{margin:0 var(--space-8) var(--space-8);flex-wrap:wrap;gap:8px;display:flex}.learn-chip.learn-chip--plain{background:var(--color-bg-subtle);border-color:var(--color-border);color:var(--color-text-secondary)}.learn-row-prog{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:5px;display:flex}.learn-row-segs{gap:3px;display:flex}.learn-row-seg{width:12px;height:6px;box-shadow:inset 0 0 0 1.5px var(--color-text-secondary);border-radius:3px}.learn-row-seg.is-done{background:var(--color-success);box-shadow:none}.learn-row-seg.is-optional:not(.is-done){opacity:.45}.learn-list-error{align-items:center;gap:var(--space-12);padding:var(--space-16) var(--space-12);text-align:center;flex-direction:column;display:flex}.learn-row.is-finished .learn-row-num{background:var(--color-success);color:#fff}.learn-row.is-current .learn-row-num{background:var(--color-primary);color:var(--color-on-primary)}@media (width<=1139px){.lj{left:0;top:var(--breadcrumb-h,44px);bottom:var(--bottom-bar-h,64px)}}@media (prefers-reduced-motion:reduce){.lv-bar-fill,.lj-step,.lh-strip-dot{transition:none}}.achv-emblem{background:rgb(var(--color-primary-rgb) / .16);width:56px;height:56px;color:var(--color-gold);box-shadow:inset 0 0 0 1px rgb(var(--color-primary-rgb) / .35);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.achv-emblem--green{color:var(--color-success);background:#2e7d321f;box-shadow:inset 0 0 0 1px #2e7d324d}.achv-emblem:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffffbf,#0000);width:45%;position:absolute;inset:0 auto 0 0;transform:translate(-160%)skew(-20deg)}.lv-won{align-items:flex-start;padding:24px 28px}.lv-won .learn-end-actions{flex-flow:wrap}@media (prefers-reduced-motion:no-preference){.achv-emblem{animation:.64s cubic-bezier(.34,1.56,.64,1) both achv-pop}.achv-emblem:after{animation:1.1s ease-out .52s both achv-sheen,9s ease-in-out 5s infinite achv-glint}.learn-end.is-moment>*{animation:.52s cubic-bezier(.22,1.2,.36,1) both achv-rise}.learn-end.is-moment>:nth-child(2){animation-delay:90ms}.learn-end.is-moment>:nth-child(3){animation-delay:.17s}.learn-end.is-moment>:nth-child(4){animation-delay:.25s}.learn-end.is-moment>:nth-child(5){animation-delay:.33s}.learn-end.is-moment>:nth-child(n+6){animation-delay:.4s}.learn-end.is-moment>.achv-emblem{animation:.64s cubic-bezier(.34,1.56,.64,1) both achv-pop}.lj-step.is-just-done .lj-step-dot{animation:.7s cubic-bezier(.34,1.56,.64,1) both achv-tick}.lj-step.is-just-done{position:relative;overflow:hidden}.lj-step.is-just-done:after{content:"";background:linear-gradient(90deg, transparent, rgb(var(--color-primary-rgb) / .22), transparent);pointer-events:none;width:35%;animation:1s ease-out .2s both achv-sweep;position:absolute;inset:0 auto 0 0;transform:translate(-140%)skew(-18deg)}.achv-emblem--still,.learn-end.is-moment>.achv-emblem--still,.achv-emblem--still:after{animation:none}}@keyframes achv-pop{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.12)}to{transform:scale(1)}}@keyframes achv-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes achv-sheen{0%{transform:translate(-160%)skew(-20deg)}to{transform:translate(260%)skew(-20deg)}}@keyframes achv-glint{0%,88%{transform:translate(-160%)skew(-20deg)}to{transform:translate(260%)skew(-20deg)}}@keyframes achv-sweep{0%{transform:translate(-140%)skew(-18deg)}to{transform:translate(320%)skew(-18deg)}}@keyframes achv-tick{0%{transform:scale(.6);box-shadow:0 0 #2e7d3273}55%{transform:scale(1.18)}to{transform:scale(1);box-shadow:0 0 0 12px #2e7d3200}}.qf-title-track{color:var(--color-text-secondary);font-weight:400}.qf-home,.qf-run{gap:var(--space-16);flex-direction:column;display:flex}.qf-taster{padding:var(--space-12) var(--space-16);color:var(--color-text-primary);font-size:var(--text-sm);margin:0;line-height:1.5}.qf-panel-title{font-family:var(--font-ui);font-size:var(--text-md);color:var(--color-text-primary);margin:0;font-weight:500}.qf-panel-text{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;line-height:1.55}.qf-actions{align-items:center;gap:var(--space-8) var(--space-12);flex-wrap:wrap;display:flex}.qf-chip{transition:box-shadow var(--t-mid,.22s) var(--ease-soft,ease), border-color var(--t-mid,.22s)}.qf-chips{gap:var(--space-8);flex-wrap:wrap;display:flex}.qf-side-row:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:2px}.qf-filter{gap:var(--space-12);flex-direction:column;display:flex}.qf-filter-head{margin:0 0 var(--space-8);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary);font-weight:500}.qf-count{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.game-actions{justify-content:flex-end;align-items:center;gap:var(--space-8) var(--space-12);flex-wrap:wrap;display:flex}@media (width<=1139px){.game-actions .game-actions-bar{display:none}.game-actions:not(:has(>:not(.game-actions-bar))){display:none}}.game-explore{gap:var(--space-8);flex-wrap:wrap;margin:0;display:flex}.qf-miss .game-explore{margin-top:var(--space-8)}.game-score{gap:var(--space-12);padding:var(--space-24);flex-direction:column;display:flex}.game-score .practice-summary div{background:var(--color-surface-sunken,var(--color-bg-subtle));box-shadow:none;border-radius:var(--radius-lg)}.qf-end-screen.learn-end{padding-top:0}.qf-run-tile{gap:var(--space-4);padding:var(--space-12) var(--space-16);flex-direction:column;display:flex}.qf-run-tile>.learn-head.qf-head{margin:0;padding:0}.qf-run-tile .qf-run-head{min-height:0}.qf-home{container-type:inline-size}.qf-tiles{gap:var(--space-12);grid-template-columns:1fr;margin:0;padding:0;list-style:none;display:grid}@container (width>=720px){.qf-tiles{grid-template-columns:repeat(3,1fr)}}.qf-tiles>li{display:flex}.qf-tile{align-items:flex-start;gap:var(--space-4);width:100%;min-height:112px;padding:var(--space-16) var(--space-40) var(--space-16) var(--space-16);cursor:pointer;text-align:left;color:var(--color-text-primary);font-family:var(--font-ui);transition:box-shadow var(--t-mid,.22s) var(--ease-soft,ease), border-color var(--t-mid,.22s);flex-direction:column;display:flex;position:relative}.qf-tile:hover{border-color:var(--color-primary)}.qf-tile:active{box-shadow:0 1px 2px var(--tile-contact)}.qf-tile:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:2px}.qf-tile-title{font-family:var(--font-output);font-size:var(--text-lg);font-weight:400;line-height:1.25}.qf-tile-text{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5}.qf-tile-meta{font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-weight:500}.qf-tile-go{right:var(--space-16);font-size:var(--text-xl);color:var(--color-text-secondary);position:absolute;top:50%;transform:translateY(-50%)}.qf-view{gap:var(--space-12);flex-direction:column;display:flex}.qf-view-title{font-family:var(--font-ui);font-size:var(--text-lg);color:var(--color-text-primary);margin:0;font-weight:500}.qf-trail{align-items:center;gap:var(--space-8);font-size:var(--text-sm);color:var(--color-text-secondary);display:flex}.qf-trail-home{min-height:44px}.qf-trail-here{color:var(--color-text-primary);font-weight:500}.qf-ladder{gap:var(--space-4);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.qf-rung{align-items:center;gap:0 var(--space-12);width:100%;min-height:52px;padding:var(--space-4) var(--space-12);text-align:left;cursor:pointer;color:var(--color-text-primary);font-family:var(--font-ui);transition:box-shadow var(--t-mid,.22s) var(--ease-soft,ease), border-color var(--t-mid,.22s);grid-template-columns:2em 1fr auto auto;display:grid}.qf-rung:hover{border-color:var(--color-primary)}.qf-rung[aria-pressed=true]{background:rgb(var(--color-primary-rgb) / .1)}.qf-rung:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:2px}.qf-rung-num{font-size:var(--text-md);font-variant-numeric:tabular-nums;text-align:center;font-weight:500}.qf-rung-main{flex-direction:column;min-width:0;display:flex}.qf-rung-name{font-size:var(--text-base);font-weight:500;line-height:1.3}.qf-rung-eg{font-family:var(--font-output);font-size:var(--text-sm);color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;line-height:1.3;overflow:hidden}.qf-rung-aside{flex-direction:column;align-items:flex-end;min-width:3.5em;display:flex}.qf-rung-val{font-size:var(--text-base);font-variant-numeric:tabular-nums;font-weight:500}.qf-rung-note{font-size:var(--text-xs);color:var(--color-text-secondary)}.qf-rung.is-fading .qf-rung-note{color:var(--color-text-primary);text-underline-offset:2px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.qf-rung--rare:not([aria-pressed=true]){border-style:dashed;border-color:var(--color-border)}.qf-rung-sub{font-size:var(--text-xs);color:var(--color-text-secondary);font-style:italic;line-height:1.3}.qf-rare-note{margin:0 0 var(--space-8);font-size:var(--text-sm);color:var(--color-text-secondary);font-style:italic;line-height:1.5}.qf-practice-kind .qf-chip{font-size:var(--text-base)}.qf-custom{gap:var(--space-16)}.qf-custom-hint{margin:0 0 var(--space-8);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5}.qf-chip.qf-chip--two{border-radius:var(--radius-lg);padding:var(--space-4) var(--space-12);text-align:left;flex-direction:column;justify-content:center;align-items:flex-start;gap:0;display:inline-flex}.qf-chip-label{font-size:var(--text-sm);font-weight:500;line-height:1.3}.qf-chip-eg{font-family:var(--font-output);font-size:var(--text-xs);color:var(--color-text-secondary);font-weight:400;line-height:1.3}.qf-chip-sub{color:var(--color-text-secondary);font-weight:400}.qf-mix-line{margin:var(--space-8) 0 0;font-variant-numeric:tabular-nums}.qf-sliders{gap:var(--space-8);margin-top:var(--space-8);flex-direction:column;display:flex}.qf-slider{align-items:center;gap:var(--space-12);grid-template-columns:minmax(7.5em,auto) 1fr 3.5em;display:grid}.qf-slider-label{font-size:var(--text-sm);color:var(--color-text-primary);font-weight:500}.qf-range{margin:0}.qf-slider-value{font-size:var(--text-sm);color:var(--color-text-primary);text-align:right;font-variant-numeric:tabular-nums}.qf-count-line{margin:0}.qf-count-line+.qf-count-line{margin-top:var(--space-4);color:var(--color-text-primary)}@media (width<=420px){.qf-slider{gap:0 var(--space-12);grid-template-columns:1fr 3.5em}.qf-slider-label{grid-column:1/-1}}.qf-game-head{justify-content:space-between;align-items:baseline;gap:var(--space-4) var(--space-12);flex-wrap:wrap;display:flex}.qf-game-total{font-size:var(--text-sm);color:var(--color-text-secondary);font-variant-numeric:tabular-nums;margin:0}.qf-game-total-num{font-family:var(--font-output);font-size:var(--text-lg);color:var(--color-text-primary)}.qf-game-ask{font-family:var(--font-output);font-size:var(--text-md);color:var(--color-text-primary);margin:0}.qf-game-tally{font-size:var(--text-sm);color:var(--color-text-secondary);font-variant-numeric:tabular-nums;margin:0}.qf-game-result{color:var(--color-text-primary)}.qf-run-head{justify-content:space-between;align-items:center;gap:var(--space-12);min-height:44px;display:flex}.qf-run-title{font-family:var(--font-ui);font-size:var(--text-md);color:var(--color-text-primary);margin:0;font-weight:500}.qf-tally{white-space:nowrap;font-size:var(--text-sm);color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.qf-lives{gap:var(--space-4);color:var(--color-text-primary);display:inline-flex}.qf-heart{display:block}.qf-heart:not(.is-full){color:var(--color-text-tertiary)}.qf-card .fc-grid{padding-bottom:var(--space-24)}.flashcard .pc-input.qf-prompt{align-items:center;gap:var(--space-8);flex-wrap:wrap;display:flex}.qf-verb-word{overflow-wrap:anywhere}body{--color-accent-ink:oklch(from var(--color-primary) min(l, .46) c h)}body[data-theme=dark]{--color-accent-ink:oklch(from var(--color-primary) max(l, .86) c h)}.qf-verb-sep{color:var(--color-text-secondary)}.qf-pronoun{font-family:var(--font-output);color:var(--color-text-primary);-webkit-text-decoration:underline var(--color-primary) .08em;text-decoration:underline var(--color-primary) .08em;text-underline-offset:.18em;font-size:.82em;line-height:1.3}body:is([data-scheme=aegean],[data-scheme=valle-jerte],[data-scheme=arctic-night],[data-scheme=cyberpunk-bloom],[data-scheme=ruta-bakalao],[data-scheme=sol-nuclear],[data-scheme=far-out]) .qf-pronoun,body[data-theme=dark][data-scheme=default] .qf-pronoun{color:var(--color-accent-ink);text-decoration:none}.qf-tense{min-width:0;font-family:var(--font-ui);font-size:var(--text-lg);letter-spacing:.04em;text-transform:uppercase;color:var(--color-accent-ink);overflow-wrap:anywhere;text-wrap:balance;flex:0 auto;margin:0;font-weight:600;line-height:1.2}@media (width<=420px){.qf-tense{font-size:var(--text-md)}}.flashcard .pc-out.qf-verb{font-size:calc(var(--text-xl) * 1.5);line-height:1.2}.qf-card .fc-grid{grid-template-rows:auto auto auto auto}.qf-gloss{margin:calc(-1 * var(--space-4)) 0 0;font-family:var(--font-ui);font-size:var(--text-md);color:var(--color-text-primary);grid-area:4/1/auto/9;line-height:1.4}.qf-gloss--word{font-family:var(--font-output);font-size:var(--text-lg);color:var(--color-accent-ink);font-weight:400}.flashcard .pc-out.qf-sentence{font-size:var(--text-xl);overflow-wrap:anywhere;line-height:1.45}.qf-gap{white-space:pre;border-bottom:2px solid;min-width:3.5em;margin:0 .1em;line-height:1.1;display:inline-block}.qf-gap--filled{white-space:normal;min-width:0;color:var(--color-accent-ink);border-bottom:0;font-weight:600}.qf-answer{gap:var(--space-8);flex-direction:column;display:flex}.qf-run>.qf-answer:has(>.qf-input){margin-top:var(--space-8)}.practice-answer:has(>.practice-input){margin-top:var(--space-8)}.qf-card.fc-result--correct{animation:.36s ease-out qf-right}@keyframes qf-right{0%{transform:scale(1)}40%{transform:scale(1.015)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.qf-card.fc-result--correct{animation:none}}.fc-flippable.fc-beat{animation:.36s ease-out qf-right}@media (prefers-reduced-motion:reduce){.fc-flippable.fc-beat{animation:none}}.qf-input{min-height:52px}.qf-input-label{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:500}.qf-reveal{gap:var(--space-12);flex-direction:column;display:flex}@media (width>=1140px){:is(.qf-answer,.practice-answer){column-gap:var(--space-16);grid-template-columns:1fr fit-content(40%) 1fr;display:grid}:is(.qf-answer,.practice-answer)>*{grid-column:1/-1}:is(.qf-answer,.practice-answer)>.practice-speak{margin-top:var(--space-24);grid-column:2;align-self:start}:is(.qf-answer,.practice-answer)>:is(.qf-actions,.practice-actions,.review-step-actions){margin-top:var(--space-24);grid-column:3;place-self:start end}:is(.qf-answer,.qf-reveal,.practice-answer,.practice-reveal,.practice-panel)>:is(.qf-actions,.practice-actions,.review-step-actions){justify-content:flex-start;align-items:flex-end;gap:var(--space-4);flex-flow:column}:is(.qf-reveal,.practice-reveal,.practice-panel)>:is(.qf-actions,.practice-actions,.review-step-actions){margin-top:var(--space-16)}}.practice-qa{gap:var(--space-16);flex-direction:column;display:flex}.practice-stage,.practice-row{gap:var(--space-8);flex-direction:column;display:flex}.practice-mic-slot:empty{display:none}.practice-prompt{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}@media (width<=1139px){.practice-row>.practice-actions{display:none}}@media (width>=1140px){.practice-qa{gap:var(--space-16);min-height:calc(520px * var(--font-scale,1));flex-direction:column;display:flex}.practice-qa>.practice-stage{flex:1 0 auto}.practice-row{column-gap:var(--space-16);min-height:64px;margin-top:var(--space-24);grid-template-columns:1fr fit-content(40%) 1fr;align-items:start;display:grid}.practice-row>.practice-mic-slot{grid-column:2}.practice-row>.practice-mic-slot:empty{display:block}.practice-row>.practice-mic-slot .practice-speak{margin-top:0}.practice-row>.practice-actions .learn-btn--primary{justify-content:center;min-width:10.5em}.practice-row>.practice-actions{justify-self:end;align-items:flex-end;gap:var(--space-4);flex-flow:column;grid-column:3}.practice-page>.practice-teachers{margin-top:var(--space-16)}}.practice-pairs{margin:var(--space-4) 0 0;gap:var(--space-4);flex-direction:column;padding:0;list-style:none;display:flex}.practice-pair{font-size:var(--text-sm);color:var(--color-text-primary);overflow-wrap:anywhere}.practice-pair-en{font-weight:500}.practice-pair-had{color:var(--color-text-secondary)}.practice-pair.is-wrong .practice-pair-en{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:2px}.practice-verdict-title:has(.practice-verdict-tick){align-items:center;gap:var(--space-4);display:flex}.practice-verdict-tick{flex:none}.fc-flippable.fc-ping:after,.fc-flippable.fc-beat:after,.qf-card.fc-result--correct:after{content:"";border-radius:inherit;pointer-events:none;box-shadow:0 0 0 0 rgb(var(--color-primary-rgb) / 0);position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.practice-verdict.is-ping .practice-verdict-tick{animation:right-tick .42s var(--ease-soft,ease-out) both}.fc-flippable.fc-ping:after,.fc-flippable.fc-beat:after,.qf-card.fc-result--correct:after{animation:.7s ease-out both right-ring}}@keyframes right-tick{0%{opacity:0;transform:scale(.3)}60%{opacity:1;transform:scale(1.25)}to{transform:scale(1)}}@keyframes right-ring{0%{box-shadow:0 0 0 0 rgb(var(--color-primary-rgb) / .55)}to{box-shadow:0 0 0 16px rgb(var(--color-primary-rgb) / 0)}}.qf-verdict{padding:var(--space-12) var(--space-16)}.qf-verdict-foot{align-items:flex-end;gap:var(--space-12);margin-top:var(--space-8);display:flex}.qf-verdict-foot:empty{display:none}.qf-verdict-foot .qf-save{margin-top:0}.qf-verdict-listen{align-items:flex-end;gap:var(--space-4);flex-direction:column-reverse;margin-left:auto;display:flex}.qf-verdict.practice-verdict--correct .practice-verdict-title{color:var(--color-text-primary)}.qf-card.fc-result--correct .fc-kind{color:var(--color-accent-ink)}.qf-answer-text{font-family:var(--font-output)}.qf-answer-en{font-family:var(--font-output);font-size:var(--text-md);color:var(--color-text-primary);margin:0;line-height:1.45}.qf-answer-en-word{color:var(--color-accent-ink);font-weight:600}.qf-answer-forms{font-family:var(--font-output);font-size:var(--text-xl);color:var(--color-accent-ink);overflow-wrap:anywhere;margin:0;line-height:1.3}.qf-advice{font-size:var(--text-base);color:var(--color-text-primary);margin:0;line-height:1.5}.learn-head.qf-head{justify-content:space-between;align-items:center;column-gap:var(--space-12);flex-flow:wrap;row-gap:0}.qf-head .learn-title{min-width:0;font-family:var(--font-output);flex:auto;font-weight:400;line-height:1.25}.learn-page.qf-page{max-width:680px}.learn-btn.qf-head-end{margin:calc(-1 * var(--space-8)) 0 calc(-1 * var(--space-8)) auto;padding:0 var(--space-8);font-size:var(--text-sm);text-underline-offset:3px;flex:none;-webkit-text-decoration:underline #0000;text-decoration:underline #0000}.learn-btn.qf-head-end:hover:not(:disabled){color:var(--color-text-primary);border-color:#0000;text-decoration-color:currentColor}.qf-missed{gap:var(--space-8);flex-direction:column;display:flex}.qf-miss-list{margin:0;padding:0;list-style:none}.qf-miss{gap:var(--space-4);padding:var(--space-8) 0;border-bottom:1px solid var(--color-border);flex-direction:column;display:flex}.qf-miss:last-child{border-bottom:0}.qf-miss-q{font-size:var(--text-sm);color:var(--color-text-secondary)}.qf-miss-a{align-items:baseline;gap:var(--space-12);flex-wrap:wrap;display:flex}.qf-miss-answer{font-family:var(--font-output);font-size:var(--text-lg);color:var(--color-text-primary)}.qf-miss-you{font-size:var(--text-sm);color:var(--color-text-secondary)}.qf-miss-list--right .qf-miss-answer{color:var(--color-accent-ink)}.qf-miss-en{font-size:var(--text-base);color:var(--color-text-secondary)}.context-rowbtn.qf-side-row{align-items:center;gap:var(--space-12);flex-direction:row;min-height:56px}.qf-side-row .learn-row-num{background:rgb(var(--color-primary-rgb) / .16);color:var(--color-text-primary)}.context-rowbtn.qf-side-row:focus-visible{outline-offset:-2px;box-shadow:none}.games-create{align-items:center;gap:var(--space-12);width:100%;min-height:56px;margin-top:var(--space-4);padding:var(--space-8) 10px;text-align:left;display:flex}.games-create:disabled{cursor:default}.games-create-ic{border:1px dashed var(--color-border);border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.games-create-label{flex:1;min-width:0}.games-soon{flex-shrink:0}.qf-ready{gap:var(--space-12);flex-direction:column;display:flex}.qf-ready-eg{font-family:var(--font-output);font-size:var(--text-md);color:var(--color-text-primary);margin:0}.games-topic{gap:var(--space-4);flex-direction:column;display:flex}.games-topic+.games-topic{margin-top:var(--space-8)}.explore-sub-head.games-topic-head{margin-bottom:var(--space-4)}.og-why{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;line-height:1.5}.og-verdict-head{align-items:center;gap:var(--space-4) var(--space-12);flex-wrap:wrap;display:flex}.og-verdict-head .practice-verdict-title{flex:auto}.qf-miss .og-why{margin-top:var(--space-4);display:block}.read-head.og-tile{gap:var(--space-12);padding:var(--space-24)}.og-tile .read-title{font-size:var(--text-xl)}.og-how{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;line-height:1.5}.og-tile .game-actions{margin-top:var(--space-4)}.explore-sub-head{margin:var(--space-8) var(--space-4) 0;font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary);font-weight:600}.context-rowbtn.explore-row{align-items:center;gap:var(--space-12);flex-direction:row;min-height:48px}.context-rowbtn.explore-row:focus-visible{outline-offset:-2px;box-shadow:none}.explore-row .context-row-main{white-space:normal;overflow-wrap:anywhere}.explore-tag{flex-shrink:0}.learn-row-tag{margin-top:var(--space-4);align-self:flex-start}.context-rowbtn.explore-row--soon{cursor:default}@media (hover:hover){.context-rowbtn.explore-row--soon:hover{background:0 0}}.explore-row--soon .context-row-main{color:var(--color-text-secondary);font-weight:400}.explore-pages-state{align-items:flex-start;gap:var(--space-8);flex-direction:column;display:flex}.explore-pages-state p{margin:0}body[data-theme=dark] .explore-sub-head,body[data-theme=dark] .explore-row--soon .context-row-main{color:var(--color-text-tertiary)}.ref-page{max-width:760px}.ref-listview{gap:var(--space-12);flex-direction:column;display:flex}.ref-controls{gap:var(--space-8);flex-direction:column;display:flex}.ref-label{font-size:var(--text-sm);color:var(--color-text-primary);font-weight:500}.ref-search{width:100%}.ref-bar{justify-content:space-between;align-items:center;gap:var(--space-8) var(--space-12);flex-wrap:wrap;display:flex}.ref-count{font-size:var(--text-sm);color:var(--color-text-secondary);font-variant-numeric:tabular-nums;margin:0}.ref-sort{flex-wrap:nowrap}.ref-empty{padding:var(--space-24) var(--space-12);text-align:center;font-size:var(--text-base);color:var(--color-text-secondary);margin:0;line-height:1.5}.ref-list{padding:var(--space-4);flex-direction:column;margin:0;list-style:none;display:flex}.ref-list>li+li{border-top:1px solid var(--color-border)}.ref-row{align-items:center;gap:var(--space-12);width:100%;min-height:52px;padding:var(--space-8) var(--space-12);border-radius:var(--radius-lg);color:var(--color-text-primary);font-family:var(--font-ui);text-align:left;cursor:pointer;background:0 0;border:0;display:flex}.ref-row:hover{background:rgb(var(--color-primary-rgb) / .08)}.ref-row:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:-2px}.ref-row-rank{min-width:4.5ch;font-size:var(--text-xs);font-variant-numeric:tabular-nums;text-align:right;color:var(--color-text-secondary);flex-shrink:0}.ref-row-main{align-items:baseline;gap:0 var(--space-12);flex-wrap:wrap;flex:1;min-width:0;display:flex}.ref-row-es{font-family:var(--font-output);font-size:var(--text-md);color:var(--color-text-primary);font-weight:500}.ref-row-en{min-width:0;font-size:var(--text-sm);color:var(--color-text-secondary);overflow-wrap:anywhere}.ref-row-match{font-size:var(--text-sm);color:var(--color-text-primary);flex-basis:100%}.ref-row-match [lang=es]{font-family:var(--font-output);color:var(--color-accent-ink);font-weight:600}.ref-tag{flex-shrink:0}.ref-more{align-self:center}.ref-more-n{color:var(--color-text-secondary);font-weight:400}.ref-detail{gap:var(--space-16);flex-direction:column;display:flex;container-type:inline-size}.ref-back{align-self:flex-start;display:inline-flex}.ref-back:hover{background:var(--color-bg-subtle)}.ref-head{gap:var(--space-4);flex-direction:column;display:flex}.ref-kind{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary);font-weight:500}.ref-word{font-family:var(--font-output);font-size:var(--text-2xl,1.75rem);color:var(--color-text-primary);overflow-wrap:anywhere;margin:0;font-weight:500;line-height:1.25}.ref-word:focus:not(:focus-visible){outline:none}.ref-en{font-size:var(--text-md);color:var(--color-text-primary);margin:0;line-height:1.45}.ref-type{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.ref-rank{font-size:var(--text-sm);font-variant-numeric:tabular-nums;color:var(--color-text-secondary);margin:0}.ref-variety{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.ref-tables{gap:var(--space-12);grid-template-columns:1fr;grid-auto-flow:row;display:grid}@container (width>=600px){.ref-tables{grid-template-columns:repeat(2,minmax(0,1fr))}}.ref-tense{padding:var(--space-12) var(--space-16) var(--space-8)}.ref-tense-head{margin:0 0 var(--space-4);font-family:var(--font-ui);font-size:var(--text-base);color:var(--color-text-primary);font-weight:600}.ref-table{border-collapse:collapse;width:100%}.ref-table th,.ref-table td{text-align:left;vertical-align:baseline}.ref-table th{width:42%}.ref-table td{overflow-wrap:anywhere}.ref-alt{font-size:var(--text-sm);color:var(--color-text-secondary)}.ref-forms{gap:var(--space-8);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.ref-forms li{padding:var(--space-4) var(--space-12);border:1px solid var(--color-border);border-radius:var(--radius-pill);font-family:var(--font-output);font-size:var(--text-md);color:var(--color-text-primary)}.ref-example{gap:var(--space-8);padding:var(--space-16);border-radius:var(--r-md,12px);background:linear-gradient(180deg, var(--card-bg-top) 0%, var(--card-bg-bottom) 100%);box-shadow:-1px -1px 2px var(--highlight-paper), 1.5px 1.5px 4px var(--shadow-dark-paper);flex-direction:column;margin:0;display:flex}.ref-example-title{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary);font-weight:500}.ref-example-es{font-family:var(--font-output);font-size:var(--text-lg);color:var(--color-text-primary);margin:0;line-height:1.45}.ref-example-en{font-size:var(--text-base);color:var(--color-text-secondary);margin:0;line-height:1.5}.ref-example strong{color:var(--color-accent-ink);font-weight:600}.ref-practise{align-self:flex-start}.conj-practise{text-align:left;width:100%;display:flex}.conj-practise:hover{background:var(--color-bg-subtle)}@media (prefers-reduced-motion:reduce){.qf-chip,.qf-rung,.qf-tile{transition:none}}.class-code-toggle{align-self:flex-start}.class-code-toggle:hover{color:var(--color-text-primary)}.class-code-form{gap:var(--space-8);text-align:left;flex-direction:column;display:flex}.class-code-label{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-text-primary);font-weight:500}.class-code-row{gap:var(--space-8);flex-wrap:wrap;display:flex}.class-code-input{flex:160px;min-width:0}.class-code-input[aria-invalid=true]{border-color:var(--color-error)}.class-code-submit{flex:none}.class-code-submit[aria-disabled=true],.class-code-submit:disabled{opacity:.6;cursor:default}.class-code-msg{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-text-primary);margin:0}.class-code-msg:empty{display:none}.class-code-msg--error{padding-left:var(--space-8);border-left:3px solid var(--color-error)}.class-code-status{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-text-primary);margin:0}.class-code-status strong{font-weight:500}.class-code-closed{align-items:flex-start;gap:var(--space-4);flex-direction:column;display:flex}.class-code-linked{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-text-primary);margin:0;font-weight:500}.settings .class-code-card{gap:var(--space-4);flex-direction:column;padding:14px 16px;display:flex}.onboarding-class-code{margin-top:var(--space-8);justify-content:center;display:flex}.onboarding-class-code .class-code-form{width:100%}.settings .ptr-card{gap:var(--space-8);flex-direction:column;display:flex}.settings .ptr-hint{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;line-height:1.45}.ptr-code{font-family:var(--font-output);font-size:var(--text-xl);letter-spacing:.04em;color:var(--color-text-primary);overflow-wrap:anywhere;margin:0;font-weight:500}.ptr-code-sm{letter-spacing:.04em;color:var(--color-text-primary);font-weight:500}.ptr-link{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-text-primary);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;margin:0}.ptr-actions{gap:var(--space-8);flex-wrap:wrap;display:flex}.ptr-btn:hover{border-color:var(--color-primary)}.ptr-btn:disabled,.ptr-btn[aria-disabled=true]{opacity:.6;cursor:default}.ptr-msg{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-text-primary);margin:0}.ptr-msg:empty{display:none}.ptr-msg--error{padding-left:var(--space-8);border-left:3px solid var(--color-error)}.ptr-stats{gap:var(--space-8);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.ptr-stats--wide{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}.ptr-stats>div{padding:var(--space-8) var(--space-12)}.ptr-stats dt{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--color-text-secondary)}.ptr-stats dd{font-family:var(--font-ui);font-size:var(--text-md);color:var(--color-text-primary);font-variant-numeric:tabular-nums;margin:0;font-weight:500}.ptr-form{gap:var(--space-4);flex-direction:column;max-width:480px;display:flex}.ptr-form .ptr-actions{margin-top:var(--space-8)}.ptr-label{margin-top:var(--space-8);font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-text-primary);font-weight:500}.ptr-input{width:100%}.ptr-input--code,.class-code-input{letter-spacing:.04em;text-transform:uppercase}.ptr-input--code::placeholder,.class-code-input::placeholder{text-transform:none;letter-spacing:normal}.ptr-textarea{resize:vertical;line-height:1.45}.ptr-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.ptr-row{gap:var(--space-8);padding:var(--space-12) var(--space-16);flex-direction:column;display:flex}.ptr-row-head{justify-content:space-between;align-items:baseline;gap:var(--space-8);flex-wrap:wrap;display:flex}.ptr-row-name{font-family:var(--font-output);font-size:var(--text-md);color:var(--color-text-primary);font-weight:500}.ptr-row-amount{font-family:var(--font-ui);font-size:var(--text-md);color:var(--color-text-primary);font-variant-numeric:tabular-nums;font-weight:500}.ptr-codes{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;padding:0;list-style:none}.ptr-inline{gap:var(--space-4);flex-direction:column;max-width:320px;display:flex}.ptr-stats--four{grid-template-columns:repeat(auto-fit,minmax(104px,1fr))}.settings .ptr-details>*+*{margin-top:var(--space-8)}.ptr-details-summary{align-items:center;gap:var(--space-8);cursor:pointer;width:fit-content;min-height:44px;font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-text-primary);border-radius:var(--radius-md);font-weight:500;list-style:none;display:inline-flex}.ptr-details-summary::-webkit-details-marker{display:none}.ptr-details-summary:before{content:"";border-bottom:2px solid;border-right:2px solid;width:7px;height:7px;transition:transform .15s;transform:rotate(-45deg)}.ptr-details[open]>.ptr-details-summary:before{transform:rotate(45deg)}.ptr-details-summary:hover{text-decoration:underline}.ptr-details-summary:focus-visible{outline:2px solid var(--color-primary-active);outline-offset:2px}@media (prefers-reduced-motion:reduce){.ptr-details-summary:before{transition:none}}.ptr-table{border-collapse:collapse;width:100%;max-width:520px;font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-text-primary)}.ptr-table th,.ptr-table td{text-align:right}.ptr-table th[scope=row]{text-align:left;color:var(--color-text-secondary);font-weight:400}.ptr-table-net th[scope=row],.ptr-table-net td{color:var(--color-text-primary);border-bottom-color:var(--color-border);font-weight:500}.ptr-table-earn td{font-weight:500}.ptr-table-earn--now th,.ptr-table-earn--now td{color:var(--color-text-primary)}.ptr-table-earn--now th[scope=row]{font-weight:500}.ptr-now{color:var(--color-text-secondary);font-weight:400}@media (width<=480px){.ptr-table--learners th,.ptr-table--learners td{padding:var(--space-8) var(--space-4)}.ptr-table--learners{font-size:var(--text-xs)}}.ptr-history{margin:0;padding:0;list-style:none}.ptr-history-row{justify-content:space-between;align-items:baseline;gap:var(--space-12);padding:var(--space-8) 0;border-bottom:1px solid var(--color-border-light);display:flex}.ptr-history-row:last-child{border-bottom:0}.ptr-history-main{flex-direction:column;gap:2px;min-width:0;display:flex}.ptr-history-title{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-text-primary);font-weight:500}.ptr-history-detail{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--color-text-secondary)}.ptr-history-amount{font-family:var(--font-ui);font-size:var(--text-base);color:var(--color-text-primary);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:500}.ptr-invoice{gap:var(--space-8);padding-top:var(--space-12);border-top:1px solid var(--color-border-light);flex-direction:column;display:flex}.ptr-input--short{max-width:96px}.ptr-invoice-sum{margin-top:var(--space-12);font-weight:500}.ptr-income-estimate{font-weight:500}.ptr-invoice-form .ptr-details{margin-top:var(--space-8)}.ptr-modal{gap:var(--space-8);flex-direction:column;max-height:92vh;display:flex;overflow-y:auto}.ptr-modal--wide{max-width:680px}.ptr-modal .paywall-subtitle{margin:0 0 var(--space-8)}.ptr-modal .ptr-form{max-width:none}.ptr-modal .ptr-hint{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;line-height:1.45}.ptr-modal .ptr-details>*+*{margin-top:var(--space-8)}.ptr-modal .ptr-card{gap:var(--space-8);flex-direction:column;display:flex}.ptr-modal-section{margin-top:var(--space-16)}.ptr-table-wrap{width:100%;overflow-x:auto}.ptr-table--wide{max-width:none}.ptr-table--wide th[scope=col]{white-space:nowrap}.ptr-table--wide td:first-child,.ptr-table--wide th[scope=row],.ptr-table--wide thead th:first-child{text-align:left}.ptr-table--wide th[scope=row]{min-width:130px}.ptr-table--wide th,.ptr-table--wide td{padding:var(--space-8) var(--space-4)}.ptr-table--wide td:last-child{padding-right:0}.ptr-table-name{color:var(--color-text-primary);font-weight:500;display:block}.ptr-table-sub{font-size:var(--text-xs);color:var(--color-text-secondary);display:block}.ptr-table-btn{padding:0 var(--space-12);font-size:var(--text-sm)}.ptr-admin-actions{gap:var(--space-8);margin-bottom:var(--space-16);flex-wrap:wrap;display:flex}.tour-overlay{--tour-scrim:#0000008c;z-index:560;padding:var(--space-16);background:var(--tour-scrim);font-family:var(--font-ui);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}[data-theme=dark] .tour-overlay{--tour-scrim:#000000b3}.tour-overlay--spot{background:0 0}.tour-overlay--sheet{align-items:flex-end;padding:0}.tour-overlay--sheet.tour-overlay--top{align-items:flex-start}.tour-overlay--top .tour-card--sheet{border-radius:0 0 var(--radius-xl) var(--radius-xl);border-top:none;border-bottom:1px solid var(--color-border)}.tour-ring{border-radius:var(--radius-xl);box-shadow:0 0 0 3px var(--color-primary), 0 0 0 200vmax var(--tour-scrim);pointer-events:none;position:fixed}.rail-item.tour-target{outline:3px solid var(--color-primary);outline-offset:2px;background:color-mix(in srgb, var(--color-on-secondary) 16%, transparent);color:var(--color-on-secondary)}.tour-card{box-sizing:border-box;width:100%;max-width:360px;max-height:calc(100dvh - 2 * var(--space-16));padding:20px 20px var(--space-16);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);color:var(--color-text-primary);overflow-y:auto;box-shadow:0 16px 48px #00000047}.tour-card--beside{max-width:340px;position:fixed}.tour-card--sheet{position:relative}.tour-card--welcome{text-align:center;max-width:420px;padding:28px 24px 20px}.tour-card--sheet{border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-width:520px;max-height:75dvh;padding:20px var(--space-16) calc(var(--space-16) + env(safe-area-inset-bottom,0px));border-bottom:none}.tour-card-head{align-items:center;gap:12px;display:flex}.tour-card-icon{border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-primary) 18%, transparent);width:44px;height:44px;color:var(--color-text-primary);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.tour-count{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0 0 2px;font-weight:500}.tour-title{font-family:var(--font-output);font-size:var(--text-lg);color:var(--color-text-primary);margin:0;font-weight:500;line-height:1.25}.tour-title--welcome{font-size:var(--text-xl)}.tour-body{margin:12px 0 var(--space-16);font-size:var(--text-base);color:var(--color-text-primary);line-height:1.55}.tour-mission{margin:14px 0 22px}.tour-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.tour-steps{gap:8px;margin-left:auto;display:flex}.tour-skip{padding:0 12px}.tour-welcome-actions{flex-direction:column;gap:8px;display:flex}.tour-note{font-size:var(--text-sm);color:var(--color-text-secondary);margin:12px 0 0}.tour-card .learn-btn:focus-visible{outline:3px solid var(--color-primary-active);outline-offset:2px}.settings .set-about .set-about-actions{flex-wrap:wrap;gap:8px;display:flex}.set-about-actions .learn-btn:focus-visible{outline:3px solid var(--color-primary-active);outline-offset:2px}@media (prefers-reduced-motion:no-preference){.tour-overlay{animation:.18s fadeIn}.tour-card--sheet{animation:.22s slideUp}}.pbt-cta-count{margin:0 0 var(--space-16);font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.options-menu{flex:none;display:inline-flex;position:relative}.options-menu-btn.is-open{background:var(--color-surface-sunken,var(--color-bg-subtle));color:var(--color-text-primary)}.options-menu .options-menu-card{top:calc(100% + var(--space-4));z-index:var(--z-toolbar);width:288px;max-width:calc(100vw - 2 * var(--space-16));padding:var(--space-4) var(--space-8);left:auto;right:0;overflow:visible}.options-menu-section{padding:var(--space-8) 0;gap:2px;display:grid}.options-menu-section+.options-menu-section{border-top:1px solid var(--color-border-light)}[data-theme=dark] .options-menu-section+.options-menu-section{border-top-color:var(--color-border)}.options-menu-label{padding:var(--space-4) var(--space-12) var(--space-8);font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-secondary);font-weight:500}.options-menu-section .switch-control{margin:0 var(--space-4) var(--space-4)}.options-menu-section .switch-btn{flex:1}.options-menu-sheet{padding:0 var(--space-8) var(--space-4)}.pb-options-bar{justify-content:flex-end;align-items:center;gap:var(--space-8);min-height:44px;display:flex}.history-v2 .pb-options-bar{max-width:480px}.pb-detail-head{justify-content:space-between;align-items:center;gap:var(--space-12) var(--space-16);max-width:480px;margin:2px 0 var(--space-16);flex-wrap:wrap;display:flex}.pb-detail-head .pb-list-title-row{min-width:0;margin:0}.pb-detail-actions{align-items:center;gap:var(--space-8);flex-wrap:wrap;display:flex}.pb-detail-add{align-items:center;gap:var(--space-8);display:inline-flex}@media (width<=1139px){.pb-detail-add{display:none}}.pc-test-status{grid-area:1/1/auto/6;place-self:center start}.pc-test-dot{border:1.5px solid;border-radius:50%;flex:none;width:8px;height:8px}.pc-test-status--known .pc-test-dot{background:currentColor}.pbt-panel .saved-panel-inner{max-width:560px;margin:0 auto;padding-bottom:120px}.pbt-page{max-width:520px}.pbt-steps{gap:var(--space-8);margin:0;padding:0;list-style:none;display:flex}.pbt-study{gap:var(--space-12);flex-direction:column;display:flex}.pbt-skip{align-self:flex-start}.flashcard .pc-out.qf-phrase{font-size:var(--text-xl);overflow-wrap:anywhere;line-height:1.45}.flashcard .pc-out.qf-phrase--en{font-family:var(--font-ui);font-size:var(--text-lg)}.pbt-from{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;line-height:1.5}.pbt-from [lang=es]{font-family:var(--font-output);color:var(--color-text-primary);font-style:italic}.pbt-example{gap:var(--space-4);padding-top:var(--space-8);border-top:1px solid var(--color-border);flex-direction:column;margin:0;display:flex}.pbt-example-label{font-family:var(--font-ui);font-size:var(--text-xs,11px);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-secondary);font-weight:600}.pbt-example-es{font-family:var(--font-output);font-size:var(--text-md);color:var(--color-text-primary);line-height:1.45}.pbt-example-en{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.45}.pbt-run .qf-verdict{gap:var(--space-8)}.pbt-run .qf-verdict>p{margin:0}.pbt-answer{font-family:var(--font-output);font-size:var(--text-lg);color:var(--color-accent-ink);overflow-wrap:anywhere;line-height:1.4}.pbt-answer-other{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.45}.pbt-known{color:var(--color-text-primary);font-weight:500}@media (width<=1139px){.pbt-end .learn-end-actions .learn-btn--primary{display:none}}.save-pb-btn{justify-content:center;align-items:center;gap:var(--space-8);font-family:var(--font-ui);font-size:var(--text-sm);transition:border-color var(--anim-fast,.15s), color var(--anim-fast,.15s);font-weight:500;display:inline-flex}.save-pb-btn:hover{border-color:var(--color-text-primary)}.save-pb-btn.is-saved{color:var(--color-accent-ink);border-color:currentColor}.save-pb-btn.save-pb-btn--labelled{width:auto;height:auto;min-height:44px;padding:0 var(--space-16);border-radius:var(--radius-lg);font-size:var(--text-base);background:0 0;align-self:flex-start}.save-pb-btn-text{white-space:nowrap}.flashcard .fc-grid--corner .pc-dialect.fc-kind{grid-column:1/5}.flashcard .fc-grid.fc-grid--corner .pc-ts.fc-band{padding-right:var(--space-8);grid-column:5/7;justify-self:end}.fc-corner{place-self:center end;gap:var(--space-8);grid-area:1/7/auto/9;display:flex}.fc-corner .fc-play{grid-area:auto}@media (width<=420px){.flashcard .fc-grid.fc-grid--corner .pc-ts.fc-band{grid-column:4/6}.fc-corner{grid-column:6/9}}.read-example--save{column-gap:var(--space-12);grid-template-columns:minmax(0,1fr) auto;align-items:center;row-gap:2px;display:grid}.read-example--save .read-es{grid-area:1/1}.read-example--save .read-en{grid-area:2/1}.read-example--save .read-save{grid-area:1/2/3}.ref-actions{align-items:center;gap:var(--space-8) var(--space-12);flex-wrap:wrap;display:flex}.ref-actions .ref-practise{align-self:auto}.ref-example-save{align-self:flex-end}.qf-verdict .qf-save,.test-answer .test-answer-save{margin-top:var(--space-8)}.add-pb-modal-item{min-height:44px}.add-pb-modal:focus:not(:focus-visible){outline:none}.add-pb-modal-loading{margin:0 0 var(--space-12);font-size:var(--text-sm);color:var(--color-text-secondary)}.lj-own{cursor:pointer;transition:border-color var(--t-mid,.22s), box-shadow var(--t-mid,.22s)}.lj-own:hover{border-color:var(--color-primary)}.lj-own:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:2px}.lj-own .lj-own-dot{background:var(--color-primary-tint);color:var(--color-primary)}.lj-own .lj-own-name{color:var(--color-text-primary)}.context-library{flex-direction:row;align-items:center;gap:8px;min-height:44px;margin-bottom:4px}.context-library .context-row-main{font-weight:500}.context-rowbtn.context-library:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:2px}.paywall-modal.lt-sheet{max-width:560px;max-height:calc(100dvh - 32px);color:var(--color-text-primary);font-family:var(--font-ui);overflow-y:auto}.lt-sheet .paywall-title{padding-right:var(--space-24);margin:0}.lt-intro{margin:var(--space-8) 0 var(--space-16);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5}.lt-form{flex-direction:column;gap:20px;display:flex}.lt-group{gap:var(--space-8);flex-direction:column;display:flex}.lt-head{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary);margin:0;font-weight:500}.lt-row{align-items:center;gap:var(--space-8) var(--space-12);flex-wrap:wrap;display:flex}.lt-row .lt-label{min-width:56px}.lt-label{font-size:var(--text-sm);color:var(--color-text-primary);font-weight:500}.lt-hint{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;line-height:1.5}.lt-chips{gap:var(--space-8);flex-wrap:wrap;display:flex}.lt-chip{transition:box-shadow var(--t-mid,.22s) var(--ease-soft,ease), border-color var(--t-mid,.22s)}.lt-select,.lt-input{width:100%}.lt-chart{padding:var(--space-12) var(--space-12) var(--space-8);border-radius:var(--radius-lg);background:var(--color-bg-subtle)}.lt-chart.is-pending .lt-bars{opacity:.5}.lt-bars{gap:var(--space-12);grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;margin:0;padding:0;list-style:none;display:grid}.lt-bar{flex-direction:column;align-items:center;gap:4px;min-width:0;display:flex}.lt-bar-n{font-size:var(--text-sm);font-variant-numeric:tabular-nums;color:var(--color-text-primary);font-weight:600}.lt-bar-track{background:color-mix(in srgb, var(--color-text-secondary) 12%, transparent);border-radius:6px 6px 2px 2px;width:100%;max-width:56px;height:96px;display:block;position:relative;overflow:hidden}.lt-bar-fill{height:var(--lt-h,0%);background:color-mix(in srgb, var(--color-primary) 45%, transparent);transition:height var(--t-mid,.22s) var(--ease-soft,ease);position:absolute;bottom:0;left:0;right:0}.lt-bar.is-centre .lt-bar-fill{background:var(--color-primary)}.lt-bar.is-short .lt-bar-track{box-shadow:inset 0 0 0 2px var(--color-error)}.lt-bar-band{font-size:var(--text-sm);color:var(--color-text-primary);font-weight:500}.lt-bar-note{min-height:1.3em;font-size:var(--text-xs);text-align:center;color:var(--color-text-secondary);line-height:1.3}.lt-chart-text{margin:var(--space-8) 0 0;font-size:var(--text-sm);color:var(--color-text-primary);line-height:1.5}.lt-error{padding:var(--space-8) var(--space-12);border-radius:var(--radius-lg);background:var(--color-error-tint);color:var(--color-error);font-size:var(--text-sm);margin:0}.lt-error p{margin:0 0 var(--space-8)}.lt-actions{align-items:center;gap:var(--space-8) var(--space-12);flex-wrap:wrap;display:flex}@media (prefers-reduced-motion:reduce){.lt-chip,.lt-bar-fill,.lj-own{transition:none}}@media (width<=480px){.paywall-modal.lt-sheet{padding:20px var(--space-16) var(--space-16)}.lt-bars{gap:var(--space-8)}.lt-bar-track{height:80px}}.translate-usage-line{margin:var(--space-8) 0 0;font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-text-secondary);text-align:center}.qf-options-tile{gap:var(--space-16);padding:var(--space-24)}.qf-view-head .qf-chips{margin-top:var(--space-4)}.ref-page-head{margin-bottom:var(--space-16)}.help-page{max-width:680px;padding:var(--space-32) var(--space-16) var(--space-48);font-family:var(--font-ui);font-size:var(--text-base);color:var(--color-text-primary);margin:0 auto;line-height:1.65}.help-page a{color:var(--color-accent-ink);text-underline-offset:3px}.help-page a:focus-visible{outline:2px solid var(--color-accent-ink);outline-offset:2px;border-radius:var(--radius-sm)}.help-back{display:inline-flex}.help-brand{margin-top:var(--space-24);font-family:var(--font-output);font-size:var(--text-md)}.help-title{font-family:var(--font-output);font-size:var(--text-xl);margin-bottom:var(--space-24);font-weight:500}.help-contents{padding:var(--space-16) var(--space-24);margin-bottom:var(--space-16)}.help-contents-title{font-size:var(--text-sm);margin-bottom:var(--space-8);font-weight:500}.help-contents ul{list-style:none}@media (width>=600px){.help-contents ul{columns:2;column-gap:var(--space-24)}}.help-contents a{align-items:center;min-height:44px;display:inline-flex}.help-section{padding-top:var(--space-32);border-top:1px solid var(--color-border-light);margin-top:var(--space-32);scroll-margin-top:var(--space-16)}.help-h2{font-family:var(--font-output);font-size:var(--text-lg);margin-bottom:var(--space-12);font-weight:500}.help-h3{font-size:var(--text-md);margin:var(--space-24) 0 var(--space-4);font-weight:500}.help-section p{margin-bottom:var(--space-12)}.help-section ul{padding-left:var(--space-24);margin-bottom:var(--space-12)}.help-section li{margin-bottom:var(--space-4)}.help-section .help-mission{font-family:var(--font-output);font-size:var(--text-md);font-style:italic}.help-footer{margin-top:var(--space-48);padding-top:var(--space-24);border-top:1px solid var(--color-border-light);font-size:var(--text-sm);text-align:center}.help-footer a{align-items:center;min-height:44px;display:inline-flex}.fc-link,.class-code-toggle,.onboarding-skip,.auth-link,.auth-secondary-link,.auth-mode-link,.phrasebook-search-clear-link,.cv-to-pb-select-all,.cv-to-pb-select-starred,.conv-cancel-inline,.translate-ex-clear,.read-tiles-all,.conj-practise,.conj-nav-label,.gate-dev-bypass,.lh-strip-btn,.subheader-back-btn,.phrasebook-detail-back,.lv-back,.ref-back,.help-page .help-back,.context-pb-back,.pb-stage-back,.breadcrumb-home,.crumb-step,.pm-select-btn,.practice-page .learn-end-actions>.learn-btn--quiet,.add-pb-modal-btn-secondary[data-comment-anchor=apc\.back-to-list],.game-back,.answer-giveup{align-items:center;gap:var(--space-4);min-height:44px;padding:0 var(--space-8);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-family:var(--font-ui);font-size:var(--text-sm);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;font-weight:500;text-decoration:none}.fc-link:focus-visible,.class-code-toggle:focus-visible,.onboarding-skip:focus-visible,.auth-link:focus-visible,.auth-secondary-link:focus-visible,.auth-mode-link:focus-visible,.phrasebook-search-clear-link:focus-visible,.cv-to-pb-select-all:focus-visible,.cv-to-pb-select-starred:focus-visible,.conv-cancel-inline:focus-visible,.translate-ex-clear:focus-visible,.read-tiles-all:focus-visible,.conj-practise:focus-visible,.conj-nav-label:focus-visible,.gate-dev-bypass:focus-visible,.lh-strip-btn:focus-visible,.subheader-back-btn:focus-visible,.phrasebook-detail-back:focus-visible,.lv-back:focus-visible,.ref-back:focus-visible,.help-page .help-back:focus-visible,.context-pb-back:focus-visible,.pb-stage-back:focus-visible,.breadcrumb-home:focus-visible,.crumb-step:focus-visible,.pm-select-btn:focus-visible,.practice-page .learn-end-actions>.learn-btn--quiet:focus-visible,.add-pb-modal-btn-secondary[data-comment-anchor=apc\.back-to-list]:focus-visible,.game-back:focus-visible,.answer-giveup:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:2px}.cv-to-pb-select-starred{color:var(--color-gold)}.pb-stage-back{min-width:44px;padding:0}.game-back{display:inline-flex}.answer-giveup{width:fit-content;margin-top:var(--space-4);place-self:flex-start start;display:inline-flex}.answer-giveup:disabled{opacity:.5;cursor:default}.breadcrumb-home:focus-visible{outline-offset:-2px}.context-pb-back{padding:0 var(--space-12);border-bottom:1px solid var(--color-border-light)}.conj-practise{padding:0 var(--space-16);border-top:1px solid var(--color-border)}.save-pb-btn,.fc-play,.listen-btn,.pc-kebab,.pc-share-front,.fab-back-to-top,.ws-close,.auth-close,.popover-close,.gate-close,.add-pb-modal-close,.pb-stage-close,.toolbar-kebab-btn,.pb-tile-action,.pc-star,.auth-eye-btn,.pb-list-search-clear,.rail-foot-icon,.rail-signout,.translate-ex-icon,.conj-nav-arrow,.context-pin{border:1px solid var(--color-border);border-radius:var(--radius-pill);cursor:pointer;flex:none;width:44px;min-width:44px;height:44px;min-height:44px;padding:0}.save-pb-btn,.fc-play,.listen-btn{border-color:var(--color-border);background:var(--color-surface);color:var(--color-text-primary)}.fab-back-to-top,.pb-tile-action{--tile-contact:color-mix(in oklch, var(--color-text-primary) 7%, transparent);--tile-lift:color-mix(in oklch, var(--color-text-primary) 15%, transparent);background:var(--color-surface);color:var(--color-text-primary);box-shadow:0 1px 2px var(--tile-contact), 0 14px 28px -10px var(--tile-lift);border-color:#0000}[data-theme=dark] .fab-back-to-top,[data-theme=dark] .pb-tile-action{--tile-contact:oklch(0% none none/.35);--tile-lift:oklch(0% none none/.6)}.pc-kebab,.pc-share-front,.ws-close,.auth-close,.popover-close,.gate-close,.add-pb-modal-close,.pb-stage-close,.toolbar-kebab-btn,.pc-star,.auth-eye-btn,.pb-list-search-clear,.rail-foot-icon,.rail-signout,.translate-ex-icon,.conj-nav-arrow,.context-pin{box-shadow:none;background:0 0;border-color:#0000}.ws-close,.auth-close,.popover-close,.gate-close,.add-pb-modal-close,.pb-stage-close,.toolbar-kebab-btn,.auth-eye-btn,.pb-list-search-clear,.translate-ex-icon,.conj-nav-arrow,.context-pin{color:var(--color-text-secondary)}.save-pb-btn:focus-visible,.fc-play:focus-visible,.listen-btn:focus-visible,.pc-kebab:focus-visible,.pc-share-front:focus-visible,.fab-back-to-top:focus-visible,.ws-close:focus-visible,.auth-close:focus-visible,.popover-close:focus-visible,.gate-close:focus-visible,.add-pb-modal-close:focus-visible,.pb-stage-close:focus-visible,.toolbar-kebab-btn:focus-visible,.pb-tile-action:focus-visible,.pc-star:focus-visible,.auth-eye-btn:focus-visible,.pb-list-search-clear:focus-visible,.rail-foot-icon:focus-visible,.rail-signout:focus-visible,.translate-ex-icon:focus-visible,.conj-nav-arrow:focus-visible,.context-pin:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:2px}.pb-list-search-clear{margin:-12px -8px -12px 0}.context-pin{align-self:center}.overflow-menu-item,.tools-row,.toolbar-kebab-item,.pc-back-item,.pb-stage-row,.translate-ex-dd-item,.appearance-picker-option,.conv-drawer-option,.conv-drawer-setting-trigger{align-items:center;gap:var(--space-12);width:100%;min-height:48px;padding:0 var(--space-12);border-radius:var(--radius-lg);color:var(--color-text-primary);font-family:var(--font-ui);font-size:var(--text-base);text-align:left;cursor:pointer;background:0 0;border:0;font-weight:500;display:flex}.overflow-menu-item:where(:hover:not(:disabled)),.tools-row:where(:hover),.toolbar-kebab-item:where(:hover:not(:disabled)),.pc-back-item:where(:hover),.pb-stage-row:where(:hover),.translate-ex-dd-item:where(:hover),.appearance-picker-option:where(:hover),.conv-drawer-option:where(:hover),.conv-drawer-setting-trigger:where(:hover){background:var(--color-surface-sunken,var(--color-bg-subtle))}.overflow-menu-item:focus-visible,.tools-row:focus-visible,.toolbar-kebab-item:focus-visible,.pc-back-item:focus-visible,.pb-stage-row:focus-visible,.translate-ex-dd-item:focus-visible,.appearance-picker-option:focus-visible,.conv-drawer-option:focus-visible,.conv-drawer-setting-trigger:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:-2px}.tools-row.is-danger,.toolbar-kebab-item.danger,.pc-back-item.pc-back-item-danger,.pc-back-item.pc-back-item-danger svg,.pb-stage-row.danger,.pb-stage-row.danger .pb-stage-row-icon,.overflow-menu-item.conv-drawer-danger,[data-theme=dark] .tools-row.is-danger,[data-theme=dark] .toolbar-kebab-item.danger,[data-theme=dark] .pc-back-item.pc-back-item-danger,[data-theme=dark] .pc-back-item.pc-back-item-danger svg,[data-theme=dark] .pb-stage-row.danger,[data-theme=dark] .pb-stage-row.danger .pb-stage-row-icon,[data-theme=dark] .overflow-menu-item.conv-drawer-danger{color:var(--color-error)}.tools-row.is-danger:where(:hover),.toolbar-kebab-item.danger:where(:hover:not(:disabled)),.pc-back-item.pc-back-item-danger:where(:hover),.pb-stage-row.danger:where(:hover),.overflow-menu-item.conv-drawer-danger:where(:hover){background:color-mix(in oklch, var(--color-error) 12%, transparent)}.pc-back-item{min-height:0;color:var(--ink,var(--color-text-primary))}.pb-book-menu .pb-stage-row{min-height:36px}.conv-drawer-setting-trigger{padding:0 20px}.conv-drawer-option{padding:0 20px 0 28px}.pb-shelf-menu,.toolbar-kebab-dropdown,.translate-ex-dd-menu,.conj-tense-dropdown{--tile-contact:color-mix(in oklch, var(--color-text-primary) 7%, transparent);--tile-lift:color-mix(in oklch, var(--color-text-primary) 15%, transparent);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:0 1px 2px var(--tile-contact), 0 14px 28px -10px var(--tile-lift);border:0}.toolbar-kebab-dropdown,.translate-ex-dd-menu,.conj-tense-dropdown{padding:var(--space-4)}[data-theme=dark] .pb-shelf-menu,[data-theme=dark] .toolbar-kebab-dropdown,[data-theme=dark] .translate-ex-dd-menu,[data-theme=dark] .conj-tense-dropdown{--tile-contact:oklch(0% none none/.35);--tile-lift:oklch(0% none none/.6)}.appearance-picker-trigger,.translate-ex-dd,.pm-dialect-select,.settings .set-select{align-items:center;gap:var(--space-8);min-height:48px;padding:0 var(--space-12);border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-surface);box-shadow:none;color:var(--color-text-primary);font-family:var(--font-ui);font-size:max(16px, var(--text-base));text-align:left;cursor:pointer;font-weight:500}.appearance-picker-trigger,.translate-ex-dd{display:flex}.pm-dialect-select,.settings .set-select{appearance:none;padding-right:40px}.translate-ex-dd{min-height:44px}.settings .set-select{background-image:linear-gradient(45deg, transparent 50%, var(--color-text-tertiary) 50%), linear-gradient(135deg, var(--color-text-tertiary) 50%, transparent 50%);background-position:calc(100% - 21px),calc(100% - 16px);background-repeat:no-repeat;background-size:5px 5px}@media (hover:hover){.appearance-picker-trigger:hover,.translate-ex-dd:hover,.pm-dialect-select:hover,.settings .set-select:hover{border-color:var(--color-primary-active)}}.appearance-picker.open .appearance-picker-trigger,.translate-ex-dd.is-open,.translate-ex-dd-wrap.is-open .translate-ex-dd{border-color:var(--color-primary-active)}.appearance-picker-trigger:focus-visible,.translate-ex-dd:focus-visible,.pm-dialect-select:focus-visible,.settings .set-select:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:2px}.switch-control,.translate-ex-f-pills,.context-filedfilter,.pm-mode-tabs{gap:var(--space-4);border-radius:var(--radius-xl);background:var(--btn-paint-cool);box-shadow:inset -1px -1px 3px var(--highlight-paper), inset 2px 2px 5px var(--shadow-dark-paper);border:0;padding:3px}.switch-btn,.translate-ex-f-pill,.context-filedfilter-seg,.pm-mode-tab{min-height:38px;padding:0 var(--space-12);border-radius:var(--radius-lg);box-shadow:none;color:var(--ink-muted);font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;margin:0;font-weight:500}.switch-btn:hover,.translate-ex-f-pill:hover,.context-filedfilter-seg:hover,.pm-mode-tab:hover{color:var(--ink)}body:is([data-scheme=cyberpunk-bloom],[data-scheme=sol-nuclear],[data-scheme=ruta-bakalao]) :is(.switch-btn,.translate-ex-f-pill,.context-filedfilter-seg,.pm-mode-tab):not(.active){color:var(--color-text-secondary)}.switch-btn.active,.translate-ex-f-pill.active,.context-filedfilter-seg.active,.pm-mode-tab.active{background:var(--btn-paint-active);color:var(--color-accent-ink);box-shadow:-1px -1px 3px var(--highlight-paper), 2px 2px 5px var(--shadow-dark-paper)}.switch-btn:focus-visible,.translate-ex-f-pill:focus-visible,.context-filedfilter-seg:focus-visible,.pm-mode-tab:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:2px}body[data-scheme=forest-floor] .switch-btn.active,body[data-scheme=tokyo-twilight] .switch-btn.active,body[data-scheme=forest-floor] .translate-ex-f-pill.active,body[data-scheme=tokyo-twilight] .translate-ex-f-pill.active,body[data-scheme=forest-floor] .context-filedfilter-seg.active,body[data-scheme=tokyo-twilight] .context-filedfilter-seg.active,body[data-scheme=forest-floor] .pm-mode-tab.active,body[data-scheme=tokyo-twilight] .pm-mode-tab.active{color:var(--color-text-primary)}.context-filedfilter-seg{padding:0 var(--space-4)}.switch-btn{min-width:44px}.switch-btn,.translate-ex-f-pill,.context-filedfilter-seg,.pm-mode-tab{position:relative}.switch-btn:before,.translate-ex-f-pill:before,.context-filedfilter-seg:before,.pm-mode-tab:before{content:"";position:absolute;inset:-3px 0}.settings .sr-toggle,.tools-row-check{box-sizing:border-box;border-radius:var(--radius-pill);background:var(--color-border);cursor:pointer;border:0;flex:none;width:48px;height:28px;padding:0;transition:background .15s;position:relative}.tools-row-check{color:#0000;font-size:0}.settings .sr-toggle:after,.tools-row-check:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:left .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0000002e}.settings .sr-toggle.on,.tools-row-check.is-on{background:var(--color-primary-active)}.settings .sr-toggle.on:after,.tools-row-check.is-on:after{left:23px}.settings .sr-toggle:before{content:"";position:absolute;inset:-8px 0}.settings .sr-toggle:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:2px}.lt-chip,.qf-chip,.depth-chip,.speak-choice,.fc-listen-btn,.pc-voice-pill,.phrasecard-voice-pill,.phrasecard-preview-voice-pill,.gifted-audio-listen,.conv-disambig-btn,.translate-ex-disambig-btn,.conj-nav-pill,.practice-speak-btn{min-width:44px;min-height:44px;padding:0 var(--space-16);border-radius:var(--radius-pill);background:var(--btn-paint-cool);color:var(--color-text-primary);font-family:var(--font-ui);font-size:var(--text-sm);letter-spacing:normal;text-transform:none;cursor:pointer;box-shadow:-1.5px -1.5px 3px var(--highlight-paper), 2px 2px 5px var(--shadow-dark-paper);border:2px solid #0000;font-weight:500}.lt-chip[aria-pressed=true],.qf-chip[aria-pressed=true],.conj-nav-pill.active,.gifted-audio-listen.playing,.pc-voice-pill.pc-voice-pill-playing,.phrasecard-voice-pill.playing,.phrasecard-preview-voice-pill.playing{border-color:var(--color-primary);box-shadow:inset -1px -1px 2px var(--highlight-paper), inset 1.5px 1.5px 3px var(--shadow-dark-paper)}.pc-voice-pill,.phrasecard-voice-pill,.phrasecard-preview-voice-pill{color:var(--color-audio-fg)}.pc-voice-pill.pc-voice-pill-playing,.phrasecard-voice-pill.playing,.phrasecard-preview-voice-pill.playing{border-color:var(--color-audio-border)}.lt-chip:focus-visible,.qf-chip:focus-visible,.depth-chip:focus-visible,.speak-choice:focus-visible,.fc-listen-btn:focus-visible,.pc-voice-pill:focus-visible,.phrasecard-voice-pill:focus-visible,.gifted-audio-listen:focus-visible,.conv-disambig-btn:focus-visible,.translate-ex-disambig-btn:focus-visible,.conj-nav-pill:focus-visible,.practice-speak-btn:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:2px}.pc-voice-pill{padding:0 var(--space-8)}.pc-voice-pill.pc-voice-pill-listen{padding:0 var(--space-16)}.phrasecard-preview-voice-pill{min-width:0;min-height:24px;padding:0 var(--space-8)}.practice-accents{margin-top:var(--space-4);background:0 0;border-radius:0;gap:6px;padding:0}.practice-accent{--tile-contact:color-mix(in oklch, var(--color-text-primary) 7%, transparent);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);background:var(--color-surface);min-height:44px;color:var(--color-text-primary);font:400 var(--text-lg) var(--font-output);cursor:pointer;box-shadow:0 1px 2px var(--tile-contact);transition:box-shadow 80ms}[data-theme=dark] .practice-accent{--tile-contact:oklch(0% none none/.35)}.practice-accent:active:not(:disabled){box-shadow:inset 0 1px 2px var(--tile-contact)}@container (width<=347px){.practice-accents{gap:3px}}.qf-range,.pm-count-slider{width:100%;height:44px;min-height:44px;accent-color:var(--color-primary);cursor:pointer;background:0 0}.qf-range:focus-visible,.pm-count-slider:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:2px;border-radius:var(--radius-sm)}.magic-input,.ptr-input,.class-code-input,.lt-input,.lt-select,.share-email-modal-input,.onboarding-input,.pb-rename-label input,.settings .set-input,.settings .delete-input,.user-notes-input{box-sizing:border-box;min-height:48px;padding:0 var(--space-12);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:none;color:var(--color-text-primary);font-family:var(--font-ui);font-size:max(16px, var(--text-base));font-weight:400}.magic-input::placeholder,.ptr-input::placeholder,.class-code-input::placeholder,.lt-input::placeholder,.share-email-modal-input::placeholder,.onboarding-input::placeholder,.pb-rename-label input::placeholder,.settings .set-input::placeholder,.settings .delete-input::placeholder,.user-notes-input::placeholder{color:var(--color-text-secondary);opacity:.8}.magic-input:focus-visible,.ptr-input:focus-visible,.class-code-input:focus-visible,.lt-input:focus-visible,.lt-select:focus-visible,.share-email-modal-input:focus-visible,.onboarding-input:focus-visible,.pb-rename-label input:focus-visible,.settings .set-input:focus-visible,.settings .delete-input:focus-visible,.user-notes-input:focus-visible{outline:2px solid var(--color-accent-ink);outline-offset:2px}textarea.magic-input,textarea.ptr-input,textarea.share-email-modal-input,.user-notes-input{padding:var(--space-12)}.magic-input.pm-textarea{min-height:100px}.ptr-input.ptr-textarea{min-height:88px}textarea.share-email-modal-input{min-height:110px}.user-notes-input{min-height:80px;font-family:var(--font-output)}@media (width<=520px){textarea.share-email-modal-input{min-height:90px}}@media (hover:none) and (pointer:coarse){:where(input:not([type=checkbox],[type=radio],[type=range],[type=button],[type=submit],[type=reset],[type=file],[type=color],[type=image]),select){font-size:16px}textarea{font-size:max(16px, var(--text-base))}}.ref-search,.context-search,.pb-list-search{box-sizing:border-box;min-height:48px;padding:0 var(--space-12);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:none}.ref-search,.context-search input,.pb-list-search input{color:var(--color-text-primary);font-family:var(--font-ui);font-size:max(16px, var(--text-base));font-weight:400}.ref-search::placeholder,.context-search input::placeholder,.pb-list-search input::placeholder{color:var(--color-text-secondary);opacity:.8}.ref-search:focus-visible,.context-search:focus-within,.pb-list-search:focus-within{outline:2px solid var(--color-accent-ink);outline-offset:2px}.context-search{min-height:44px}.practice-input,.feedback-text{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:none}.practice-input::placeholder,.feedback-text::placeholder{color:var(--color-text-secondary);opacity:.8}.practice-input:focus-visible,.feedback-text:focus-visible{outline:2px solid var(--color-accent-ink);outline-offset:2px;box-shadow:none}.explore-tag,.ref-tag,.ptr-badge,.qf-rung-cefr,.qf-format,.learn-row--plan .learn-row-status,.pc-formality-tag.is-cost,.rich-soon-tag{align-items:center;gap:var(--space-4);min-height:22px;padding:0 var(--space-8);border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text-secondary);font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:normal;white-space:nowrap;background:0 0;font-weight:500;line-height:1.2;display:inline-flex}.pc-formality-tag.is-cost{color:var(--color-text-primary)}.ptr-badge.ptr-badge--active{background:rgb(var(--color-primary-rgb) / .12);color:var(--color-text-primary);border-color:#0000}.ptr-badge.ptr-badge--paused,.ptr-badge.ptr-badge--ended{border-color:var(--color-error)}.learn-chip,.jy-state,.learn-your-pill,.learn-your-level,.pc-test-status,.lj-step-tag,.jy-step,.pbt-step,.explore-tag--draft,.explore-tag--opus,.explore-tag--claude,.explore-tag--more{align-items:center;gap:var(--space-4);min-height:22px;padding:0 var(--space-8);border-radius:var(--radius-pill);background:rgb(var(--color-primary-rgb) / .12);color:var(--color-text-primary);font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:normal;white-space:nowrap;border:1px solid #0000;font-weight:500;line-height:1.2;display:inline-flex}.pbt-step{color:var(--color-text-secondary);background:0 0}.pbt-step.is-current{background:rgb(var(--color-primary-rgb) / .12);color:var(--color-text-primary)}.lj-step-tag,.jy-step{background:rgb(var(--color-primary-rgb) / .16);color:var(--color-text-primary)}[data-theme=dark] .lj-step-tag,[data-theme=dark] .jy-step{background:rgb(var(--color-primary-rgb) / .24)}.lj-step-tag{padding-top:1px}.learn-chip--done,.pc-test-status--known,.lj-step.is-done .lj-step-tag,.jy-step.is-done{background:color-mix(in oklch, var(--color-success) 22%, transparent);color:var(--color-text-primary)}.jy-state--unsure{border-color:var(--color-border);color:var(--color-text-secondary);background:0 0}.learn-chip--attention,.jy-state--refresh,.explore-tag--draft,.explore-tag--opus{background:color-mix(in oklch, var(--color-warning) 24%, transparent)}.learn-your-level{padding:var(--space-8) var(--space-16);font-size:var(--text-md)}.jy-step{gap:var(--space-8);padding:var(--space-4) var(--space-12) var(--space-4) var(--space-4);font-size:var(--text-sm)}.pbt-step{gap:var(--space-8);min-height:32px;padding:0 var(--space-12) 0 var(--space-4);font-size:var(--text-sm)}.plans-card-badge,.rail-count,.games-soon{min-height:22px;padding:0 var(--space-8);border-radius:var(--radius-pill);background:var(--color-primary);color:var(--color-on-primary);font-family:var(--font-ui);font-size:var(--text-xs);white-space:nowrap;border:0;justify-content:center;align-items:center;font-weight:500;line-height:1.2;display:inline-flex}.rail-count{background:var(--color-on-secondary);color:var(--color-secondary)}.games-soon{background:var(--color-bg-subtle);color:var(--color-text-secondary)}.learn-row-num,.practice-match-no,.pbt-step-n{background:var(--color-surface-sunken,var(--color-bg-subtle));width:24px;height:24px;color:var(--color-text-primary);font-family:var(--font-ui);font-size:var(--text-xs);font-variant-numeric:tabular-nums;border:0;border-radius:50%;flex:none;place-items:center;font-weight:500;display:inline-grid}.pbt-step.is-current .pbt-step-n{background:var(--color-primary);color:var(--color-on-primary)}.pb-options-bar,.context-top{box-shadow:none;background:0 0;border:0}.test-answer,.ptr-row,.practice-sort-row,.pb-section .sec-h{box-shadow:none;background:0 0;border:0;border-radius:0}.test-answers,.ptr-list,.practice-sort{gap:0}.test-answer+.test-answer,.ptr-row+.ptr-row,.practice-sort-row+.practice-sort-row{border-top:1px solid var(--color-border-light)}.pb-section .sec-h{border-bottom:1px solid var(--color-border-light);min-height:44px}[data-theme=dark] .test-answer+.test-answer,[data-theme=dark] .ptr-row+.ptr-row,[data-theme=dark] .practice-sort-row+.practice-sort-row{border-top-color:var(--color-border)}[data-theme=dark] .pb-section .sec-h{border-bottom-color:var(--color-border)}.pb-section .sec-h:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:2px;border-radius:var(--radius-sm)}.overlay,.paywall-overlay,.add-pb-backdrop,.gifted-modal-backdrop,.share-email-modal-backdrop{background:#0000008c}[data-theme=dark] .overlay,[data-theme=dark] .paywall-overlay,[data-theme=dark] .add-pb-backdrop,[data-theme=dark] .gifted-modal-backdrop,[data-theme=dark] .share-email-modal-backdrop{background:#000000a6}.auth-modal,.pb-rename-modal,.paywall-modal,.confirm-delete-modal,.gifted-modal,.share-email-modal,.add-pb-modal{--tile-contact:color-mix(in oklch, var(--color-text-primary) 7%, transparent);--tile-lift:color-mix(in oklch, var(--color-text-primary) 15%, transparent);padding:var(--space-24);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:0 1px 2px var(--tile-contact), 0 24px 48px -12px var(--tile-lift);border:0}[data-theme=dark] .auth-modal,[data-theme=dark] .pb-rename-modal,[data-theme=dark] .paywall-modal,[data-theme=dark] .confirm-delete-modal,[data-theme=dark] .gifted-modal,[data-theme=dark] .share-email-modal,[data-theme=dark] .add-pb-modal{--tile-contact:oklch(0% none none/.35);--tile-lift:oklch(0% none none/.6)}.auth-title,.paywall-title,.pb-rename-title,.confirm-delete-title,.add-pb-modal-title,.share-email-modal-title,.apc-title{font-family:var(--font-ui);font-size:var(--text-lg);font-weight:500}.bottom-sheet-dialog,.pb-share-sheet{--tile-contact:color-mix(in oklch, var(--color-text-primary) 7%, transparent);--tile-lift:color-mix(in oklch, var(--color-text-primary) 15%, transparent);border-radius:var(--radius-xl) var(--radius-xl) 0 0;background:var(--color-surface);box-shadow:0 -12px 32px -12px var(--tile-lift);border:0}[data-theme=dark] .bottom-sheet-dialog,[data-theme=dark] .pb-share-sheet{--tile-contact:oklch(0% none none/.35);--tile-lift:oklch(0% none none/.6)}@media (width<=639px){.overlay:has(>.pb-share-sheet){align-items:flex-end;padding:0}.pb-share-sheet{max-width:520px;animation:.2s slideUp}}@media (width>=640px){.pb-share-sheet{border-radius:var(--radius-xl);box-shadow:0 1px 2px var(--tile-contact), 0 24px 48px -12px var(--tile-lift)}}@media (prefers-reduced-motion:reduce){.pb-share-sheet{animation:none}}.ptr-table :where(th,td){padding:var(--space-8);border-bottom:1px solid var(--color-border-light);font-variant-numeric:tabular-nums}[data-theme=dark] .ptr-table :where(th,td){border-bottom-color:var(--color-border)}.ptr-table thead th{border-bottom:2px solid var(--color-border);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-secondary);font-weight:500}.ptr-table-earn--now th,.ptr-table-earn--now td{background:var(--color-primary-tint)}[data-theme=dark] .ptr-table-earn--now th,[data-theme=dark] .ptr-table-earn--now td{background:rgb(var(--color-primary-rgb) / .12)}.conj-row td,.conj-example-row td,.ref-table th,.ref-table td{border-top:0;border-bottom:1px solid var(--color-border-light)}.conj-row:last-child td,.conj-example-row:last-child td,.ref-table tr:last-child th,.ref-table tr:last-child td{border-bottom:0}[data-theme=dark] .conj-row td,[data-theme=dark] .conj-example-row td,[data-theme=dark] .ref-table th,[data-theme=dark] .ref-table td{border-bottom-color:var(--color-border)}.conj-row td,.ref-table th,.ref-table td{padding:var(--space-8)}.conj-row td:first-child,.ref-table th{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:400}.conj-row td:last-child,.ref-table td{font-family:var(--font-output);font-size:var(--text-md);color:var(--color-text-primary);font-weight:400}.conj-row:hover td,.conj-row.expanded td,.conj-example-row td{background:var(--color-primary-tint)}[data-theme=dark] .conj-row:hover td,[data-theme=dark] .conj-row.expanded td,[data-theme=dark] .conj-example-row td{background:rgb(var(--color-primary-rgb) / .12)}.conj-row td:first-child{padding-left:var(--space-16)}.conj-row td:last-child{padding-right:var(--space-16)}.ref-table th{padding-left:0}.ref-table td{padding-right:0}.read-table th{padding:var(--space-8);border-bottom:2px solid var(--color-border);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-secondary);font-weight:500}.read-table td{padding:var(--space-8);border-bottom:1px solid var(--color-border-light)}.read-table--grid td{border:1px solid var(--color-border-light)}[data-theme=dark] .read-table td,[data-theme=dark] .read-table:not(.read-table--grid) tr{border-color:var(--color-border)}.learn-btn--primary:disabled,.learn-btn--primary[aria-disabled=true],.ptr-btn--primary:disabled,.class-code-submit:disabled,.class-code-submit[aria-disabled=true],.magic-btn:disabled,.pb-empty .btn:disabled,.add-pb-modal-btn-primary:disabled,.pm-cta:disabled,.gifted-modal-btn-add:disabled,.share-email-modal-btn-send:disabled,.pb-rename-save:disabled,.onboarding-btn:disabled,.onboarding-btn[aria-disabled=true],.translate-ex-send:disabled,.settings .plan-upsell-btn:disabled,.apc-share-btn--primary:disabled{opacity:1;border-color:var(--color-border);background:var(--color-bg-subtle);color:var(--color-text-secondary);box-shadow:none;cursor:not-allowed;border-style:dashed}.practice-actions .learn-btn--primary[aria-disabled=true]{opacity:1;box-shadow:none;cursor:default;background:color-mix(in srgb, var(--color-primary) 35%, var(--color-bg));color:var(--color-text-primary);border-style:solid;border-color:#0000}.form-error:empty{border:0;margin:0;padding:0}@media (height<=700px){.onboarding-overlay{padding:var(--space-12) var(--space-16)}.onboarding-flag{display:none}.onboarding-title{margin-bottom:var(--space-8)}.onboarding-band{margin-bottom:var(--space-12)}.onboarding-overlay .band-picker{gap:var(--space-8)}.onboarding-overlay .band-picker-options{gap:var(--space-4)}.onboarding-overlay .band-opt{padding:var(--space-8) var(--space-12)}.onboarding-overlay .band-opt-desc{line-height:1.35}.onboarding-input{margin-bottom:var(--space-8)}.onboarding-skip{margin-top:var(--space-4)}}.pb-book-menu .pb-stage-share-list{margin-bottom:var(--space-24);background:linear-gradient(var(--color-surface) 30%, transparent) center top, linear-gradient(transparent, var(--color-surface) 70%) center bottom, radial-gradient(farthest-side at 50% 0, var(--shadow-dark-paper), transparent) center top, radial-gradient(farthest-side at 50% 100%, var(--shadow-dark-paper), transparent) center bottom;background-repeat:no-repeat;background-size:100% 28px,100% 28px,100% 12px,100% 12px;background-attachment:local,local,scroll,scroll}.games-row-free{margin-left:var(--space-8);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary);font-weight:500}