/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.\!absolute{position:absolute!important}.\!relative{position:relative!important}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.isolate{isolation:isolate}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.\!hidden{display:none!important}.block{display:block}.contents{display:contents}.flex{display:flex}.flow-root{display:flow-root}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.shrink{flex-shrink:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.lowercase{text-transform:lowercase}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}@font-face{font-family:Noto Sans;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/noto-sans-latin-vietnamese-9a2bc4b333da.woff2)format("woff2")}.device-preferences-note{color:#becabb;margin:2px 0 14px;font-size:11px}.offline-video-setting{border-bottom:1px solid var(--line);gap:10px;margin-bottom:12px;padding:12px 0 16px;display:grid}.offline-video-setting p{color:#b7c1b4;margin:0;font-size:11px;line-height:1.55}.offline-video-setting>small{color:#b7c1b4;font-size:10px;line-height:1.5}.offline-capacity{color:#b7c1b4;flex-wrap:wrap;gap:7px 14px;font-size:10px;display:flex}.offline-capacity b{color:#e4efdb}.offline-saving{gap:6px;font-size:11px;display:grid}.offline-saving progress,.offline-video-card progress{accent-color:#a9d179;width:100%;height:5px}.offline-setting-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.offline-setting-actions a{color:#d7ff4f;font-size:11px;font-weight:700;text-decoration:none}.offline-setting-actions button{background:0 0;border:1px solid #455442;border-radius:8px;padding:7px;font-size:10px}.offline-retention{color:#b7c1b4;gap:6px;font-size:10px;display:grid}.offline-retention select{color:#e4efdb;background:#111a12;border:1px solid #455442;border-radius:8px;padding:7px;font-size:11px}.offline-setting-actions .offline-clear,.offline-clear-confirm .offline-clear{color:#ff9c8c;border-color:#7a3b33}.offline-clear-confirm{border:1px solid #7a3b33;border-radius:10px;gap:8px;padding:10px;display:grid}.offline-clear-confirm p{margin:0}.offline-page{color:#1a2b20;--line:#dde5d8;--lime:#3c6237;background:#f5f7f2;min-height:100dvh;padding:28px max(24px,50vw - 590px)}.offline-page header{border-bottom:1px solid #dce4d6;justify-content:space-between;align-items:center;gap:20px;padding-bottom:22px;display:flex}.offline-page header>a{font-size:13px;text-decoration:none}.offline-brand{letter-spacing:-.04em;font-weight:900;font-size:27px!important}.offline-brand span{letter-spacing:.13em;margin-left:16px;font-size:10px;font-weight:600}.offline-page-heading{justify-content:space-between;align-items:center;gap:24px;padding:38px 0;display:flex}.offline-page-heading small{letter-spacing:.14em;color:#6d7e65;font-size:11px}.offline-page-heading h1{letter-spacing:-.045em;margin:14px 0 20px;font-size:clamp(32px,4.5vw,54px);font-weight:800;line-height:1.08}.offline-page-heading p{color:#6c7867;max-width:620px;font-size:14px;line-height:1.7}.offline-total{background:#e8efdf;border-radius:22px;gap:5px;min-width:145px;padding:26px;display:grid}.offline-total strong{letter-spacing:-.06em;font-size:48px;line-height:1}.offline-total span{color:#6e7d63;font-size:12px}.offline-total b{margin-top:12px;font-size:14px}.offline-page-layout{grid-template-columns:minmax(0,1fr) 320px;gap:30px;display:grid}.offline-cards-section{min-width:0}.offline-sidebar{background:#fff;border:1px solid #dde5d8;border-radius:20px;align-self:start;padding:20px}.offline-device-label{letter-spacing:.14em;color:#7e8b74;font-size:10px}.offline-sidebar .offline-video-setting:last-child{border:0;margin:0}.offline-sidebar .offline-video-setting p,.offline-sidebar .offline-video-setting>small,.offline-sidebar .offline-capacity{color:#6e7d63;font-size:12px}.offline-sidebar .offline-capacity b{color:#29402d}.offline-sidebar .peer-video-heading>b{font-size:10px}.offline-sidebar .peer-video-heading button{color:#52634c;background:#f2f5ee;border-color:#dae3d3;min-height:32px;font-size:11px}.offline-sidebar .peer-video-heading button[aria-checked=true]{color:#3c6237;background:#e5efd9;border-color:#bfd4a7}.offline-sidebar .offline-setting-actions button{color:#42633a;border-color:#d6e1ce;font-size:11px}.offline-sidebar .offline-retention{color:#6e7d63;font-size:12px}.offline-sidebar .offline-retention select{color:#1a2b20;background:#fff;border-color:#d6e1ce;font-size:12px}.offline-sidebar .offline-setting-actions .offline-clear,.offline-sidebar .offline-clear-confirm .offline-clear{color:#a5372a;border-color:#e2c4bf}.offline-sidebar .offline-clear-confirm{background:#fdf5f3;border-color:#e2c4bf}.offline-list-heading{justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;display:flex}.offline-list-heading h2{margin:0;font-size:18px;font-weight:800}.offline-list-heading button{background:#edf2e6;border:1px solid #d5e0cc;border-radius:9px;padding:9px 12px;font-size:11px}.offline-empty{text-align:center;background:#eef4e7;border:1px dashed #c5d5b9;border-radius:20px;padding:42px 28px}.offline-empty>span{font-size:34px}.offline-empty h3{margin:10px 0;font-size:21px}.offline-empty p{color:#6a7a62;font-size:13px}.offline-empty a{color:#fff;background:#26442c;border-radius:10px;margin-top:16px;padding:11px 16px;font-size:13px;text-decoration:none;display:inline-block}.offline-video-grid{grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:18px;display:grid}.offline-video-card{background:#fff;border:1px solid #dde5d8;border-radius:17px;overflow:hidden}.offline-card-play{text-align:center;background:linear-gradient(135deg,#d4e6cf,#ebf3d6);border:0;place-content:center;gap:7px;width:100%;height:130px;display:grid}.offline-card-play>span{font-size:27px}.offline-card-play small{letter-spacing:.12em;font-size:10px}.offline-card-play:disabled{opacity:.55;cursor:default}.offline-video-card>div{padding:18px}.offline-video-card>div>small{color:#7c8b70;font-size:10px}.offline-video-card h3{margin:10px 0;font-size:16px;font-weight:700;line-height:1.4}.offline-video-card p{color:#738167;font-size:12px}.offline-delete{background:0 0;border:0;margin-top:16px;padding:0;font-size:11px;color:#8b6254!important}.offline-viewer{background:#fff;border:1px solid #d9e4cf;border-radius:20px;margin-bottom:28px;padding:20px}.offline-viewer>div:first-child{justify-content:space-between;align-items:center;gap:16px;display:flex}.offline-viewer h2{margin:0 0 18px;font-size:18px;font-weight:700}.offline-viewer button{background:#f0f4eb;border:0;border-radius:8px;font-size:23px}.offline-viewer video{object-fit:contain;background:#101a12;border-radius:12px;width:100%;max-height:65dvh}.offline-subtitle{text-align:center;gap:6px;padding:16px;display:grid}.offline-subtitle b{font-size:22px}.offline-subtitle span{color:#6d7d64;font-size:14px}@media (max-width:767px){.offline-page{padding:20px 18px 32px}.offline-brand span{margin:0;font-size:9px;display:block}.offline-page-heading{align-items:flex-start;padding:28px 0}.offline-page-heading h1{font-size:33px}.offline-page-heading p{font-size:12px}.offline-total{border-radius:15px;min-width:80px;padding:14px}.offline-total strong{font-size:32px}.offline-total span{font-size:10px}.offline-page-layout{grid-template-columns:1fr;gap:24px}.offline-sidebar{grid-row:2}}:root{--ink:#f6f7f1;--muted:#93988f;--line:#ffffff1a;--panel:#151816;--lime:#d7ff4f;--orange:#ff7657}*{box-sizing:border-box}html,body{background:#080a09;min-height:100%;margin:0}body{color:var(--ink);font-family:Noto Sans,Arial,Helvetica,sans-serif}button,a{color:inherit;font:inherit}input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{background:radial-gradient(circle at 75% 15%,#d7ff4f12,#0000 28%),#080a09;height:100vh;min-height:680px;overflow:hidden}.topbar{border-bottom:1px solid var(--line);z-index:20;grid-template-columns:1fr auto 1fr;align-items:center;height:70px;padding:0 30px;display:grid;position:relative}.brand{letter-spacing:.12em;align-items:center;gap:9px;font-weight:900;text-decoration:none;display:flex}.brand-mark{background:var(--lime);color:#0a0c0a;letter-spacing:0;border-radius:9px 2px;place-items:center;width:31px;height:31px;font-size:17px;display:grid;transform:rotate(-3deg)}.brand small{color:#6e746b;white-space:nowrap;align-self:flex-end;margin:0 0 4px -4px;padding-left:1px;font-size:8px}.feed-tabs{gap:32px;height:100%;display:flex}.tab{color:#737871;background:0 0;border:0;padding:0;font-size:13px;font-weight:700;position:relative}.tab.active{color:var(--ink)}.tab.active:after{content:"";background:var(--lime);height:3px;position:absolute;bottom:0;left:0;right:0}.header-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.upload-button{border:1px solid var(--line);background:#171a18;border-radius:9px;padding:9px 14px;font-size:12px;font-weight:800}.upload-button span{color:var(--lime);margin-right:5px}.avatar{color:#382d21;background:#e5d1b3;border:0;border-radius:50%;width:35px;height:35px;font-size:11px;font-weight:900}.account-menu-wrap{position:relative}.avatar img{border-radius:inherit;object-fit:cover;width:100%;height:100%;display:block}.account-menu{z-index:100;background:#f9faf7fa;border:1px solid #ffffff1a;border-radius:16px;width:205px;padding:9px;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 18px 50px #00000047}.account-menu button{color:#20231f;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;width:100%;min-height:46px;padding:0 12px;font-size:12px;font-weight:800;display:flex}.account-menu button:hover{background:#eef0eb}.account-menu i{color:#20231f;width:22px;font-size:19px;font-style:normal;font-weight:400}.language-bar{border-bottom:1px solid var(--line);z-index:15;background:#0c0e0de6;justify-content:center;align-items:center;gap:44px;min-height:63px;padding:10px 30px;display:flex;position:relative}.filter-group{align-items:center;gap:14px;min-width:0;display:flex}.filter-label{color:#7e847b;text-transform:uppercase;letter-spacing:.12em;white-space:nowrap;font-size:10px;font-weight:800}.filter-label i{background:var(--lime);border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block;box-shadow:0 0 0 4px #d7ff4f14}.language-pills{gap:7px;display:flex}.language-pill,.add-language{border:1px solid var(--line);color:#777c75;white-space:nowrap;background:0 0;border-radius:7px;padding:7px 9px;font-size:10px}.language-pill b,.translate-picker b{color:var(--lime);letter-spacing:.08em;margin-right:5px;font-size:8px}.language-pill.selected{color:var(--ink);background:#d7ff4f12;border-color:#d7ff4f59}.language-pill span{color:#7e847b;margin-left:6px}.add-language{border-style:dashed}.translate-picker{align-items:center;gap:10px;display:flex}.language-selectors{align-items:center;gap:18px;display:flex}.learner-languages{align-items:center;gap:10px;display:flex}.language-direction{color:var(--lime);font-size:13px}.learning-mode-picker{align-items:center;gap:6px;display:flex}.learning-mode-picker>span{color:#858d85;letter-spacing:.12em;margin-right:4px;font-size:8px;font-weight:900}.learning-mode-picker button{text-align:left;background:#2d342e;border:1px solid #ffffff1a;border-radius:8px;grid-template-columns:16px auto;align-items:center;gap:1px 6px;min-height:40px;padding:5px 9px;display:grid}.learning-mode-picker button.active{background:#d7ff4f17;border-color:#d7ff4f6b}.learning-mode-picker i{color:#737b73;grid-row:1/span 2;font-size:9px;font-style:normal}.learning-mode-picker .active i{color:var(--lime)}.learning-mode-picker b{font-size:8px}.learning-mode-picker small{color:#7b837b;font-size:6px}.preference-sync{color:#788078;white-space:nowrap;font-size:7px;font-weight:800}.translate-picker>span{color:#777c75;text-transform:uppercase;letter-spacing:.11em;font-size:10px;font-weight:800}.translate-picker button{color:#171a17;background:#f1f2eb;border:0;border-radius:8px;padding:9px 11px;font-size:10px;font-weight:800}.translate-picker button b{color:#22271d;background:var(--lime);border-radius:3px;padding:3px 4px}.translate-picker button span{margin-left:12px}.workspace{grid-template-columns:minmax(180px,250px) minmax(430px,590px);justify-content:center;align-items:center;gap:clamp(28px,4vw,68px);height:calc(100vh - 70px);padding:22px 28px;display:grid}.workspace>.word-panel{display:none}.context-panel{border:1px solid var(--line);background:#151816d1;border-radius:18px}.left-panel{padding:24px}.tiktok-sidebar-brand{color:#f2f6ef;align-items:center;gap:7px;margin-bottom:16px;display:flex}.tiktok-sidebar-brand span{background:var(--lime);color:#172310;border-radius:7px;place-items:center;width:23px;height:23px;font-weight:1000;display:grid}.tiktok-sidebar-brand b{letter-spacing:.08em;font-size:15px}.tiktok-sidebar-brand small{color:#6c746b;letter-spacing:.1em;margin-left:auto;font-size:7px}.tiktok-search{color:#9aa499;background:#242a25;border-radius:10px;align-items:center;gap:8px;margin-bottom:13px;padding:9px 11px;font-size:16px;display:flex}.tiktok-search span{color:#707970;font-size:10px}.tiktok-sidebar-nav{gap:3px;display:grid}.tiktok-sidebar-nav a,.tiktok-sidebar-nav button{color:#9da69a;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;min-height:36px;padding:0 9px;font-size:17px;text-decoration:none;display:flex}.tiktok-sidebar-nav a span,.tiktok-sidebar-nav button span{font-size:10px;font-weight:800}.tiktok-sidebar-nav a:hover,.tiktok-sidebar-nav button:hover,.tiktok-sidebar-nav .active{color:var(--lime);background:#d7ff4f17}.tiktok-sidebar-divider{background:var(--line);height:1px;margin:15px 0 19px}.tiktok-sidebar-nav i{font-style:normal;line-height:1}.panel-eyebrow,.word-panel-head>span,.example-box>span,.phrase-list>span{letter-spacing:.16em;color:#72786f;font-size:8px;font-weight:900}.left-panel h2{margin:9px 0 3px;font-size:25px}.left-panel>p{color:#777c75;margin:0;font-size:10px}.progress-ring{background:conic-gradient(var(--lime) 0 68%, #272b28 68% 100%);border-radius:50%;place-items:center;width:96px;height:96px;margin:25px auto;display:grid;position:relative}.progress-ring:after{content:"";background:#151816;border-radius:50%;position:absolute;inset:8px}.progress-ring span{z-index:1;font-size:24px;font-weight:900;position:relative}.progress-ring small{color:#7b8178;font-size:10px}.daily-progress>div:first-child{justify-content:space-between;align-items:end;display:flex}.daily-progress span{font-size:12px;font-weight:800}.daily-progress small{color:#72786f;font-size:9px}.progress-track{background:#2b2f2b;border-radius:4px;height:4px;margin-top:8px;overflow:hidden}.progress-track i{background:var(--orange);width:60%;height:100%;display:block}.world-copy{border-top:1px solid var(--line);gap:11px;margin-top:24px;padding-top:20px;display:flex}.world-copy>span{color:var(--lime);font-size:20px}.world-copy p{color:#747a72;margin:0;font-size:9px;line-height:1.55}.world-copy b{color:#cbd0c7;font-size:10px}.feed-stage{touch-action:none;overscroll-behavior:contain;justify-content:center;align-items:center;height:100%;min-height:510px;display:flex;position:relative}.feed-stage.is-mouse-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.feed-stage.is-mouse-dragging *{cursor:grabbing!important}@media (hover:hover) and (pointer:fine){.feed-stage .player-media-region{cursor:grab}}.autoplay-sound-button{z-index:8;color:#fff;cursor:pointer;background:#00000073;border:1px solid #fff9;border-radius:20px;padding:8px 12px;font-size:12px;position:absolute;bottom:12px;right:12px}.media-preload-queue{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed;overflow:hidden}.media-preload-queue video{width:1px;height:1px}.shared-player-shell{aspect-ratio:9/14.8;max-width:calc(100vw - 140px);height:min(100%,780px);position:relative}.shared-player-shell.video-pinned-to-top{align-self:flex-start}.shared-player-shell>.video-card{aspect-ratio:auto;width:100%;max-width:none;height:100%}.player-bottom-controls{z-index:85;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0c0e0ce0;border:1px solid #ffffff24;border-radius:12px;padding:10px;position:absolute;bottom:14px;left:13px;right:13px}.player-bottom-controls:empty{display:none}.player-bottom-controls:not(:has([data-player-bottom-dock])){display:none}.player-workspace-grip{display:none}@media (min-width:768px) and (pointer:fine){.player-bottom-controls,.app-shell.is-panels-hidden .player-bottom-controls{width:clamp(280px,20vw,440px);max-width:calc(100vw - 16px);padding:24px 8px 8px;position:fixed;bottom:16px;left:50%;right:auto;transform:translate(-50%)}.player-workspace-grip{z-index:10;gap:3px;display:flex;position:absolute;top:2px;left:50%;transform:translate(-50%)}.player-workspace-grip button{color:#e8efdf;cursor:grab;touch-action:none;background:#10150edb;border:1px solid #ffffff35;border-radius:6px;place-items:center;width:26px;height:22px;padding:2px;display:grid}.player-workspace-grip button:active{cursor:grabbing}.player-workspace-grip button:focus-visible{outline-offset:2px;outline:2px solid #d7ff4f}.player-workspace-grip svg{width:15px;height:15px}.player-media-region>.player-workspace-grip{opacity:.7;flex-direction:row-reverse;top:8px;left:auto;right:8px;transform:none}.player-media-region:hover>.player-workspace-grip,.player-media-region:focus-within>.player-workspace-grip{opacity:1}.video-card:has(.player-media-region.is-floating){box-shadow:none;background:0 0;overflow:visible}.player-media-region.is-floating{z-index:1;border-radius:10px}}.subtitle-region-edit{z-index:9;color:#d7ff4f;opacity:0;pointer-events:none;background:#0b100ef2;border:1px solid #d7ff4f66;border-radius:7px;place-items:center;width:25px;height:25px;padding:5px;display:grid;position:absolute;top:2px;right:2px;cursor:pointer!important}.subtitle-region-edit svg{width:14px;height:14px}.subtitle-movable-group:hover>.subtitle-region-edit,.subtitle-movable-group:focus-within>.subtitle-region-edit{opacity:1;pointer-events:auto}.subtitle-region-editor-backdrop{z-index:300;background:0 0;position:fixed;inset:0}.subtitle-region-editor{color:#f4f7ef;background:#141a16;border:1px solid #ffffff38;border-radius:14px;width:288px;max-height:calc(100dvh - 16px);padding:14px;font-size:13px;position:fixed;overflow-y:auto;box-shadow:0 12px 60px #0009}.subtitle-region-editor label{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;display:flex}.subtitle-region-editor input,.subtitle-region-editor select{color:#f4f7ef;background:#242b24;border:1px solid #ffffff30;border-radius:6px;max-width:155px;padding:5px}.subtitle-region-editor input[type=color]{width:52px;height:30px;padding:2px}.subtitle-region-editor input[type=range]{accent-color:#d7ff4f;width:100%;max-width:none}.subtitle-region-coordinates{gap:10px;display:flex}.subtitle-region-coordinates input{width:80px}.subtitle-region-reset{color:#f4f7ef;background:#ffffff0c;border:1px solid #ffffff30;border-radius:6px;width:100%;margin-top:14px;padding:7px}.player-external-controls{z-index:12;flex-direction:column;align-items:center;gap:5px;display:flex;position:absolute;top:60px;left:-50px;right:auto;transform:none}.video-speed-picker{color:#fff;flex-direction:column;align-items:center;gap:6px;width:38px;display:flex}.video-controls-dropdown{color:#fff;background:0 0;border:0;place-items:center;width:38px;height:38px;padding:0;display:grid}.video-controls-dropdown svg{filter:drop-shadow(0 1px 3px #000);width:24px;height:24px;transition:transform .15s}.video-controls-dropdown[aria-expanded=true] svg{transform:rotate(180deg)}.video-controls-dropdown-panel{scrollbar-width:none;flex-direction:column;align-items:center;gap:5px;max-height:min(75dvh,500px);display:flex;overflow-y:auto}.player-external-controls>.series-link{background:0 0;border:0;border-radius:0;flex-direction:column;gap:3px;width:38px;min-height:36px;padding:4px 0;position:static}.player-external-controls>.series-link svg{width:20px;height:20px}.player-external-controls>.series-link small{font-size:8px}.video-controls-dropdown-panel[hidden]{display:none}.video-background-toggle{color:#fff;background:0 0;border:0;place-items:center;width:38px;height:34px;padding:0;display:grid}.video-background-toggle svg{filter:drop-shadow(0 1px 3px #000);width:21px;height:21px}.video-background-toggle.active{color:#ff3b30}:is(.video-controls-dropdown:focus-visible,.video-background-toggle:focus-visible){outline-offset:2px;outline:2px solid #fff}.video-speed-picker-options{grid-template-columns:1fr;gap:5px;width:100%;display:grid}.video-speed-picker-options button{color:#fff;text-shadow:0 1px 3px #000000eb;background:0 0;border:0;border-radius:0;width:38px;min-width:0;height:28px;padding:0;font-size:8px;font-weight:900}.video-speed-picker-options button.active{color:#ff3b30;box-shadow:none;background:0 0}.video-speed-picker-options button:focus-visible{outline-offset:2px;outline:2px solid #fff}.video-auto-advance-toggle{color:#fff;text-shadow:0 1px 3px #000;background:0 0;border:0;justify-items:center;gap:1px;width:38px;min-height:38px;padding:4px 0;display:grid}.video-auto-advance-toggle svg{filter:drop-shadow(0 1px 2px #000);width:20px;height:20px}.video-auto-advance-toggle small{letter-spacing:.03em;font-size:6px;font-weight:900}.video-auto-advance-toggle.active{color:#ff3b30}.video-auto-advance-toggle:focus-visible{outline-offset:2px;outline:2px solid #fff}.video-card{aspect-ratio:9/14.8;background:#202820;border-radius:22px;max-width:calc(100vw - 140px);height:min(100%,780px);position:relative;overflow:hidden;box-shadow:0 28px 80px #00000073}.video-card video{object-fit:contain;width:100%;height:100%;display:block}.video-card>video,.video-card>.youtube-player{transform:scale(var(--video-scale,1));transform-origin:50%}.video-card>.buffered-series-player{transform:scale(var(--video-scale,1));transform-origin:50%;position:absolute;inset:0}.buffered-series-player>video{transition:none;position:absolute;inset:0}.video-pinned-to-top .video-card video{object-position:center top}.video-pinned-to-top .video-card>video,.video-pinned-to-top .video-card>.youtube-player,.video-pinned-to-top .video-card>.buffered-series-player{transform-origin:top}.player-media-region{width:100%;height:100%;position:relative;overflow:hidden}.player-media-region>video,.player-media-region>.youtube-player{transform:scale(var(--video-scale,1));transform-origin:50%}.player-media-region>.buffered-series-player{transform:scale(var(--video-scale,1));transform-origin:50%;position:absolute;inset:0}.video-pinned-to-top .player-media-region>video,.video-pinned-to-top .player-media-region>.youtube-player,.video-pinned-to-top .player-media-region>.buffered-series-player{transform-origin:top}.player-auto-layout .player-media-region{height:var(--auto-video-height,100%)}.player-auto-layout [data-live-subtitle-panel]{height:var(--auto-subtitle-height);max-height:none;bottom:auto;top:var(--auto-subtitle-top)!important}.subtitle-layout-body{display:flow-root;overflow:visible}.subtitle-layout-measurement{visibility:hidden;pointer-events:none;contain:layout style;height:auto!important;max-height:none!important;position:absolute!important;inset:0 auto auto -100000px!important;overflow:visible!important}.subtitle-layout-chrome{width:100%;border:0!important;height:auto!important;max-height:none!important;margin:0!important;padding:0!important;position:static!important;inset:auto!important;overflow:visible!important}@media (min-width:761px){.shared-player-shell{height:calc(100% - 20px);max-height:none}}@media (max-width:760px){.player-bottom-controls{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;padding:0;position:static}}.youtube-player,.youtube-player iframe{border:0;width:100%;height:100%;display:block}.local-playback-note{z-index:3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#060807a6;border:1px solid #ffffff2e;border-radius:999px;padding:6px 9px;font-size:8px;font-weight:800;position:absolute;top:14px;left:14px}.video-meta{text-shadow:0 1px 8px #000;position:absolute;bottom:274px;left:21px;right:21px}.creator-row{align-items:center;gap:9px;display:flex}.creator-avatar{background:#b44b35;border:1px solid #ffffff80;border-radius:50%;place-items:center;width:32px;height:32px;font-size:12px;font-weight:900;display:grid}.creator-row>div{flex-direction:column;flex:1;display:flex}.creator-row b{font-size:11px}.creator-row div span{color:#b8bcb5;margin-top:2px;font-size:8px}.creator-row button{background:#0003;border:1px solid #ffffff8c;border-radius:6px;padding:6px 8px;font-size:8px;font-weight:800}.video-meta>p{margin:10px 0 8px;font-size:10px}.meta-tags{gap:6px;display:flex}.meta-tags span{color:#d5d8d1;background:#00000059;border-radius:4px;padding:4px 6px;font-size:7px}.subtitle-card{--subtitle-scale:1.25;--subtitle-top:max(16px, calc(100dvh - 550px - var(--subtitle-vertical-offset,0px)));left:13px;right:13px;top:var(--subtitle-top);height:auto;max-height:calc(100dvh - var(--subtitle-top) - 90px);scrollbar-width:none;-ms-overflow-style:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:15px;padding:13px 14px 10px;position:absolute;bottom:auto;overflow:visible}.subtitle-card::-webkit-scrollbar{display:none}[data-player-gesture-pass-through]{pointer-events:none}[data-player-gesture-pass-through] :is(button,a,input,textarea,select,[contenteditable=true],[role=button],[role=slider],[role=dialog]){pointer-events:auto}[data-player-gesture-surface]{touch-action:none}.subtitle-card.transparent-mode{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;text-shadow:0 2px 5px #000,0 0 12px #000;background:0 0;border-color:#0000}.subtitle-head{background:var(--subtitle-panel-background,#0c0e0cb8);color:#aeb5ab;text-transform:uppercase;letter-spacing:.08em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #ffffff1c;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;width:fit-content;max-width:100%;margin-bottom:4px;padding:3px 6px;font-size:7px;font-weight:800;display:flex}.subtitle-head i{background:var(--lime);border-radius:50%;width:5px;height:5px;margin-right:5px;display:inline-block}.subtitle-head>button{color:#8a9087;background:0 0;border:0;border-radius:5px;padding:4px 6px;font-size:7px;font-weight:800}.subtitle-head>button.active{color:var(--lime);background:#d7ff4f1f}.subtitle-actions{align-items:center;gap:3px;display:flex}.subtitle-actions>button{color:#8a9087;background:0 0;border:0;border-radius:5px;padding:4px 6px;font-size:7px;font-weight:800}.subtitle-actions>button.active{color:var(--lime);background:#d7ff4f1f}.subtitle-icon-rail{pointer-events:auto;flex-direction:column;align-items:center;gap:6px;display:flex}.subtitle-icon-button{color:#fff;filter:drop-shadow(0 1px 3px #000);background:0 0;border:0;border-radius:9px;flex:none;place-items:center;width:34px;height:34px;padding:0;display:grid}.subtitle-icon-button>svg{width:18px;height:18px}:is(.subtitle-icon-button:hover,.subtitle-icon-button:focus-visible,.subtitle-icon-button.active,.subtitle-icon-button[aria-pressed=true]){color:var(--lime)}.subtitle-icon-button:focus-visible{outline:2px solid var(--lime);outline-offset:2px}.speaking-practice-trigger svg,.subtitle-settings-trigger svg,.vocabulary-layout-toggle svg{stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.sentence-actions{align-items:center;display:flex}.sentence-actions-trigger{color:#c3cabf}.sentence-actions-trigger svg{width:15px;height:15px}.sentence-actions-trigger:hover{color:var(--lime);border-color:#d7ff4f6b}.sentence-actions-trigger[aria-expanded=true]{color:var(--lime);background:#d7ff4f21;border-color:#d7ff4f7a}.sentence-actions-trigger:disabled{opacity:.4;cursor:not-allowed}.sentence-actions-trigger:focus-visible{outline:2px solid var(--lime);outline-offset:2px}.sentence-actions-menu{z-index:120;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);min-width:184px;text-shadow:none;background:#181d19fa;border:1px solid #ffffff29;border-radius:12px;gap:2px;padding:6px;display:grid;position:fixed;box-shadow:0 18px 46px #0009}.sentence-actions-menu[hidden]{display:none}.sentence-actions-menu>button{color:#e6eae1;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:9px;width:100%;min-height:34px;padding:0 9px;font-size:12px;font-weight:700;display:flex}:is(.sentence-actions-menu>button:hover,.sentence-actions-menu>button:focus-visible){color:var(--lime);background:#d7ff4f1f;outline:none}.sentence-actions-menu>button:disabled{opacity:.45;cursor:not-allowed}.sentence-actions-menu i{width:16px;color:inherit;text-align:center;font-size:13px;font-style:normal}.sentence-actions-menu .sentence-report-item{color:#ffd66c}:is(.sentence-actions-menu .sentence-report-item:hover,.sentence-actions-menu .sentence-report-item:focus-visible){color:#ffd66c;background:#ffd66c1f}.sentence-actions-menu .sentence-report-item>span[aria-hidden]{text-align:center;width:16px;font-size:13px;font-weight:900}.sentence-report-toast{z-index:130;left:50%;bottom:max(28px, env(safe-area-inset-bottom));color:#f3f6ee;width:min(420px,100vw - 28px);text-shadow:none;background:#182119;border:1px solid #6b7452;border-radius:14px;padding:18px;font-size:14px;position:fixed;transform:translate(-50%);box-shadow:0 12px 40px #0009}.sentence-report-toast strong{font-size:17px}.sentence-report-toast blockquote{white-space:pre-wrap;overflow-wrap:anywhere;background:#ffffff0a;border-left:3px solid #ffd66c;border-radius:4px;max-height:96px;margin:12px 0;padding:10px 12px;line-height:1.5;overflow:auto}.sentence-report-toast p{color:#bfcab9;margin:10px 0;font-size:13px;line-height:1.5}.sentence-report-toast>div{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.sentence-report-toast button{color:#f3f6ee;background:#263127;border:1px solid #6b7452;border-radius:8px;min-height:40px;padding:8px 20px;font-size:14px;font-weight:750}.sentence-report-toast .confirm-sentence-report{border-color:var(--lime);background:var(--lime);color:#172012}.sentence-report-toast button:disabled{opacity:.6}.sentence-report-toast .sentence-report-error{color:#ffad96}.sentence-editor{text-shadow:none;background:#121713e6;border:1px solid #d7ff4f4d;border-radius:9px;margin:11px 0 8px;padding:10px}.sentence-editor>span{color:var(--lime);letter-spacing:.1em;font-size:7px;font-weight:900;display:block}.sentence-editor textarea{resize:vertical;color:#f3f5ef;width:100%;min-height:70px;font:700 calc(13px * var(--subtitle-scale))/1.35 Arial, Helvetica, sans-serif;background:#111610;border:1px solid #ffffff29;border-radius:7px;outline:0;margin-top:8px;padding:8px}.sentence-editor textarea:focus{border-color:#d7ff4f99;box-shadow:0 0 0 2px #d7ff4f1a}.sentence-editor>p{color:#969d93;margin:7px 0 0;font-size:7px;line-height:1.4}.sentence-editor>em{color:#ff9c89;margin-top:6px;font-size:7px;font-style:normal;display:block}.sentence-timing-fields{grid-template-columns:1fr 1fr;gap:7px;margin-top:8px;display:grid}.sentence-timing-fields label{color:#8b9389;gap:4px;font-size:7px;font-weight:800;display:grid}.sentence-timing-fields label>span{justify-content:space-between;align-items:center;gap:5px;display:flex}.use-current-time{color:var(--lime);background:#d7ff4f14;border:1px solid #d7ff4f42;border-radius:5px;padding:3px 5px;font-size:6px;font-weight:900}.use-current-time:hover{background:#d7ff4f2b}.sentence-timing-fields input{min-width:0;color:var(--lime);background:#161b16;border:1px solid #ffffff24;border-radius:6px;outline:0;padding:6px 7px;font-size:10px;font-weight:800}.sentence-timing-fields input:focus{border-color:#d7ff4f8c}.sentence-editor-actions{justify-content:flex-end;gap:6px;margin-top:10px;display:flex}.sentence-editor-actions button{color:#bfc5bb;background:#2a302a;border:1px solid #ffffff24;border-radius:6px;padding:6px 8px;font-size:7px;font-weight:800}.sentence-editor-actions .save-sentence-edit{border-color:var(--lime);background:var(--lime);color:#182015}.sentence-editor-actions .delete-sentence-edit{color:#ff9b91;background:#ff9b9114;border-color:#ff9b9159;margin-right:auto}.sentence-editor-actions button:disabled{cursor:wait;opacity:.55}.sentence-issue-actions{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.sentence-issue-actions button{color:#f3f5ef;background:0 0;border:1px solid #ffffff47;border-radius:7px;flex:100px;min-height:36px;padding:7px 9px;font-size:12px;line-height:1.3}.sentence-issue-actions button:hover{color:#ffb5a9;border-color:#ff8271}.sentence-issue-actions button:disabled{opacity:.5;cursor:wait}.sentence{flex-wrap:wrap;gap:3px;margin-top:12px;display:flex}.sentence button{background:0 0;border:0;border-radius:6px;flex-direction:column;align-items:center;padding:5px 5px 4px;display:flex}.sentence button.active{color:#171a16;background:var(--lime);text-shadow:none}.sentence b{font-size:calc(17px * var(--subtitle-scale));line-height:1.05}.sentence span{color:#d1d6cd;font-size:calc(7.5px * var(--subtitle-scale));margin-top:4px;font-weight:700}.sentence .active span{color:#444b32}.source-subtitle-only{color:var(--source-text-color,#f7f8f3);font-size:calc(17px * var(--subtitle-scale) * var(--source-font-scale,1));-webkit-text-stroke:.55px var(--source-outline-color,#101310);paint-order:stroke fill;margin:13px 3px 12px;font-weight:800;line-height:1.25}.interlinear-sentence{width:fit-content;max-width:100%;display:var(--vocabulary-layout-display,flex);grid-template-rows:repeat(var(--vocabulary-row-count,7), max-content);flex-wrap:wrap;grid-auto-columns:max-content;grid-auto-flow:column;place-items:start;gap:5px;margin:0}.interlinear-sentence>button{background:linear-gradient(var(--vocabulary-background,#ffffff0a), var(--vocabulary-background,#ffffff0a)), var(--subtitle-panel-background,#0c0e0cb8);text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #ffffff14;border-radius:7px;flex-direction:column;align-items:center;gap:3px;width:fit-content;min-width:0;max-width:132px;padding:5px 7px;display:flex}.interlinear-sentence>button.active{border-color:#d7ff4f7a}.interlinear-sentence span{background:var(--source-sentence-background,transparent);color:var(--source-text-color,#f3f5ef);font-size:calc(8px * var(--subtitle-scale) * var(--source-font-scale,1));-webkit-text-stroke:.4px var(--source-outline-color,#101310);paint-order:stroke fill;border-radius:3px;font-weight:750}.interlinear-sentence b{color:var(--word-translation-color,var(--lime));font-size:calc(13px * var(--subtitle-scale) * var(--word-translation-font-scale,1));-webkit-text-stroke:.5px var(--word-translation-outline-color,#101310);paint-order:stroke fill;line-height:1.05}.interlinear-sentence small{background:var(--target-romanization-background,transparent);color:var(--pinyin-text-color,#c5cbc3);font-size:calc(7px * var(--subtitle-scale) * var(--pinyin-font-scale,1));-webkit-text-stroke:.4px var(--pinyin-outline-color,#101310);paint-order:stroke fill;border-radius:3px;line-height:1.2}.target-phrase-vocabulary>button{max-width:180px}.target-phrase-vocabulary span{font-weight:400;line-height:1.3;font-size:calc(9px * var(--subtitle-scale))}.complete-source-sentence{text-align:left;border:0;border-left:2px solid var(--lime);background:var(--source-sentence-background,#d7ff4f12);border-radius:5px;flex-direction:column;gap:3px;width:fit-content;max-width:100%;margin:0;padding:7px 9px;display:flex;position:relative}.complete-source-sentence b{color:var(--source-text-color,#f3f5ef);font-size:calc(13px * var(--subtitle-scale) * var(--source-font-scale,1));-webkit-text-stroke:.5px var(--source-outline-color,#101310);paint-order:stroke fill;line-height:1.25}.complete-source-sentence small{background:var(--source-romanization-background,transparent);color:var(--pinyin-text-color,var(--lime));font-size:calc(7px * var(--subtitle-scale) * var(--pinyin-font-scale,1));-webkit-text-stroke:.4px var(--pinyin-outline-color,#101310);paint-order:stroke fill;border-radius:3px;align-self:flex-start;padding:1px 3px;line-height:1.35}.complete-target-sentence{text-align:left;background:var(--target-sentence-background,transparent);border:0;border-top:1px solid #ffffff17;border-radius:4px;flex-direction:column;gap:4px;width:fit-content;max-width:100%;margin:0;padding:8px 4px 4px;display:flex;position:relative}.complete-target-sentence b{color:var(--sentence-translation-color,#f3f5ef);font-size:calc(11px * var(--subtitle-scale) * var(--sentence-translation-font-scale,1));-webkit-text-stroke:.5px var(--sentence-translation-outline-color,#101310);paint-order:stroke fill;line-height:1.25}.complete-target-sentence small{background:var(--target-romanization-background,transparent);color:var(--pinyin-text-color,var(--lime));font-size:calc(7px * var(--subtitle-scale) * var(--pinyin-font-scale,1));-webkit-text-stroke:.4px var(--pinyin-outline-color,#101310);paint-order:stroke fill;border-radius:3px;align-self:flex-start;padding:1px 3px;line-height:1.35}.subtitle-movable-group{z-index:1;background:var(--subtitle-panel-background,#0c0e0cb8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);--subtitle-scale:calc(var(--subtitle-base-scale,1.25) * var(--subtitle-group-scale,1));border:1px solid #ffffff1f;border-radius:11px;width:fit-content;max-width:100%;margin:6px 0;padding:3px;transition:background-color .18s,border-color .18s,box-shadow .18s;position:relative;box-shadow:0 5px 18px #00000029}.subtitle-movable-group[data-subtitle-group=source]{--subtitle-group-left:var(--subtitle-source-left,0px);--subtitle-group-top:var(--subtitle-source-top,0px);--subtitle-group-max-width:var(--subtitle-source-max-width,560px);--subtitle-group-scale:var(--subtitle-source-scale,1)}.subtitle-movable-group[data-subtitle-group=vocabulary]{--subtitle-group-left:var(--subtitle-vocabulary-left,0px);--subtitle-group-top:var(--subtitle-vocabulary-top,0px);--subtitle-group-max-width:var(--subtitle-vocabulary-max-width,560px);--subtitle-group-scale:var(--subtitle-vocabulary-scale,1)}.subtitle-movable-group[data-subtitle-group=translation]{--subtitle-group-left:var(--subtitle-translation-left,0px);--subtitle-group-top:var(--subtitle-translation-top,0px);--subtitle-group-max-width:var(--subtitle-translation-max-width,560px);--subtitle-group-scale:var(--subtitle-translation-scale,1)}.subtitle-movable-group[data-subtitle-group=previousSource]{--subtitle-group-left:var(--subtitle-previous-source-left,0px);--subtitle-group-top:var(--subtitle-previous-source-top,0px);--subtitle-group-max-width:var(--subtitle-previous-source-max-width,560px);--subtitle-group-scale:var(--subtitle-previous-source-scale,1)}.subtitle-movable-group[data-subtitle-group=previousTranslation]{--subtitle-group-left:var(--subtitle-previous-translation-left,0px);--subtitle-group-top:var(--subtitle-previous-translation-top,0px);--subtitle-group-max-width:var(--subtitle-previous-translation-max-width,560px);--subtitle-group-scale:var(--subtitle-previous-translation-scale,1)}.subtitle-movable-group[data-subtitle-group=nextSource]{--subtitle-group-left:var(--subtitle-next-source-left,0px);--subtitle-group-top:var(--subtitle-next-source-top,0px);--subtitle-group-max-width:var(--subtitle-next-source-max-width,560px);--subtitle-group-scale:var(--subtitle-next-source-scale,1)}.subtitle-movable-group[data-subtitle-group=nextTranslation]{--subtitle-group-left:var(--subtitle-next-translation-left,0px);--subtitle-group-top:var(--subtitle-next-translation-top,0px);--subtitle-group-max-width:var(--subtitle-next-translation-max-width,560px);--subtitle-group-scale:var(--subtitle-next-translation-scale,1)}.subtitle-movable-group[data-subtitle-group=previousRomanization]{--subtitle-group-left:var(--subtitle-previous-romanization-left,0px);--subtitle-group-top:var(--subtitle-previous-romanization-top,0px);--subtitle-group-max-width:var(--subtitle-previous-romanization-max-width,560px);--subtitle-group-scale:var(--subtitle-previous-romanization-scale,1)}.subtitle-movable-group[data-subtitle-group=nextRomanization]{--subtitle-group-left:var(--subtitle-next-romanization-left,0px);--subtitle-group-top:var(--subtitle-next-romanization-top,0px);--subtitle-group-max-width:var(--subtitle-next-romanization-max-width,560px);--subtitle-group-scale:var(--subtitle-next-romanization-scale,1)}.adjacent-subtitle-romanization{width:fit-content;max-width:100%;color:var(--pinyin-text-color,#d7ff4f);font-size:calc(10px * var(--subtitle-scale,1) * var(--pinyin-font-scale,1));overflow-wrap:anywhere;-webkit-text-stroke:.4px var(--pinyin-outline-color,#101310);paint-order:stroke fill;padding:5px 8px;line-height:1.35}.adjacent-subtitle-group b{overflow-wrap:anywhere}.subtitle-movable-group[data-subtitle-group-positioned=true]{--subtitle-pinned-left:clamp(8px, var(--subtitle-group-left), calc(100vw - 48px));--subtitle-pinned-top:clamp(8px, var(--subtitle-group-top), calc(100dvh - 48px));left:var(--subtitle-pinned-left);top:var(--subtitle-pinned-top);max-width:min(var(--subtitle-group-max-width), calc(100vw - var(--subtitle-pinned-left) - 8px));max-height:calc(100dvh - var(--subtitle-pinned-top) - 8px);overscroll-behavior:contain;margin:0;position:fixed;overflow-y:auto}.subtitle-movable-group[data-subtitle-group-draggable=true]{z-index:2;cursor:grab;touch-action:none;pointer-events:auto;-webkit-user-select:none;user-select:none}.subtitle-movable-group[data-subtitle-group-draggable=true] button{cursor:inherit}.video-scale-value{align-items:center;gap:8px;margin:10px 0;font-size:11px;display:flex}.video-scale-value>span:first-child{flex:1}.video-scale-value input{border:1px solid var(--line);width:100px;min-width:0;color:var(--ink);background:#151816;border-radius:6px;padding:7px}.subtitle-card.has-dragging-group .subtitle-movable-group:active{z-index:5;cursor:grabbing;-webkit-user-select:none;user-select:none;border-color:#d7ff4f80;transition:none;box-shadow:0 10px 28px #00000059}.subtitle-movable-group[data-subtitle-group-draggable=true]:focus-visible{outline:2px solid var(--lime);outline-offset:2px}.subtitle-movable-group[data-subtitle-group=vocabulary]{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;padding:0}.subtitle-card.has-dragging-group .subtitle-movable-group[data-subtitle-group=vocabulary]:active{box-shadow:none}.subtitle-card.transparent-mode :is(.subtitle-head,.subtitle-movable-group){box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-color:#0000}.speech-translation{text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:8px;width:calc(100% - 6px);display:flex}.speech-translation i{color:var(--lime);font-style:normal}.alignment-loading{color:#8f978f;margin:2px 3px 7px;font-size:7px;font-weight:750}.translation{font-size:calc(9px * var(--subtitle-scale) * var(--sentence-translation-font-scale,1));color:var(--sentence-translation-color,#f0f2ec);-webkit-text-stroke:.45px var(--sentence-translation-outline-color,#101310);paint-order:stroke fill;margin:11px 3px 10px;font-weight:650;line-height:1.35}.translation-pinyin{color:var(--pinyin-text-color,var(--lime));font-size:calc(7px * var(--subtitle-scale) * var(--pinyin-font-scale,1));-webkit-text-stroke:.4px var(--pinyin-outline-color,#101310);paint-order:stroke fill;margin:-6px 3px 9px;font-weight:750;line-height:1.35}.sentence-gloss-grid{display:none}.subtitle-settings-backdrop{z-index:200;background:#00000094;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.subtitle-settings-popover{width:min(440px,100%);max-height:min(650px,100dvh - 32px);text-shadow:none;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);scrollbar-color:#535c53 transparent;background:#0f1210f7;border:1px solid #ffffff24;border-radius:12px;padding:13px;position:relative;overflow-y:auto;box-shadow:0 18px 50px #0000007a}.subtitle-settings-backdrop,.subtitle-settings-popover{transition:background-color .15s,box-shadow .15s}.subtitle-settings-backdrop.is-previewing{background:0 0}.subtitle-settings-backdrop.is-previewing .subtitle-settings-popover{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#2329240f;border-color:#0000}.subtitle-settings-backdrop.is-previewing :is(.subtitle-settings-popover,.subtitle-settings-popover :has(.settings-preview-control))>:not(.settings-preview-control):not(:has(.settings-preview-control)){opacity:.12}.subtitle-settings-popover .settings-preview-control{background:#232924f0;border-radius:6px;box-shadow:0 0 0 6px #232924f0}.home-background-setting{border-bottom:1px solid var(--line);gap:9px;margin:12px 0;padding-bottom:12px;display:grid}.home-background-setting>label{color:#aeb7ac;align-items:center;gap:8px;font-size:9px;display:flex}.home-background-setting b{color:var(--lime);text-transform:uppercase;margin-right:auto}.home-background-setting input[type=color]{cursor:pointer;background:#141814;border:1px solid #fff3;border-radius:6px;width:30px;height:30px;padding:2px}.home-background-presets{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;display:grid}.home-background-presets button{border:1px solid #ffffff3d;border-radius:6px;height:28px}.home-background-presets button[aria-pressed=true]{outline:2px solid var(--lime);outline-offset:2px}@media (prefers-reduced-motion:reduce){.subtitle-settings-backdrop,.subtitle-settings-popover{transition:none}}.settings-title{z-index:1;border-bottom:1px solid var(--line);background:#232924;justify-content:space-between;align-items:center;min-height:44px;padding-bottom:9px;display:flex;position:sticky;top:0}.settings-title span{color:#bdc2b9;letter-spacing:.13em;font-size:7px;font-weight:900}.settings-title button{color:#e5e9e1;background:0 0;border:0;place-items:center;width:38px;height:38px;font-size:22px;display:grid}.learning-profile-settings{background:#d7ff4f09;border:1px solid #d7ff4f24;border-radius:9px;margin:10px -2px 2px;padding:10px}.settings-section-label{justify-content:space-between;align-items:center;display:flex}.settings-section-label span{color:var(--lime);letter-spacing:.13em;font-size:7px;font-weight:900}.settings-section-label small{color:#7f887f;font-size:6px}.settings-language-row{grid-template-columns:1fr 13px 1fr;align-items:center;gap:5px;margin-top:8px;display:grid}.settings-language-row>button{text-align:left;background:#252b26;border:1px solid #ffffff17;border-radius:7px;flex-direction:column;gap:4px;min-width:0;padding:7px;display:flex}.settings-language-row>button>span{color:#788078;letter-spacing:.08em;font-size:6px;font-weight:900}.settings-language-row>button b{text-overflow:ellipsis;color:#edf0e9;white-space:nowrap;min-width:0;font-size:8px;overflow:hidden}.settings-language-row>button i{background:var(--lime);color:#151915;border-radius:3px;margin-right:5px;padding:2px 3px;font-size:6px;font-style:normal}.settings-language-row>em{color:var(--lime);text-align:center;font-size:9px;font-style:normal}.settings-mode-grid{grid-template-columns:1fr 1fr;gap:5px;margin-top:7px;display:grid}.settings-mode-grid>button{text-align:left;background:#252b26;border:1px solid #ffffff17;border-radius:7px;grid-template-columns:14px 1fr;align-items:center;gap:5px;padding:7px;display:grid}.settings-mode-grid>button.active{background:#d7ff4f14;border-color:#d7ff4f66}.settings-mode-grid>button>i{color:#6f786f;font-size:8px;font-style:normal}.settings-mode-grid>button.active>i{color:var(--lime)}.settings-mode-grid>button>span{flex-direction:column;gap:2px;display:flex}.settings-mode-grid b{color:#e8ebe5;font-size:7px}.settings-mode-grid small{color:#737c73;font-size:6px}.setting-row{justify-content:space-between;align-items:center;gap:8px;margin-top:11px;display:flex}.setting-row>label,.opacity-setting b{color:#92988f;font-size:8px;font-weight:800}.scale-options{gap:4px;display:flex}.scale-options button{border:1px solid var(--line);color:#858b82;background:#222622;border-radius:5px;padding:5px 6px;font-size:6px}.scale-options button.active{color:var(--lime);background:#d7ff4f1f;border-color:#d7ff4f6b}.video-scale-setting{border-bottom:1px solid var(--line);gap:8px;margin-bottom:10px;padding:10px 0 12px;display:grid}.video-scale-setting>span{justify-content:space-between;align-items:center;gap:8px;display:flex}.video-scale-setting b{color:var(--lime);letter-spacing:.06em;font-size:8px}.video-scale-setting small,.video-scale-setting p{color:#aeb7ac;font-size:9px}.video-scale-setting p{margin:0;line-height:1.4}.video-scale-options{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;display:grid}.video-scale-options button{border:1px solid var(--line);color:#cbd3c8;background:#1c211d;border-radius:6px;min-height:36px;font-size:11px;font-weight:800}.video-scale-options button.active{color:var(--lime);background:#d7ff4f21;border-color:#d7ff4f73}.video-scale-range{color:#aeb7ac;align-items:center;gap:8px;font-size:9px;display:flex}.video-scale-range input{min-width:0;accent-color:var(--lime);flex:1}.video-scale-group{border:1px solid #ffffff29;border-radius:8px;padding:9px}.video-scale-group summary{cursor:pointer;justify-content:space-between;align-items:center;gap:10px;display:flex}.video-scale-group summary span{gap:3px;display:grid}.video-scale-group summary strong{color:#fff;font-size:13px}.video-scale-group[open] summary{margin-bottom:9px}.video-scale-group .video-scale-range{margin-top:9px}.subtitle-position-setting input:disabled{opacity:.45;cursor:not-allowed}.video-playback-rate-setting{border-bottom:1px solid var(--line);gap:8px;margin:0 0 10px;padding:0 0 12px;display:grid}.video-playback-rate-setting>span{justify-content:space-between;align-items:center;gap:8px;display:flex}.video-playback-rate-setting b{color:var(--lime);letter-spacing:.06em;font-size:8px}.video-playback-rate-setting small{color:#aeb7ac;font-size:9px}.video-playback-rate-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;display:grid}.video-playback-rate-options button{border:1px solid var(--line);color:#cbd3c8;background:#1c211d;border-radius:6px;min-height:34px;font-size:10px;font-weight:800}.video-playback-rate-options button.active{color:var(--lime);background:#d7ff4f21;border-color:#d7ff4f73}.video-top-pin-setting{border-bottom:1px solid var(--line);cursor:pointer;align-items:center;gap:9px;margin:0 0 10px;padding:0 0 12px;display:flex}.video-top-pin-setting input{width:16px;height:16px;accent-color:var(--lime);margin:0}.video-top-pin-setting>span{gap:3px;display:grid}.video-top-pin-setting b{color:var(--lime);letter-spacing:.06em;font-size:8px}.video-top-pin-setting small{color:#aeb7ac;font-size:9px;line-height:1.4}.peer-video-setting{border-bottom:1px solid var(--line);gap:8px;margin:0 0 10px;padding:0 0 12px;display:grid}.peer-video-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.peer-video-heading>b{color:var(--lime);letter-spacing:.06em;font-size:8px}.peer-video-heading button{border:1px solid var(--line);color:#aeb7ac;background:#252c26;border-radius:999px;min-height:28px;padding:0 10px;font-size:9px;font-weight:800}.peer-video-heading button[aria-checked=true]{color:var(--lime);background:#d7ff4f21;border-color:#d7ff4f73}.peer-video-setting p{color:#aeb7ac;margin:0;font-size:10px;line-height:1.5}.peer-video-setting>small{color:#cbd3c8;font-size:9px}.peer-video-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 10px;display:grid}.peer-video-stats span{color:#aeb7ac;justify-content:space-between;gap:6px;font-size:9px;display:flex}.peer-video-stats b{color:#eef1ea}.opacity-setting,.subtitle-position-setting{grid-template-columns:1fr 1fr;gap:4px 8px;margin-top:13px;display:grid}.opacity-setting>span,.subtitle-position-setting>span{grid-column:1/-1;justify-content:space-between;gap:8px;display:flex}.opacity-setting b,.subtitle-position-setting b{color:#92988f;font-size:8px;font-weight:800}.opacity-setting small,.subtitle-position-setting small{color:var(--lime);font-size:7px}.opacity-setting input,.subtitle-position-setting input{width:100%;accent-color:var(--lime);grid-column:1/-1}.opacity-setting em,.subtitle-position-setting em{color:#5f655e;font-size:6px;font-style:normal}.opacity-setting em:last-child,.subtitle-position-setting em:last-child{text-align:right}.subtitle-visibility-settings{border-top:1px solid #ffffff17;margin-top:13px;padding-top:11px}.subtitle-visibility-settings>span{color:var(--lime);font-size:7px;font-weight:900}.setting-toggles{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:8px;display:grid}.setting-toggles label{border:1px solid var(--line);color:#e3e7df;cursor:pointer;background:#1c201d;border-radius:7px;align-items:center;gap:7px;min-height:34px;padding:7px;font-size:8px;font-weight:800;display:flex}.setting-toggles input{width:15px;height:15px;accent-color:var(--lime);flex:none;margin:0}.setting-toggles label span{overflow-wrap:anywhere;min-width:0}.subtitle-group-backgrounds{border-top:1px solid #ffffff17;margin-top:13px;padding-top:11px}.subtitle-group-backgrounds>summary{color:var(--lime);cursor:pointer;font-size:7px;font-weight:900}.subtitle-group-background-row{border-bottom:1px solid #ffffff0f;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;padding:10px 0 7px;display:grid}.subtitle-group-background-row>b{color:#cbd2c8;min-width:0;font-size:8px}.subtitle-group-color{color:#a8b0a5;align-items:center;gap:6px;font-size:7px;display:flex}.subtitle-group-color input{cursor:pointer;background:#141814;border:1px solid #fff3;border-radius:6px;width:26px;height:26px;padding:2px}.subtitle-group-opacity{color:#a8b0a5;grid-column:1/-1;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:7px;font-size:7px;display:grid}.subtitle-group-opacity strong{color:var(--lime)}.subtitle-group-opacity input{width:100%;min-width:0;accent-color:var(--lime)}.video-quality-setting{border-top:1px solid #ffffff17;gap:7px;margin-top:12px;padding-top:11px;display:grid}.video-quality-setting>span{justify-content:space-between;align-items:center;gap:8px;display:flex}.video-quality-setting b{color:var(--lime);letter-spacing:.12em;font-size:7px}.video-quality-setting small{color:#899488;font-size:7px}.video-quality-setting>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.video-quality-setting button{border:1px solid var(--line);color:#98a095;text-overflow:ellipsis;white-space:nowrap;background:#1c211d;border-radius:6px;min-height:28px;padding:0 4px;font-size:7px;font-weight:800;overflow:hidden}.video-quality-setting button.active{color:var(--lime);background:#d7ff4f21;border-color:#d7ff4f73}.video-quality-setting button:disabled{cursor:progress;opacity:.55}.subtitle-color-settings{border-top:1px solid #ffffff17;gap:6px;margin-top:12px;padding-top:11px;display:grid}.subtitle-color-settings>span{color:var(--lime);letter-spacing:.12em;font-size:7px;font-weight:900}.subtitle-color-row{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:7px;min-height:28px;display:grid}.subtitle-color-row>b{color:#cbd2c8;text-overflow:ellipsis;white-space:nowrap;font-size:7px;overflow:hidden}.subtitle-color-row>label{color:#7d867c;align-items:center;gap:4px;font-size:6px;font-weight:800;display:flex}.subtitle-color-row input[type=color]{cursor:pointer;background:#141814;border:1px solid #fff3;border-radius:6px;width:22px;height:22px;padding:2px}.subtitle-size-control{grid-column:1/-1;grid-template-columns:auto auto 1fr;padding-top:2px;gap:6px!important;display:grid!important}.subtitle-size-control b{color:var(--lime);font-size:6px}.subtitle-size-control input{width:100%;accent-color:var(--lime)}.reset-subtitle{color:#747b72;background:0 0;border:0;width:100%;margin-top:10px;font-size:7px;text-decoration:underline}.sentence-controls{grid-template-columns:1fr auto 1fr;align-items:center;gap:7px;margin:9px 0 7px;display:grid}.sentence-skip{color:#d1d5cd;background:#ffffff0e;border:1px solid #ffffff1f;border-radius:7px;padding:7px 8px;font-size:7px;font-weight:800}.sentence-skip:last-child{text-align:right}.sentence-skip span{color:var(--lime);font-size:12px;line-height:0}.sentence-skip:disabled{cursor:not-allowed;opacity:.3}.repeat-selector{height:29px;color:var(--lime);background:#d7ff4f12;border:1px solid #d7ff4f33;border-radius:7px;align-items:center;gap:5px;padding:0 7px;font-size:7px;font-weight:900;display:flex}.repeat-selector select{color:#e3e7de;background:0 0;border:0;outline:0;font-size:7px;font-weight:800}.repeat-selector option{color:#eef0ea;background:#151815}.loop-summary{color:#777d74;text-align:center;margin:0 0 7px;font-size:6px}.playback-line{cursor:pointer;touch-action:none;height:18px;position:relative}.playback-line:before{content:"";background:#3a3e3a;border-radius:3px;height:3px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.playback-line i{z-index:1;background:var(--lime);pointer-events:none;border-radius:3px;height:3px;display:block;position:absolute;top:50%;left:0;transform:translateY(-50%)}.playback-line span{background:var(--lime);border-radius:50%;width:7px;height:7px;position:absolute;top:50%;transform:translate(-50%,-50%)}.playback-line input[type=range]{z-index:3;opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.action-rail{z-index:8;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:28px;right:-40px}.word-panel{scrollbar-width:thin;scrollbar-color:#343a35 transparent;max-height:min(100%,740px);padding:20px;overflow-y:auto}.word-panel-head{justify-content:space-between;align-items:center;display:flex}.word-panel-head button{color:#747a72;background:0 0;border:0;font-size:18px}.word-title{justify-content:space-between;align-items:center;margin-top:13px;display:flex}.word-title h2{margin:0;font-size:38px;line-height:1}.word-title p{color:var(--lime);margin:5px 0 0;font-size:11px}.word-title button{width:35px;height:35px;color:var(--lime);background:#d7ff4f12;border:1px solid #d7ff4f4d;border-radius:50%}.word-type{color:#92988e;letter-spacing:.08em;background:#282d28;border-radius:4px;margin-top:17px;padding:4px 7px;font-size:7px;font-weight:800;display:inline-block}.word-panel h3{margin:12px 0 6px;font-size:15px}.vocabulary-overview-note{color:#7e857c;margin:8px 0 12px;font-size:8px;line-height:1.45}.target-lesson-sentence{border-left:2px solid var(--lime);background:#d7ff4f0e;border-radius:6px;flex-direction:column;gap:4px;margin:12px 0 8px;padding:10px;display:flex}.target-lesson-sentence b{font-size:14px}.target-lesson-sentence small{color:var(--lime);font-size:8px;line-height:1.4}.sentence-vocabulary-list{gap:6px;display:grid}.sentence-vocabulary-list>button{text-align:left;color:#e7eae3;background:#191d1a;border:1px solid #ffffff16;border-radius:9px;grid-template-columns:minmax(0,1fr) minmax(80px,1fr) 12px;align-items:center;gap:8px;width:100%;padding:9px 10px;display:grid}.sentence-vocabulary-list>button:hover{background:#1e231e;border-color:#d7ff4f47}.sentence-vocabulary-list>button.active{background:#d7ff4f14;border-color:#d7ff4f85}.sentence-vocabulary-list>button>span{flex-direction:column;gap:3px;min-width:0;display:flex}.sentence-vocabulary-list b{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.sentence-vocabulary-list small{text-overflow:ellipsis;color:#778078;white-space:nowrap;font-size:7px;overflow:hidden}.sentence-vocabulary-list strong{color:var(--lime);text-align:right;font-size:9px;line-height:1.25}.sentence-vocabulary-list i{color:#697068;text-align:right;font-size:14px;font-style:normal}.word-details{border-top:1px solid var(--line);margin-top:16px;padding-top:15px}.word-details-head{justify-content:space-between;align-items:center;display:flex}.word-details-head span{color:#7d847a;letter-spacing:.14em;font-size:7px;font-weight:900}.word-details-head button{color:#7a8178;background:0 0;border:0;font-size:18px}.word-details-hint{background:#d7ff4f06;border:1px dashed #d7ff4f2e;border-radius:9px;align-items:center;gap:10px;margin-top:14px;padding:12px;display:flex}.word-details-hint>span{width:27px;height:27px;color:var(--lime);background:#d7ff4f1a;border-radius:50%;flex:none;place-items:center;display:grid}.word-details-hint p{flex-direction:column;gap:3px;margin:0;display:flex}.word-details-hint b{font-size:9px}.word-details-hint small{color:#767d74;font-size:7px;line-height:1.4}.definition{color:#858a82;font-size:9px;line-height:1.55}.word-anatomy{background:linear-gradient(145deg,#d7ff4f0e,#d7ff4f04);border:1px solid #d7ff4f21;border-radius:10px;margin:16px -3px 14px;padding:13px}.anatomy-label{justify-content:space-between;align-items:center;display:flex}.anatomy-label span{color:var(--lime);letter-spacing:.14em;font-size:7px;font-weight:900}.anatomy-label small{color:#687067;font-size:7px}.component-list{align-items:stretch;gap:6px;margin-top:11px;display:flex}.component-wrap{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.component-card{background:#171b18;border:1px solid #ffffff17;border-radius:8px;flex:1;grid-template-columns:auto 1fr;gap:2px 7px;min-width:0;padding:9px;display:grid}.component-card b{color:#f1f3ec;grid-row:1/span 2;align-self:center;font-size:27px;line-height:1}.component-card>span{color:var(--lime);font-size:8px;font-weight:800}.component-card strong{color:#d9ddd5;font-size:8px}.component-card small{color:#71786f;grid-column:1/-1;margin-top:4px;font-size:6px;line-height:1.35}.component-wrap>i{color:#626a60;font-size:9px;font-style:normal}.composition-note{color:#858c82;border-top:1px solid #ffffff12;margin:10px 0 0;padding-top:9px;font-size:7px;line-height:1.55}.composition-note b{color:#edf0e9;font-size:10px}.composition-note span{color:var(--lime);margin:0 5px}.example-box{border-left:2px solid var(--lime);background:#1d211e;border-radius:7px;margin:17px -3px 15px;padding:13px}.example-box p{margin:8px 0 4px;font-size:13px;font-weight:700}.example-box small{color:#92968e;font-size:8px;line-height:1.5}.phrase-list{border-top:1px solid var(--line);padding-top:13px}.phrase-list p{flex-direction:column;gap:3px;margin:12px 0;display:flex}.phrase-list b{font-size:12px}.phrase-list small{color:#7f857c;font-size:8px}.save-word{background:var(--lime);color:#171a16;border:0;border-radius:8px;width:100%;padding:10px;font-size:9px;font-weight:900}.all-languages{color:var(--lime)}.sound-toggle{z-index:3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0608078c;border:1px solid #ffffff2e;border-radius:999px;padding:6px 9px;font-size:7px;font-weight:800;position:absolute;top:14px;right:14px}.series-link{z-index:4;color:#fff;cursor:pointer;text-shadow:0 1px 3px #000000b3;background:#0003;border:1px solid #ffffff80;border-radius:999px;align-items:center;gap:7px;min-height:36px;padding:7px 10px;display:inline-flex;position:absolute;top:14px;left:14px}.series-link svg{stroke:currentColor;stroke-width:1.8px;width:18px;height:18px}.series-link small{color:inherit;font-size:10px;font-weight:700}:is(.series-link:hover,.series-link:focus-visible){background:#00000073;border-color:#fff}.series-picker-backdrop{z-index:350;background:#0000007a;justify-content:center;align-items:flex-end;padding:20px;display:flex;position:fixed;inset:0}.series-picker-sheet{color:#171717;background:#fff;border-radius:22px;flex-direction:column;width:min(520px,100%);max-height:min(76dvh,640px);padding:20px;display:flex;box-shadow:0 16px 60px #0000004d}.series-picker-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.series-picker-head>div{min-width:0}.series-picker-head h2{margin:0;font-size:22px;font-weight:800}.series-picker-head p{color:#666;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:7px 0 0;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.series-picker-head>button{color:#222;background:#f2f2f2;border:0;border-radius:50%;flex:none;width:40px;height:40px;font-size:26px}.series-picker-summary{color:#777;margin:18px 0 12px;font-size:13px}.series-picker-grid{overscroll-behavior:contain;touch-action:pan-y;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;min-height:0;padding:3px;display:grid;overflow-y:auto}.series-picker-grid button{color:#242424;background:#f7f7f7;border:1px solid #e7e7e7;border-radius:10px;min-height:48px;padding:8px 3px;font-size:16px;font-weight:700;position:relative}.series-picker-grid button:hover{border-color:#fb3659}.series-picker-grid button[aria-current=true]{color:#e52447;background:#fff0f3;border-color:#fb3659}.series-picker-grid button:disabled{color:#b1b1b1;cursor:default;background:#fafafa}.series-picker-grid button[aria-current=true]:disabled{color:#e52447}.series-picker-grid small{color:#b1b1b1;font-size:12px;position:absolute;bottom:1px;right:4px}.series-picker-error{color:#c72543;margin:12px 0 0;font-size:13px}@media (min-width:761px){.series-picker-backdrop{align-items:center}}@media (max-width:760px){.series-picker-backdrop{padding:0}.series-picker-sheet{padding:20px 16px calc(20px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0}}.play-overlay{z-index:4;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0608077a;border:1px solid #ffffff3d;border-radius:50%;width:54px;height:54px;padding-left:4px;font-size:18px;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.comments-backdrop{z-index:300;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000075;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.comments-sheet{color:#121212;background:#fff;border:0;border-radius:18px 18px 0 0;flex-direction:column;width:min(620px,100%);height:min(78svh,760px);font-family:Noto Sans,Arial,Helvetica,sans-serif;display:flex;overflow:hidden;box-shadow:0 -12px 48px #00000042}.comments-drag-handle{background:#dedede;border-radius:99px;flex:none;align-self:center;width:36px;height:4px;margin-top:9px}.comments-head{border-bottom:1px solid #f0f0f0;flex:none;place-items:center;min-height:52px;padding:0 54px 0 20px;display:grid;position:relative}.comments-head h2{color:#171717;margin:0;font-size:16px;font-weight:700;line-height:1}.comments-head h2 small{color:#747474;font-size:14px;font-weight:500}.comments-head>button{color:#161616;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;position:absolute;top:5px;right:7px}.comments-head>button:hover{background:#f4f4f4}.comments-head>button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:2px;width:22px;height:22px}.comments-list{overscroll-behavior:contain;scrollbar-width:none;flex:1;min-height:0;padding:7px 17px 12px;overflow-y:auto}.comments-list::-webkit-scrollbar{display:none}.comments-list article{grid-template-columns:42px minmax(0,1fr) 32px;align-items:start;gap:10px;padding:13px 0 12px;display:grid}.comment-avatar{color:#fff;background:linear-gradient(145deg,#f2b1bc,#a870c8);border-radius:50%;place-items:center;width:40px;height:40px;font-size:14px;font-weight:800;display:grid;overflow:hidden}.comment-avatar img{object-fit:cover;width:100%;height:100%}.comment-copy{min-width:0;padding-top:1px}.comment-copy b{color:#777;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;line-height:1.25;display:block;overflow:hidden}.comment-copy p{color:#171717;overflow-wrap:anywhere;margin:4px 0 7px;font-size:14px;font-weight:400;line-height:1.38}.comment-meta{color:#8a8a8a;gap:16px;font-size:11px;font-weight:600;display:flex}.comment-like{color:#1a1a1a;place-items:center;width:32px;min-height:34px;padding-top:4px;display:grid}.comment-like svg{stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:19px;height:19px}.comments-empty{color:#8a8a8a;text-align:center;max-width:280px;margin:auto;padding:34px 10px;font-size:13px;line-height:1.55}.comment-form{padding:10px 12px max(10px, env(safe-area-inset-bottom));background:#fff;border-top:1px solid #efefef;flex:none;grid-template-columns:38px minmax(0,1fr) 42px;align-items:center;gap:4px;display:grid}.comment-form input{color:#171717;background:#f2f2f2;border:0;border-radius:20px;outline:0;min-width:0;height:40px;padding:0 14px;font-size:14px}.comment-form input::placeholder{color:#9a9a9a}.comment-form input:focus{background:#ededed}.comment-form button{cursor:pointer;background:0 0;border:0}.comment-emoji{color:#222;border-radius:50%;width:38px;height:38px;font-size:21px;line-height:1}.comment-send{color:#fe2c55;place-items:center;width:42px;height:40px;display:grid}.comment-send svg{stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:22px;height:22px}.comment-send:disabled{color:#cfcfcf;cursor:default}@media (min-width:761px){.comments-backdrop{align-items:center;padding:20px}.comments-sheet{border-radius:18px;height:min(720px,100dvh - 40px);box-shadow:0 20px 60px #00000057}}@media (max-width:420px){.comments-list{padding-left:13px;padding-right:13px}.comments-list article{grid-template-columns:38px minmax(0,1fr) 28px;gap:8px}.comment-avatar{width:38px;height:38px}.comment-copy p{font-size:13.5px}.comment-meta{gap:13px}}.collection-backdrop{z-index:90;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000080;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.collection-sheet{background:#171c18;border:1px solid #ffffff24;border-radius:18px;width:min(460px,100%);overflow:hidden;box-shadow:0 25px 80px #0000008f}.collection-head{border-bottom:1px solid #ffffff17;justify-content:space-between;gap:14px;padding:20px 20px 15px;display:flex}.collection-head>div{min-width:0}.collection-head span{color:var(--lime);letter-spacing:.14em;font-size:8px;font-weight:900}.collection-head h2{color:#f2f5ee;margin:5px 0 4px;font-size:21px}.collection-head p{color:#929b90;margin:0;font-size:10px;line-height:1.45}.collection-head>button{color:#e4e9e2;background:#ffffff14;border:0;border-radius:50%;flex:none;width:30px;height:30px;font-size:21px}.collection-list{max-height:min(360px,45vh);padding:10px;overflow-y:auto}.collection-list>button{color:#eff3ed;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:58px;padding:9px 10px;display:grid}.collection-list>button:hover{background:#ffffff0d}.collection-list>button.selected{background:#d7ff4f17;border-color:#d7ff4f75}.collection-list>button:disabled{cursor:wait;opacity:.62}.collection-list i{color:#aab5a7;border:1px solid #ffffff47;border-radius:50%;place-items:center;width:24px;height:24px;font-size:13px;font-style:normal;display:grid}.collection-list .selected i{border-color:var(--lime);background:var(--lime);color:#152015}.collection-list span{gap:3px;min-width:0;display:grid}.collection-list b{color:#f2f5ee;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.collection-list small{color:#889287;font-size:9px}.collection-list em{color:#899386;font-size:8px;font-style:normal}.collection-list .selected em{color:var(--lime)}.collection-status{color:#929b90;text-align:center;margin:0;padding:20px 8px;font-size:11px}.collection-create{background:#111512;border-top:1px solid #ffffff17;gap:8px;padding:13px 14px;display:flex}.collection-create input{color:#edf2ea;background:#1d241e;border:1px solid #384238;border-radius:8px;outline:0;flex:1;min-width:0;padding:0 10px;font-size:11px}.collection-create input:focus{border-color:#d7ff4f8c}.collection-create button{background:var(--lime);color:#172016;border:0;border-radius:8px;min-height:35px;padding:0 12px;font-size:10px;font-weight:900}.collection-create button:disabled{opacity:.45}.collection-error{color:#ff9b82;margin:0;padding:0 14px 14px;font-size:10px}.feed-controls{z-index:4;flex-direction:column;align-items:center;gap:7px;display:flex;position:absolute;top:50%;left:-46px;transform:translateY(-50%)}.feed-controls button,.feed-controls a{box-sizing:border-box;border:1px solid var(--line);color:#aeb3ab;background:#181c19;border-radius:50%;place-items:center;width:34px;height:34px;font-size:15px;text-decoration:none;display:grid}.feed-controls button:hover,.feed-controls a:hover{color:var(--lime);border-color:#d7ff4f66}.feed-controls span{color:#686e66;font-size:7px}.word-panel-head small{color:#666c64;font-size:8px}.word-title h2{overflow-wrap:anywhere;max-width:190px;font-size:clamp(25px,2.2vw,38px)}.save-word.saved{color:var(--lime);background:#2a3028}.mobile-word-meaning{display:none}.empty-feed{text-align:center;border:1px solid var(--line);background:#121513;border-radius:20px;width:min(400px,100vw - 40px);padding:40px 28px}.empty-feed>span{color:var(--lime);font-size:38px;display:block}.empty-feed h2{margin:14px 0 7px;font-size:20px}.empty-feed p{color:#7f857c;font-size:11px;line-height:1.6}.empty-feed button{background:var(--lime);color:#131612;border:0;border-radius:8px;margin-top:10px;padding:10px 14px;font-size:10px;font-weight:900}.modal-backdrop{z-index:200;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#010302c2;place-items:center;padding:24px;animation:.18s ease-out fade-in;display:grid;position:fixed;inset:0}.language-modal,.upload-modal{background:#121513;border:1px solid #ffffff21;border-radius:22px;flex-direction:column;width:min(820px,96vw);height:min(720px,88vh);animation:.22s ease-out lift-in;display:flex;overflow:hidden;box-shadow:0 30px 100px #000000a6}.language-setup-modal{background:#242a25;border:1px solid #ffffff24;border-radius:22px;width:min(680px,94vw);animation:.22s ease-out lift-in;overflow:hidden;box-shadow:0 30px 100px #0000008c}.feed-source-language{text-align:left;width:calc(100% - 48px);color:var(--ink);background:#d7ff4f0f;border:1px solid #d7ff4f59;border-radius:12px;gap:8px;margin:0 24px 20px;padding:16px;display:grid}.feed-source-language small{color:var(--lime);letter-spacing:.06em;font-size:10px}.feed-source-language strong{font-size:18px}.feed-source-language span{color:#b4beb4;font-size:12px}.setup-language-pair{grid-template-columns:1fr 30px 1fr;align-items:center;gap:8px;padding:22px 24px 17px;display:grid}.setup-language-pair>button{text-align:left;background:#303731;border:1px solid #ffffff1c;border-radius:12px;flex-direction:column;gap:6px;min-width:0;padding:16px;display:flex;position:relative}.setup-language-pair>button:hover{border-color:#d7ff4f61}.setup-language-pair>button>span{color:#828a82;letter-spacing:.12em;font-size:7px;font-weight:900}.setup-language-pair b{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.setup-language-pair b i{background:var(--lime);color:#151915;border-radius:4px;margin-right:7px;padding:4px 5px;font-size:7px;font-style:normal}.setup-language-pair small{color:#7d857d;font-size:8px}.setup-language-pair em{color:var(--lime);font-size:17px;font-style:normal;position:absolute;top:50%;right:13px;transform:translateY(-50%)}.setup-language-pair>strong{color:var(--lime);text-align:center;font-size:17px}.setup-mode-section{border-top:1px solid #ffffff14;padding:17px 24px 22px}.setup-mode-section>div{justify-content:space-between;margin-bottom:9px;display:flex}.setup-mode-section>div span{color:#d7ff4f;letter-spacing:.13em;font-size:7px;font-weight:900}.setup-mode-section>div small{color:#767e76;font-size:7px}.setup-mode-section>button{text-align:left;background:#303731;border:1px solid #ffffff1a;border-radius:10px;grid-template-columns:28px 1fr;align-items:center;gap:10px;width:100%;margin-top:7px;padding:12px;display:grid}.setup-mode-section>button.active{background:#d7ff4f13;border-color:#d7ff4f73}.setup-mode-section>button>i{color:#899189;background:#414941;border-radius:50%;place-items:center;width:25px;height:25px;font-size:9px;font-style:normal;display:grid}.setup-mode-section>button.active>i{background:var(--lime);color:#151915}.setup-mode-section>button>span{flex-direction:column;gap:4px;display:flex}.setup-mode-section b{font-size:10px}.setup-mode-section small{color:#7e867e;font-size:8px;line-height:1.4}.language-setup-footer{background:#202520;border-top:1px solid #ffffff17;justify-content:space-between;align-items:center;gap:12px;min-height:59px;padding:11px 24px;display:flex}.language-setup-footer span{color:#7b837b;font-size:8px}.language-setup-footer button{background:var(--lime);color:#151915;border:0;border-radius:8px;padding:10px 22px;font-size:9px;font-weight:900}.upload-modal{width:min(610px,96vw);height:auto;max-height:90vh;overflow-y:auto}.video-upload-dialog{width:min(460px,96vw);max-height:calc(100dvh - 32px);padding:24px;overflow-y:auto}.video-upload-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.video-upload-head h2{color:var(--ink);margin:0;font-size:20px;font-weight:700}.video-upload-dialog form{flex-direction:column;gap:18px;display:flex}.video-upload-modes{gap:8px;display:flex}.video-upload-modes button{border:1px solid var(--line);color:#aeb6ae;background:0 0;border-radius:9px;flex:1;min-height:38px;padding:8px 12px;font-size:13px}.video-upload-modes button[aria-pressed=true]{color:var(--ink);background:#d7ff4f12;border-color:#d7ff4f80}.video-upload-field{flex-direction:column;gap:9px;min-width:0;display:flex}.video-upload-field>span{color:#bfc7bf;justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}.video-upload-field b{color:var(--lime);background:#d7ff4f14;border-radius:5px;padding:3px 7px;font-size:11px;font-weight:600}.video-upload-field input,.video-upload-field select{width:100%;min-width:0;min-height:46px;color:var(--ink);background:#1d221e;border:1px solid #ffffff2b;border-radius:9px;outline:0;padding:11px 12px;font-size:16px}.video-upload-field input::placeholder{color:#8d978e;font-size:13px}.video-upload-field input:focus,.video-upload-field select:focus{border-color:#d7ff4f99;box-shadow:0 0 0 3px #d7ff4f12}.video-upload-field input[type=file]{font-size:13px}.video-upload-field input::file-selector-button{color:var(--ink);background:#343d35;border:0;border-radius:5px;margin-right:10px;padding:5px 8px}.video-upload-error{color:#ffb5a5;margin:0;font-size:13px;line-height:1.5}.video-upload-memory{color:#aeb6ae;margin:-6px 0 0;font-size:11px;line-height:1.5}.video-upload-submit{background:var(--lime);color:#131612;border:0;border-radius:10px;justify-content:center;align-items:center;gap:9px;min-height:48px;font-size:15px;font-weight:800;display:flex}.video-upload-submit:disabled{cursor:not-allowed;color:#919b91;background:#3b443b}.video-upload-submit-top{display:none}@media (max-width:760px){.video-upload-head{z-index:2;background:#242a25;border-bottom:1px solid #ffffff1f;margin:-20px -18px 20px;padding:16px 18px;position:sticky;top:-20px}.video-upload-head h2{flex:1;min-width:0}.video-upload-submit-top{flex:none;min-height:44px;padding:10px 16px;display:inline-flex}}.video-upload-spinner{border:2px solid;border-top-color:#0000;border-radius:50%;width:15px;height:15px;animation:.7s linear infinite video-upload-spin}.video-upload-dialog button:focus-visible{outline:2px solid var(--lime);outline-offset:3px}@keyframes video-upload-spin{to{transform:rotate(360deg)}}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;gap:20px;padding:24px 25px 18px;display:flex}.modal-head>div>span{color:var(--lime);letter-spacing:.17em;font-size:8px;font-weight:900}.modal-head h2{letter-spacing:-.03em;margin:6px 0 5px;font-size:23px}.modal-head p{color:#7c827a;margin:0;font-size:10px;line-height:1.45}.modal-close{border:1px solid var(--line);color:#7d837a;background:#1c201d;border-radius:50%;flex:none;width:33px;height:33px;font-size:19px}.language-search{border:1px solid var(--line);background:#0c0f0d;border-radius:10px;align-items:center;gap:10px;height:43px;margin:15px 24px 10px;padding:0 13px;display:flex}.language-search>span{color:var(--lime);font-size:18px}.language-search input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:12px}.language-search input::placeholder{color:#585e57}.language-search small{color:#626861;white-space:nowrap;font-size:8px}.language-grid{scrollbar-color:#3a403a transparent;flex:1;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:7px;min-height:0;padding:7px 24px 16px;display:grid;overflow-y:auto}.language-grid>button{text-align:left;border:1px solid var(--line);background:#181b19;border-radius:9px;grid-template-columns:32px minmax(0,1fr) 18px;align-items:center;gap:9px;min-height:57px;padding:8px 9px;display:grid}.language-grid>button:hover{background:#1e221f;border-color:#d7ff4f40}.language-grid>button.selected{background:#d7ff4f12;border-color:#d7ff4f80}.language-code{color:#91978e;letter-spacing:.08em;background:#252a26;border-radius:6px;place-items:center;width:30px;height:30px;font-size:8px;font-weight:900;display:grid}.language-grid>button.selected .language-code{background:var(--lime);color:#1a1e18}.language-grid button>span:nth-child(2){flex-direction:column;gap:3px;min-width:0;display:flex}.language-grid b{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.language-grid small{text-overflow:ellipsis;color:#6f756d;white-space:nowrap;text-transform:capitalize;font-size:7px;overflow:hidden}.language-grid i{color:#5f655e;text-align:center;font-size:11px;font-style:normal}.language-grid>button.selected i{color:var(--lime)}.language-grid>button[role=checkbox]>i{border:1px solid;border-radius:4px;place-items:center;width:18px;height:18px;display:grid}.setup-language-pair>button>b{white-space:normal;overflow-wrap:anywhere;line-height:1.5}.modal-footer{border-top:1px solid var(--line);background:#171a18;justify-content:space-between;align-items:center;gap:15px;min-height:62px;padding:10px 24px;display:flex}.modal-footer>div{align-items:center;gap:14px;margin-left:auto;display:flex}.modal-footer span{color:#71776f;font-size:9px}.clear-languages{color:#a4aaa1;background:0 0;border:0;font-size:9px;font-weight:800}.confirm-languages{background:var(--lime);color:#131612;border:0;border-radius:8px;padding:9px 19px;font-size:10px;font-weight:900}.upload-dropzone{text-align:center;background:#0d100e;border:1px dashed #40463f;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:180px;margin:22px 24px 14px;transition:all .2s;display:flex}.upload-dropzone:hover,.upload-dropzone.has-file{background:#d7ff4f09;border-color:#d7ff4f8c}.upload-dropzone input{opacity:0;width:1px;height:1px;position:absolute}.upload-dropzone>span{width:42px;height:42px;color:var(--lime);background:#d7ff4f1a;border-radius:50%;place-items:center;font-size:19px;display:grid}.upload-dropzone h3{text-overflow:ellipsis;white-space:nowrap;max-width:80%;margin:13px 0 5px;font-size:13px;overflow:hidden}.upload-dropzone p{color:#6f756d;margin:0;font-size:9px}.upload-source-tabs{background:#0d100e;border-radius:10px;grid-template-columns:1fr 1fr;gap:6px;margin:18px 24px 0;padding:4px;display:grid}.upload-source-tabs button{color:#697068;background:0 0;border:0;border-radius:7px;padding:9px;font-size:8px;font-weight:900}.upload-source-tabs button.active{color:#eef1ea;background:#252a26;box-shadow:inset 0 0 0 1px #d7ff4f29}.tiktok-import-panel{background:#0d100e;border:1px solid #ffffff1a;border-radius:13px;grid-template-columns:42px 1fr;gap:6px 11px;margin:12px 24px 14px;padding:16px;display:grid}.tiktok-import-icon{color:#101311;background:linear-gradient(135deg,#20eef0,#ff4c78);border-radius:12px;grid-row:1;place-items:center;width:42px;height:42px;font-size:18px;font-weight:900;display:grid}.tiktok-import-panel h3{margin:4px 0 3px;font-size:12px}.tiktok-import-panel p{color:#70776e;margin:0;font-size:8px}.tiktok-url-field{flex-direction:column;grid-column:1/-1;gap:6px;margin-top:8px;display:flex}.tiktok-url-field>span{color:#697068;letter-spacing:.12em;font-size:7px;font-weight:900}.tiktok-url-field input{color:#eff2ec;background:#171b18;border:1px solid #ffffff1f;border-radius:8px;outline:0;height:42px;padding:0 11px;font-size:10px}.tiktok-url-field input:focus{border-color:#d7ff4f7a;box-shadow:0 0 0 3px #d7ff4f0d}.rights-confirmation{color:#9ba198;grid-column:1/-1;align-items:flex-start;gap:8px;margin-top:6px;font-size:8px;line-height:1.45;display:flex}.rights-confirmation input{accent-color:var(--lime);margin:1px 0 0}.tiktok-import-panel>small{color:#5f665e;grid-column:1/-1;font-size:7px;line-height:1.45}.import-error{border-left:2px solid var(--orange);color:#dfb3a9;background:#ff76570d;margin:0 24px 12px;padding:9px 11px;font-size:8px}.import-success{text-align:center;padding:28px 24px 22px}.import-success>span{color:var(--lime);letter-spacing:.16em;font-size:7px;font-weight:900}.import-success h3{max-width:420px;margin:8px auto 5px;font-size:16px;line-height:1.25}.import-success>p{color:#879087;margin:0 auto 15px;font-size:9px}.import-success video{aspect-ratio:9/16;object-fit:cover;background:#080a09;border-radius:12px;width:min(240px,70vw);max-height:330px}.import-success>div:not(.success-mark){justify-content:center;gap:8px;margin-top:14px;display:flex}.import-success>div>button{background:#343c35;border:1px solid #ffffff21;border-radius:8px;min-height:37px;padding:0 14px;font-size:8px;font-weight:900}.import-success>div>button:first-child{background:var(--lime);color:#151915;border-color:#0000}.import-success>small{color:#697169;margin-top:13px;font-size:7px;line-height:1.45;display:block}.upload-settings{grid-template-columns:1fr 1fr;gap:9px;margin:0 24px 16px;display:grid}.upload-settings>div{border:1px solid var(--line);background:#181b19;border-radius:10px;flex-direction:column;gap:4px;padding:13px;display:flex}.upload-target-language{background:#d7ff4f0b;border:1px solid #d7ff4f33;border-radius:10px;flex-direction:column;gap:6px;padding:13px;display:flex}.upload-target-language select{color:#edf0e9;background:#252c26;border:1px solid #ffffff1f;border-radius:7px;outline:0;width:100%;height:35px;padding:0 8px;font-size:9px;font-weight:800}.upload-target-language option{background:#252c26}.upload-settings span{color:#656b64;letter-spacing:.1em;font-size:7px;font-weight:900}.upload-settings b{font-size:11px}.upload-settings small{color:#737970;font-size:8px}.analyze-button{background:var(--lime);color:#131612;border:0;border-radius:9px;margin:0 24px 24px;padding:12px;font-size:10px;font-weight:900}.analyze-button:disabled{cursor:not-allowed;color:#646a63;background:#2c312d}.analysis-progress{text-align:center;padding:22px 24px 0}.processing-orb{background:var(--lime);color:#161a14;border-radius:18px;place-items:center;width:58px;height:58px;margin:0 auto;font-size:22px;animation:1.5s ease-in-out infinite pulse-orb;display:grid;box-shadow:0 0 50px #d7ff4f1f}.analysis-progress h3{margin:14px 0 5px;font-size:17px}.analysis-progress>p{color:#757b73;margin:0 0 18px;font-size:9px}.analysis-steps{text-align:left;margin-bottom:18px}.analysis-steps>div{color:#656b64;border-bottom:1px solid #ffffff0f;grid-template-columns:27px 1fr auto;align-items:center;gap:10px;min-height:42px;display:grid}.analysis-steps i{background:#222723;border-radius:50%;place-items:center;width:22px;height:22px;font-size:8px;font-style:normal;display:grid}.analysis-steps span{font-size:9px;font-weight:700}.analysis-steps small{font-size:7px}.analysis-steps .active{color:#e8ebe4}.analysis-steps .active i{color:var(--lime);background:#d7ff4f24;animation:1s ease-in-out infinite pulse-orb}.analysis-steps .done{color:#aeb4aa}.analysis-steps .done i{background:var(--lime);color:#171a15}.analysis-progress .analyze-button{width:100%;margin:0 0 24px}.login-trigger{min-width:78px;height:35px;color:var(--lime);background:#d7ff4f14;border:1px solid #d7ff4f52;border-radius:9px;padding:0 12px;font-size:10px;font-weight:900}.avatar.signed-in{outline-offset:2px;outline:2px solid #d7ff4f59}.auth-backdrop{background:radial-gradient(circle at 50% 20%,#d7ff4f14,#0000 28%),#010302d1}.auth-modal{scrollbar-color:#3a403a transparent;background:#111412;border:1px solid #ffffff21;border-radius:24px;width:min(470px,96vw);max-height:92vh;animation:.22s ease-out lift-in;position:relative;overflow-y:auto;box-shadow:0 35px 120px #000000b8}.auth-close{z-index:2;position:absolute;top:16px;right:16px}.auth-brand{border-bottom:1px solid var(--line);background:linear-gradient(110deg,#d7ff4f0a,#0000 45%);align-items:center;gap:10px;min-height:75px;padding:17px 23px;display:flex}.auth-brand>div{flex-direction:column;gap:2px;display:flex}.auth-brand b{letter-spacing:.12em;font-size:13px}.auth-brand small{color:#686e66;letter-spacing:.14em;font-size:6px;font-weight:900}.auth-content{padding:24px}.auth-heading>span{color:var(--lime);letter-spacing:.18em;font-size:7px;font-weight:900}.auth-heading h2{letter-spacing:-.045em;margin:7px 0;font-size:27px;line-height:1.06}.auth-heading>p{color:#7d837b;margin:0;font-size:10px;line-height:1.55}.auth-heading>p b{color:#d6dad3}.auth-heading.centered{text-align:center}.social-auth-grid{gap:7px;margin-top:20px;display:grid}.social-auth{text-align:left;border:1px solid var(--line);background:#1a1e1b;border-radius:10px;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;min-height:52px;padding:8px 13px;transition:transform .16s,border-color .16s,background .16s;display:grid}.social-auth:hover{background:#202521;border-color:#fff3;transform:translateY(-1px)}.social-auth>i,.provider-orb{color:#252823;background:#f7f8f3;border-radius:50%;place-items:center;width:31px;height:31px;font-size:13px;font-style:normal;font-weight:900;display:grid}.social-auth.facebook>i,.provider-orb.facebook{color:#fff;background:#1877f2;font-family:Arial,sans-serif;font-size:20px}.social-auth.telegram>i,.provider-orb.telegram{color:#fff;background:#269ed8;font-size:13px}.social-auth>span{flex-direction:column;gap:2px;display:flex}.social-auth b{font-size:10px}.social-auth small{color:#70766e;font-size:7px}.social-auth strong{color:#60665f;font-size:12px}.auth-divider{color:#5e645d;align-items:center;gap:9px;height:26px;font-size:7px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--line);flex:1;height:1px}.contact-auth-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.contact-auth-grid button{text-align:left;border:1px solid var(--line);background:#171a18;border-radius:9px;grid-template-columns:27px 1fr;align-items:center;gap:8px;min-height:59px;padding:8px 10px;display:grid}.contact-auth-grid button:hover{border-color:#d7ff4f47}.contact-auth-grid i{width:26px;height:26px;color:var(--lime);background:#d7ff4f17;border-radius:7px;place-items:center;font-size:10px;font-style:normal;font-weight:900;display:grid}.contact-auth-grid span{flex-direction:column;gap:3px;display:flex}.contact-auth-grid b{font-size:9px}.contact-auth-grid small{color:#6c726b;font-size:7px}.auth-terms{color:#5f655e;text-align:center;margin:15px 10px 0;font-size:7px;line-height:1.55}.auth-terms button{color:#979d94;background:0 0;border:0;padding:0;text-decoration:underline}.auth-form-view{min-height:440px}.auth-back{color:#858b82;background:0 0;border:0;margin:-3px 0 20px;padding:0;font-size:8px;font-weight:800}.contact-field,.otp-field{flex-direction:column;gap:7px;margin-top:27px;display:flex}.contact-field>span,.otp-field>span{color:#747a72;letter-spacing:.13em;font-size:7px;font-weight:900}.contact-field>div{background:#0c0f0d;border:1px solid #ffffff21;border-radius:10px;align-items:center;height:49px;display:flex;overflow:hidden}.contact-field>div:focus-within,.otp-field input:focus{border-color:#d7ff4f8c;box-shadow:0 0 0 3px #d7ff4f0f}.contact-field select{border:0;border-right:1px solid var(--line);color:#daddd7;background:#1a1e1b;outline:0;width:104px;height:100%;padding:0 9px;font-size:10px}.contact-field input{color:#f2f4ed;background:0 0;border:0;outline:0;flex:1;min-width:0;height:100%;padding:0 13px;font-size:12px}.contact-field>div>i{color:var(--lime);padding-left:13px;font-size:12px;font-style:normal;font-weight:900}.auth-primary{background:var(--lime);color:#131612;border:0;border-radius:9px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:43px;margin-top:13px;font-size:9px;font-weight:900;display:flex}.auth-primary span{font-size:13px}.auth-primary:disabled{cursor:not-allowed;color:#686e66;background:#2b302c}.auth-security-note{background:#d7ff4f09;border:1px solid #d7ff4f1a;border-radius:9px;gap:9px;margin-top:16px;padding:11px;display:flex}.auth-security-note>i{width:20px;height:20px;color:var(--lime);background:#d7ff4f21;border-radius:50%;place-items:center;font-size:8px;font-style:normal;display:grid}.auth-security-note p{flex-direction:column;gap:3px;margin:0;display:flex}.auth-security-note b{font-size:8px}.auth-security-note small{color:#6e746d;font-size:7px;line-height:1.45}.otp-field input{width:100%;height:63px;color:var(--lime);text-align:center;letter-spacing:.35em;background:#0c0f0d;border:1px solid #ffffff21;border-radius:11px;outline:0;padding-left:.35em;font-size:27px;font-weight:900}.otp-field input::placeholder{color:#343a35}.resend-code{color:#777d75;background:0 0;border:0;width:100%;margin-top:14px;font-size:8px}.resend-code b{color:var(--lime)}.provider-view{flex-direction:column;align-items:stretch;min-height:440px;display:flex}.provider-orb{width:62px;height:62px;margin:3px auto 16px;font-size:25px;box-shadow:0 0 0 8px #ffffff06}.provider-ready{background:#d7ff4f0a;border:1px solid #d7ff4f21;border-radius:10px;align-items:center;gap:11px;margin:20px 0 5px;padding:12px;display:flex}.provider-ready>i{background:var(--lime);color:#161a14;border-radius:50%;place-items:center;width:24px;height:24px;font-size:8px;font-style:normal;font-weight:900;display:grid}.provider-ready>span{flex-direction:column;gap:3px;display:flex}.provider-ready b{font-size:8px}.provider-ready small{color:#737971;font-size:7px;line-height:1.4}.demo-label{color:#575d56;text-align:center;letter-spacing:.12em;margin:12px 0 0;font-size:6px;font-weight:900}.success-mark{background:var(--lime);color:#151914;border-radius:50%;place-items:center;width:64px;height:64px;margin:4px auto 17px;font-size:24px;font-weight:900;display:grid;box-shadow:0 0 0 9px #d7ff4f0d}.toast{z-index:120;color:#e8ece4;background:#1c211c;border:1px solid #d7ff4f4d;border-radius:9px;padding:10px 15px;font-size:9px;font-weight:800;animation:.2s ease-out toast-in;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #00000080}@keyframes fade-in{0%{opacity:0}}@keyframes lift-in{0%{opacity:0;transform:translateY(10px)scale(.99)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}}@keyframes pulse-orb{50%{transform:scale(1.04);box-shadow:0 0 40px #d7ff4f2e}}@media (max-width:1050px){.workspace{grid-template-columns:minmax(0,1fr)}.workspace>.left-panel{display:none}}@media (max-width:900px){.language-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.autoplay-sound-button-mobile{z-index:86;background:#000c;max-width:calc(100vw - 32px);min-height:44px;padding:10px 18px;font-size:14px;position:fixed;inset:50dvh auto auto 50vw;transform:translate(-50%,-50%)}.app-shell{height:100dvh;min-height:0}.topbar{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-bottom-color:#0000;grid-template-columns:1fr auto;height:40px;padding:0 10px;position:fixed;top:0;left:0;right:0}.brand small,.feed-tabs,.avatar,.login-trigger{display:none}.brand{letter-spacing:.08em;gap:6px;font-size:13px}.brand-mark{border-radius:7px 2px;width:25px;height:25px;font-size:14px}.topbar .upload-button{background:0 0;border-color:#ffffff47;border-radius:7px;padding:5px 8px;font-size:10px}.language-bar{justify-content:flex-start;gap:8px;min-height:55px;padding:8px 10px;overflow-x:auto}.filter-label,.language-pill:not(.selected),.translate-picker>span{display:none}.language-selectors{gap:5px}.learning-mode-picker>span,.learning-mode-picker small,.language-direction{display:none}.learning-mode-picker button{white-space:nowrap;grid-template-columns:13px auto;min-height:34px;padding:4px 6px}.learner-languages{gap:5px}.preference-sync{display:none}.filter-group{gap:0}.language-pills{gap:5px}.language-pill{padding:7px}.translate-picker button{white-space:nowrap;padding:8px}.workspace{height:100dvh;padding:0;display:block}.feed-stage{height:100%;min-height:0}.shared-player-shell{aspect-ratio:auto;width:100%;max-width:none;height:100%}.player-external-controls{inset:52px auto auto 8px}.video-speed-picker{gap:5px;width:36px}.video-speed-picker-options{gap:4px}.video-speed-picker-options button{width:36px;height:26px;font-size:7px}.video-card{aspect-ratio:auto;border-radius:0;width:100%;max-width:none;height:100%}.word-panel{display:none}.action-rail{z-index:8;top:18px;bottom:auto;right:7px}.series-link,.video-quality-menu{top:48px}.video-meta{bottom:306px;right:60px}.subtitle-card{--subtitle-mobile-offset:clamp(-160px, var(--subtitle-vertical-offset,0px), max(0px, calc(100dvh - 280px)));--subtitle-top:max(calc(12px + env(safe-area-inset-top)), calc(100dvh - 560px - var(--subtitle-mobile-offset)));z-index:3;max-height:calc(100dvh - var(--subtitle-top) - 105px - env(safe-area-inset-bottom));overscroll-behavior:contain;-webkit-backdrop-filter:none;backdrop-filter:none;padding-bottom:12px;left:9px;right:9px}.sentence b{font-size:calc(15px * var(--subtitle-scale))}.sentence-gloss-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin:5px 0 8px;display:grid}.sentence-gloss-grid>button{text-align:left;background:#ffffff0b;border:1px solid #ffffff17;border-radius:6px;flex-direction:column;gap:2px;min-width:0;padding:5px 6px;display:flex}.sentence-gloss-grid>button.active{background:#d7ff4f17;border-color:#d7ff4f73}.sentence-gloss-grid b{text-overflow:ellipsis;color:#f0f2ec;white-space:nowrap;font-size:8px;overflow:hidden}.sentence-gloss-grid small{color:var(--lime);font-size:7px;line-height:1.25}.mobile-word-meaning{text-align:left;background:#d7ff4f0d;border:1px solid #d7ff4f2e;border-radius:7px;grid-template-columns:1fr auto;width:100%;margin:1px 0 10px;padding:7px 8px;display:grid}.mobile-word-meaning span{color:#b5bbb1;font-size:8px}.mobile-word-meaning strong{color:var(--lime);grid-column:1;margin-top:2px;font-size:11px}.mobile-components{color:#d6dad2;grid-column:1;margin-top:4px;font-size:7px;line-height:1.4}.mobile-word-meaning i{color:var(--lime);grid-area:1/2/span 3;align-self:center;font-style:normal}.playback-line{display:block}.subtitle-settings-backdrop{padding:max(10px, env(safe-area-inset-top)) 10px calc(10px + env(safe-area-inset-bottom));align-items:flex-end}.subtitle-settings-popover{width:100%;max-height:calc(100dvh - 20px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.sentence-skip{padding:7px 5px}.feed-controls{display:none}.sound-toggle{top:10px}.add-language{text-overflow:ellipsis;max-width:80px;display:block;overflow:hidden}.modal-backdrop{align-items:end;padding:0}.language-modal,.upload-modal{border-radius:20px 20px 0 0;width:100%;height:min(82vh,720px);max-height:92vh}.language-setup-modal{border-radius:20px 20px 0 0;width:100%;max-height:92vh;overflow-y:auto}.setup-language-pair{grid-template-columns:1fr;padding:16px 14px 10px}.setup-language-pair>strong{transform:rotate(90deg)}.setup-mode-section{padding:13px 14px 16px}.language-setup-footer{padding:9px 14px}.upload-modal{height:auto}.video-upload-dialog{padding:20px 18px calc(20px + env(safe-area-inset-bottom))}.modal-head{padding:18px 16px 14px}.modal-head h2{font-size:19px}.language-search{margin:12px 14px 7px}.language-grid{grid-template-columns:1fr;padding:6px 14px 12px}.language-grid>button{min-height:51px}.modal-footer{padding:9px 14px}.modal-footer span{display:none}.upload-dropzone{min-height:150px;margin:16px 16px 11px}.upload-source-tabs{margin:14px 16px 0}.tiktok-import-panel{margin:10px 16px 11px;padding:13px}.import-error{margin:0 16px 10px}.upload-settings{grid-template-columns:1fr;margin:0 16px 13px}.analyze-button{margin:0 16px 16px}.analysis-progress{padding:18px 16px 0}.toast{bottom:70px}.auth-modal{border-radius:22px 22px 0 0;width:100%;max-height:94vh}.auth-brand{min-height:65px;padding:13px 17px}.auth-content{padding:18px 16px 20px}.auth-heading h2{font-size:24px}.auth-form-view,.provider-view{min-height:410px}}@media (max-height:720px) and (min-width:761px){.video-meta{bottom:260px}.subtitle-card{--subtitle-top:max(16px, calc(100dvh - 520px - var(--subtitle-vertical-offset,0px)))}.workspace{padding-top:10px;padding-bottom:10px}}html,body{background:#151916}.app-shell{background:radial-gradient(circle at 75% 10%, #d7ff4f1a, transparent 32%), var(--home-background-color,#151916)}.app-shell .video-card{background-color:var(--home-background-color,#202820)}.topbar{background:#1b201cf5}.language-bar{background:#1f2420f5}.context-panel{background:#272d28f0;border-color:#ffffff24;box-shadow:0 18px 50px #0003}.left-panel,.word-panel{background:linear-gradient(155deg,#2d342efa,#222823fa)}.sentence-vocabulary-list>button{background:#303731;border-color:#ffffff1f}.sentence-vocabulary-list>button:hover{background:#394139}.word-details-hint,.word-anatomy{background:#d7ff4f0b}.component-card,.example-box{background:#292f2a}.language-modal,.upload-modal,.auth-modal{background:#242a25}.modal-head,.modal-footer,.auth-brand{background:#303731b8}.language-grid>button,.upload-settings>div,.social-auth,.contact-auth-grid button{background:#303731}.language-search,.tiktok-import-panel,.upload-dropzone,.contact-field>div,.otp-field input{background:#1d221e}.tiktok-url-field input{background:#282e29}.subtitle-settings-popover{background:#232924fa}@media (max-width:760px){.topbar{box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;border-color:#0000!important}.topbar .brand,.topbar .upload-button{text-shadow:0 1px 5px #000000e6}.topbar .upload-button{color:#fff;border-color:#ffffff73}}@media (min-width:761px){.app-shell{height:100dvh;min-height:0}.topbar{z-index:50;height:0;box-shadow:none;background:0 0;border:0;padding:0;position:fixed;top:0;left:0;right:0}.topbar .brand{display:none}.topbar .header-actions{position:absolute;top:12px;right:20px}.workspace{grid-template-rows:minmax(0,1fr);gap:56px;height:100dvh;padding-top:0;padding-bottom:0}.workspace>.left-panel{max-height:100%;overflow-y:auto}.feed-stage{min-width:0;min-height:0;padding-left:48px}.shared-player-shell{max-width:100%;height:100%;max-height:none}.shared-player-shell>.video-card{border-radius:0}.action-rail{top:50%;bottom:auto;right:-49px;transform:translateY(-50%)}}.billing-video-message{z-index:12;color:#fff;text-align:center;background:#101725ed;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex;position:absolute;inset:0}.billing-video-message p{max-width:420px;margin:0;line-height:1.6}.billing-video-message a,.billing-video-message button{color:#fff;cursor:pointer;background:#163d3a;border:1px solid #5baaa1;border-radius:12px;padding:10px 16px;text-decoration:none}.wallet-player-status{z-index:5;color:#83d3b8;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:7px 12px;font-size:12px;text-decoration:none;display:flex;position:relative}.wallet-player-status span{text-decoration:underline}.billing-admin-form{color:#26354b;padding:20px 0}.billing-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.billing-admin-grid label{flex-direction:column;gap:8px;font-size:14px;font-weight:600;display:flex}.billing-admin-grid input,.billing-admin-grid select{color:#172033;box-sizing:border-box;width:100%;min-width:0;font:inherit;background:#fff;border:1px solid #9aaec4;border-radius:10px;padding:12px}.billing-admin-form p{font-size:14px;line-height:1.65}.billing-admin-form code{overflow-wrap:anywhere}.billing-admin-toggles{flex-wrap:wrap;gap:20px;margin:24px 0;display:flex}.billing-admin-toggles label{align-items:center;gap:10px;display:flex}.billing-admin-toggles input{width:18px;height:18px}.billing-admin-actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.billing-admin-actions button:not(:first-child){cursor:pointer;border:1px solid #9aaec4;border-radius:8px;padding:10px 14px}.billing-admin-note{background:#edf8f5;border:1px solid #93baae;border-radius:10px;padding:12px 16px}.billing-admin-audit{color:#26354b;overflow-wrap:anywhere}.billing-admin-table{overflow-x:auto}.billing-admin-table table{border-collapse:collapse;width:100%;font-size:13px}.billing-admin-table th,.billing-admin-table td{text-align:left;border-bottom:1px solid #c5d1df;padding:10px}@media (max-width:640px){.billing-admin-grid{grid-template-columns:1fr}}.subtitle-card.manual-subtitle-panel{top:auto;bottom:var(--manual-editor-bottom,max(86px, calc(72px + env(safe-area-inset-bottom))));max-height:var(--manual-editor-max-height,calc(100dvh - 160px));height:auto;text-shadow:none;background:#0c0e0cf5;border:1px solid #d7ff4f40;overflow-y:auto}.manual-subtitle-panel .subtitle-head{margin-bottom:4px}.web-view-controls{align-items:center;gap:4px;display:flex}.web-view-controls button{color:#a8b0a5;background:#1b201cd1;border:1px solid #ffffff29;border-radius:9px;place-items:center;width:34px;height:34px;padding:0;display:grid}.web-view-controls button:hover{color:#eef2ea;border-color:#ffffff4d}.web-view-controls button.active{color:var(--lime);background:#d7ff4f1f;border-color:#d7ff4f6b}.web-view-controls button:focus-visible{outline:2px solid var(--lime);outline-offset:2px}.web-view-controls svg{stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}@media (max-width:760px){.web-view-controls{display:none}}.app-shell.is-panels-hidden .workspace{grid-template-columns:minmax(0,1fr);gap:0}.app-shell.is-panels-hidden .workspace>.context-panel{display:none}.app-shell.is-panels-hidden .workspace .feed-stage{padding-left:0}.app-shell.is-panels-hidden .shared-player-shell{aspect-ratio:auto;width:100%;max-width:none;height:100dvh;max-height:none}.app-shell.is-panels-hidden .shared-player-shell>.video-card{box-shadow:none;background:#000;border-radius:0}.app-shell.is-panels-hidden .action-rail{right:10px}.app-shell.is-panels-hidden .player-external-controls{left:10px}@media (min-width:761px){.app-shell.is-panels-hidden .player-bottom-controls{right:60px}}.subtitle-free-position{background:#d7ff4f0d;border:1px solid #d7ff4f33;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;margin:10px 0;padding:8px 10px;display:flex}.subtitle-free-position span{color:#b3bbae;font-size:9px;line-height:1.4}.subtitle-free-position button{min-height:30px;color:var(--lime);background:#d7ff4f1f;border:1px solid #d7ff4f66;border-radius:6px;flex:none;padding:5px 9px;font-size:9px;font-weight:800}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}