:root{--color-bg: #12151C;--color-surface: #1A1E2A;--color-surface-high: #222736;--color-border: #2E3347;--color-text-base: #DDD8C9;--color-text-muted: #7A8099;--color-text-faint: #444B61;--color-known: #D8D3C4;--color-known-dim: #2A2D37;--color-recognized: #3DBE8A;--color-recognized-dim: #0D2E1F;--color-familiar: #5B8DEF;--color-familiar-dim: #0F1E3D;--color-unknown: #E8A838;--color-unknown-dim: #3D2E0E;--color-ignored: #7A8099;--color-ignored-dim: #222736;--color-audio: #A78BFA;--color-audio-dim: #1E1535;--color-danger: #E85858;--color-danger-dim: #2E1010;--color-accent: #E8A838;--color-accent-dim: #3D2E0E;--color-on-accent: #12100A;--font-serif: "Lora", Georgia, serif;--font-sans: "Inter", system-ui, sans-serif;--reading-font-size: 18px}:root[data-theme=light]{--color-bg: #FFFFFF;--color-surface: #F5F6F8;--color-surface-high: #ECEEF2;--color-border: #DCDEE6;--color-text-base: #23262F;--color-text-muted: #565D6E;--color-text-faint: #9AA0AC;--color-known: #4A5163;--color-known-dim: #ECEEF2;--color-recognized: #146C4C;--color-recognized-dim: #DCF0E6;--color-familiar: #2757B8;--color-familiar-dim: #E0E9FA;--color-unknown: #7A5800;--color-unknown-dim: #F7EBCC;--color-ignored: #6B7180;--color-ignored-dim: #ECECEF;--color-audio: #6244C9;--color-audio-dim: #ECE6FA;--color-danger: #B92E2E;--color-danger-dim: #F9E3E3;--color-accent: #C08A24;--color-accent-dim: #F7EBCC;--color-on-accent: #12100A}:root[data-theme=sepia]{--color-bg: #F6ECD7;--color-surface: #EFE3C8;--color-surface-high: #E7D9BA;--color-border: #D9C9A4;--color-text-base: #3E3423;--color-text-muted: #6E6350;--color-text-faint: #A79A7E;--color-known: #574B34;--color-known-dim: #EADEC2;--color-recognized: #146C4C;--color-recognized-dim: #DEE8CB;--color-familiar: #2757B8;--color-familiar-dim: #DFE4E8;--color-unknown: #7A5800;--color-unknown-dim: #EFDFAF;--color-ignored: #857A66;--color-ignored-dim: #E7D9BA;--color-audio: #6244C9;--color-audio-dim: #E7DEE0;--color-danger: #B0342E;--color-danger-dim: #EFD9CE;--color-accent: #B8821E;--color-accent-dim: #EFDFAF;--color-on-accent: #12100A}:root[data-theme=green]{--color-bg: #E9F1E4;--color-surface: #DFEBDA;--color-surface-high: #D3E3CC;--color-border: #BCD3B4;--color-text-base: #23301F;--color-text-muted: #52624C;--color-text-faint: #8AA083;--color-known: #445241;--color-known-dim: #D9E6D4;--color-recognized: #14684A;--color-recognized-dim: #CDE6D6;--color-familiar: #2757B8;--color-familiar-dim: #DCE5F0;--color-unknown: #7A5800;--color-unknown-dim: #EDE3BE;--color-ignored: #6C7A67;--color-ignored-dim: #D3E3CC;--color-audio: #6244C9;--color-audio-dim: #E0DEEE;--color-danger: #B0342E;--color-danger-dim: #EFD9D3;--color-accent: #3F7D33;--color-accent-dim: #CDE6D6;--color-on-accent: #F4FAF1}*{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-text-base);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.spinner{display:inline-block;animation:spin 1s linear infinite}.btn{font-family:inherit;font-size:12px;padding:7px 14px;border-radius:8px;border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);cursor:pointer;transition:color .15s,background .15s,border-color .15s}.btn:hover{color:var(--color-text-base);border-color:var(--color-text-faint)}.btn--primary{background:var(--color-accent);color:var(--color-on-accent);border:none;font-weight:700;font-size:15px;padding:13px 32px;border-radius:10px;letter-spacing:-.01em}.btn--primary:hover{color:var(--color-on-accent);filter:brightness(1.08)}.btn--primary:disabled{background:var(--color-surface);color:var(--color-text-muted);cursor:default;filter:none}.btn--audio{border-color:var(--color-border);background:var(--color-surface)}.btn--audio.is-configured{border-color:color-mix(in srgb,var(--color-audio) 40%,transparent);background:var(--color-audio-dim);color:var(--color-audio)}.app-nav{border-bottom:1px solid var(--color-border);padding:0 32px;display:flex;align-items:center;height:56px;gap:4px}.nav-brand{font-family:var(--font-serif);font-size:20px;font-weight:700;letter-spacing:-.02em;margin-right:36px}.nav-tab{background:none;border:none;padding:0 16px;height:56px;font-size:13px;cursor:pointer;font-family:inherit;color:var(--color-text-muted);border-bottom:2px solid transparent}.nav-tab:hover{color:var(--color-text-base)}.nav-tab--active{color:var(--color-text-base);font-weight:600;border-bottom-color:var(--color-accent)}.nav-spacer{flex:1}.nav-actions{display:flex;gap:10px;align-items:center}.nav-user{font-size:12px;color:var(--color-text-faint);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toast{position:fixed;top:20px;right:20px;z-index:200;background:var(--color-surface-high);border:1px solid var(--color-border);border-radius:10px;padding:10px 18px;font-size:13px;color:var(--color-text-base);box-shadow:0 4px 20px #0006;animation:fadeIn .2s ease}.toast--error{border-color:var(--color-danger);color:var(--color-danger)}.toast--info{border-color:var(--color-familiar)}.toast__action{margin-left:12px;padding:3px 10px;border:1px solid var(--color-border);border-radius:6px;background:transparent;color:var(--color-accent);font-size:12px;font-weight:600;font-family:inherit;cursor:pointer}.toast__action:hover{border-color:var(--color-accent)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:300;display:flex;align-items:center;justify-content:center}.modal{background:var(--color-surface-high);border:1px solid var(--color-border);border-radius:16px;padding:28px;width:min(420px,90vw)}.modal__title{margin:0 0 6px;font-family:var(--font-serif);font-size:20px}.modal__hint{font-size:13px;color:var(--color-text-muted);margin:0 0 20px;line-height:1.5}.modal__hint a{color:var(--color-familiar);text-decoration:none}.modal__actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}.input,.textarea{width:100%;padding:10px 14px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;color:var(--color-text-base);font-size:14px;font-family:inherit;outline:none}.input:focus,.textarea:focus{border-color:var(--color-text-faint)}.input--stack{margin-bottom:10px}.textarea{resize:vertical;line-height:1.7;font-family:var(--font-serif)}.field-label{font-size:12px;color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.1em;display:block;margin-bottom:12px}.status-badge{font-size:11px;font-weight:600;padding:3px 9px;border-radius:20px;text-transform:uppercase;letter-spacing:.06em}.status-badge--known{background:var(--color-known-dim);color:var(--color-known)}.status-badge--recognized{background:var(--color-recognized-dim);color:var(--color-recognized)}.status-badge--familiar{background:var(--color-familiar-dim);color:var(--color-familiar)}.status-badge--unknown{background:var(--color-unknown-dim);color:var(--color-unknown)}.status-badge--ignored{background:var(--color-ignored-dim);color:var(--color-ignored)}.home{max-width:800px;margin:0 auto;padding:48px 32px}.hero{margin-bottom:48px}.hero__kicker{font-size:12px;color:var(--color-text-faint);letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px}.hero__title{font-family:var(--font-serif);font-size:38px;font-weight:700;margin:0 0 12px;line-height:1.2;letter-spacing:-.02em}.hero__sub{font-size:16px;color:var(--color-text-muted);max-width:500px;line-height:1.6;margin:0}.banner-audio{background:var(--color-audio-dim);border:1px solid color-mix(in srgb,var(--color-audio) 27%,transparent);border-radius:12px;padding:14px 18px;margin-bottom:28px;display:flex;align-items:center;justify-content:space-between;gap:12px}.banner-audio__title{font-size:14px;color:var(--color-audio);font-weight:600}.banner-audio__sub{margin:4px 0 0;font-size:12px;color:var(--color-text-muted)}.banner-audio .btn{color:var(--color-audio);border-color:color-mix(in srgb,var(--color-audio) 40%,transparent);white-space:nowrap;font-weight:600;font-size:13px}.field-group{margin-bottom:28px}.lang-row{display:flex;gap:10px}.lang-btn{padding:9px 18px;border-radius:10px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);font-size:14px;cursor:pointer;font-family:inherit}.lang-btn:hover{color:var(--color-text-base)}.lang-btn--active{background:var(--color-accent);color:var(--color-on-accent);font-weight:700;border-color:transparent}.segmented{display:flex;background:var(--color-surface);border-radius:10px;padding:4px;border:1px solid var(--color-border);width:fit-content;gap:2px}.segment{padding:7px 18px;border-radius:7px;border:none;background:transparent;color:var(--color-text-muted);font-size:13px;cursor:pointer;font-family:inherit}.segment:hover{color:var(--color-text-base)}.segment--active{background:var(--color-surface-high);color:var(--color-text-base);outline:1px solid var(--color-border)}.sample-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;padding:24px;margin-bottom:24px}.sample-card__kicker{font-size:11px;color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.1em;margin:0 0 8px}.sample-card__title{font-family:var(--font-serif);font-size:16px;line-height:1.7;margin:0 0 8px;font-weight:600}.sample-card__preview{font-family:var(--font-serif);font-size:15px;color:var(--color-text-muted);line-height:1.7;margin:0}.url-note{font-size:12px;color:var(--color-text-faint);margin-top:8px}.stat-cards{margin-top:40px;display:flex;gap:16px;flex-wrap:wrap}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:16px 20px;min-width:100px}.stat-card__value{font-size:26px;font-weight:700;font-family:var(--font-serif)}.stat-card__value--known{color:var(--color-known)}.stat-card__value--recognized{color:var(--color-recognized)}.stat-card__value--familiar{color:var(--color-familiar)}.stat-card__label{font-size:12px;color:var(--color-text-faint);margin-top:2px}.empty-state{text-align:center;padding:60px 0;color:var(--color-text-faint)}.empty-state__icon{font-size:40px;margin-bottom:16px}.continue-item{display:flex;gap:8px;align-items:stretch;margin-top:8px}.continue-item__main{flex:1;display:flex;align-items:center;gap:14px;padding:12px 16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;cursor:pointer;color:var(--color-text-base);font-family:inherit;font-size:13px;text-align:left;min-width:0;transition:border-color .15s,background .15s}.continue-item__main:hover{border-color:var(--color-text-faint);background:var(--color-surface-high)}.continue-item__icon{font-size:16px;flex-shrink:0}.continue-item__body{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.continue-item__body .progress-track,.continue-item__body .progress-fill{display:block}.continue-item__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.continue-item__meta{font-size:11px;color:var(--color-text-faint)}.continue-item__pct{font-size:12px;font-weight:600;color:var(--color-text-muted);flex-shrink:0}.continue-item__toggle{flex-shrink:0}.continue-empty{font-size:12px;color:var(--color-text-faint);margin:10px 0 0}.display-settings{position:relative}.display-settings__toggle{font-family:var(--font-serif);font-weight:700;letter-spacing:.02em}.display-settings__toggle.is-open{color:var(--color-text-base);border-color:var(--color-text-faint)}.display-settings__panel{position:absolute;top:calc(100% + 8px);right:0;z-index:80;width:260px;padding:16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 12px 32px #00000059;animation:fadeIn .12s ease}.display-settings__label{margin:0 0 8px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-faint)}.display-settings__label+.display-settings__label,.display-settings__themes+.display-settings__label{margin-top:16px}.display-settings__themes{display:grid;grid-template-columns:1fr 1fr;gap:8px}.theme-swatch{display:flex;align-items:center;gap:8px;padding:8px 10px;font-family:inherit;font-size:12px;color:var(--color-text-muted);background:transparent;border:1px solid var(--color-border);border-radius:8px;cursor:pointer;transition:border-color .15s,color .15s}.theme-swatch:hover{color:var(--color-text-base);border-color:var(--color-text-faint)}.theme-swatch.is-active{color:var(--color-text-base);border-color:var(--color-accent)}.theme-swatch__dot{width:16px;height:16px;border-radius:50%;border:1px solid var(--color-border);flex-shrink:0}.display-settings__sizes{display:flex;gap:6px}.size-step{flex:1;display:flex;align-items:center;justify-content:center;height:38px;font-family:var(--font-serif);color:var(--color-text-muted);background:transparent;border:1px solid var(--color-border);border-radius:8px;cursor:pointer;transition:border-color .15s,color .15s}.size-step:hover{color:var(--color-text-base);border-color:var(--color-text-faint)}.size-step.is-active{color:var(--color-text-base);border-color:var(--color-accent)}.display-settings__voice{width:100%;margin-top:2px}.display-settings__note{font-size:12px;color:var(--color-text-faint);margin:0}.display-settings__note--error{color:var(--color-danger)}.display-settings__sizes+.display-settings__label{margin-top:16px}.library-page{max-width:860px;margin:0 auto;padding:40px 32px 80px}.reader-topbar{border-bottom:1px solid var(--color-border);padding:12px 24px;display:flex;align-items:center;gap:14px;background:var(--color-bg);position:sticky;top:0;z-index:50;flex-wrap:wrap}.reader-topbar__back{background:none;border:none;color:var(--color-text-muted);font-size:18px;cursor:pointer;line-height:1;padding:4px}.reader-topbar__back:hover{color:var(--color-text-base)}.reader-topbar__title{font-family:var(--font-serif);font-size:16px;font-weight:600;flex:1;min-width:120px}.reader-topbar__counts{display:flex;gap:14px;font-size:12px}.count--known{color:var(--color-known)}.count--recognized{color:var(--color-recognized)}.audio-bar{padding:10px 32px;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.audio-player{display:flex;align-items:center;gap:10px;background:var(--color-audio-dim);border:1px solid color-mix(in srgb,var(--color-audio) 27%,transparent);border-radius:10px;padding:8px 14px}.audio-player__toggle{background:none;border:none;color:var(--color-audio);font-size:18px;cursor:pointer;line-height:1;padding:0}.audio-player__track{flex:1;height:3px;background:var(--color-surface);border-radius:2px}.audio-player__fill{height:100%;background:var(--color-audio);border-radius:2px;transition:width .1s linear}.audio-player__label{font-size:12px;color:var(--color-audio);white-space:nowrap}.reader-body{max-width:680px;margin:0 auto;padding:40px 32px 200px;width:100%}.comprehension{margin-bottom:36px}.comprehension__row{display:flex;justify-content:space-between;font-size:12px;color:var(--color-text-faint);margin-bottom:6px}.comprehension__pct{color:var(--color-known);font-weight:600}.progress-track{height:3px;background:var(--color-surface);border-radius:2px}.progress-fill{height:100%;background:var(--color-known);border-radius:2px;transition:width .4s ease}.paragraph{margin-bottom:36px;position:relative}.para-play{position:absolute;left:-40px;top:6px;background:none;border:none;cursor:pointer;color:var(--color-text-faint);font-size:16px;opacity:.7;padding:4px;transition:color .2s,opacity .2s}.para-play:hover{color:var(--color-audio);opacity:1}.para-play.is-loading{color:var(--color-audio)}.reading-text{font-family:var(--font-serif);font-size:var(--reading-font-size);line-height:1.85;margin:0;letter-spacing:.01em}.word{cursor:pointer;border-radius:3px;padding:0 2px;transition:background .1s,outline-color .1s;outline:1.5px solid transparent;outline-offset:-1px}.word:hover{background:var(--color-surface-high)}.word--recognized{background:var(--color-recognized-dim)}.word--familiar{background:var(--color-familiar-dim)}.word--unknown{background:var(--color-unknown-dim)}.word--recognized:hover,.word--recognized.word--selected{outline-color:var(--color-recognized)}.word--familiar:hover,.word--familiar.word--selected{outline-color:var(--color-familiar)}.word--unknown:hover,.word--unknown.word--selected{outline-color:var(--color-unknown)}.word--selected{background:var(--color-surface-high)}.word--unknown.word--selected{background:var(--color-unknown-dim)}.word--recognized.word--selected{background:var(--color-recognized-dim)}.word--familiar.word--selected{background:var(--color-familiar-dim)}.legend{padding-top:24px;border-top:1px solid var(--color-border);display:flex;gap:20px;flex-wrap:wrap;margin-top:8px}.legend__item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--color-text-muted)}.legend__swatch{width:16px;height:2px;display:inline-block}.legend__swatch--known{background:var(--color-known)}.legend__swatch--recognized{background:var(--color-recognized)}.legend__swatch--familiar{background:var(--color-familiar)}.legend__swatch--unknown{background:var(--color-unknown)}.legend__swatch--audio{background:var(--color-audio)}.legend__swatch--untagged{height:1px;border-bottom:1.5px dotted var(--color-text-faint);background:none}.legend__item .legend__swatch{width:18px;height:13px;border-radius:3px}.legend__item .legend__swatch--unknown{background:var(--color-unknown-dim);border:1px solid var(--color-unknown)}.legend__item .legend__swatch--recognized{background:var(--color-recognized-dim);border:1px solid var(--color-recognized)}.legend__item .legend__swatch--familiar{background:var(--color-familiar-dim);border:1px solid var(--color-familiar)}.legend__item .legend__swatch--known{background:transparent;border:1px dashed var(--color-text-faint)}.word-popup{position:fixed;bottom:24px;left:50%;transform:translate(-50%);width:min(480px,94vw);background:var(--color-surface-high);border:1px solid var(--color-border);border-radius:14px;padding:20px 22px;z-index:100;box-shadow:0 8px 40px #0009}.word-popup__header{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.word-popup__word-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:1}.word-popup__word{font-family:var(--font-serif);font-size:22px;font-weight:700}.word-popup__speak{background:var(--color-surface);border:1px solid var(--color-border);border-radius:7px;padding:3px 9px;cursor:pointer;color:var(--color-text-faint);font-size:14px}.word-popup__speak.is-configured{background:var(--color-audio-dim);border-color:color-mix(in srgb,var(--color-audio) 40%,transparent);color:var(--color-audio)}.word-popup__audio{margin-bottom:12px}.word-popup__context{font-size:13px;color:var(--color-text-muted);font-style:italic;margin:0 0 12px;border-left:3px solid var(--color-border);padding-left:10px;line-height:1.5}.word-popup__def-hint{font-size:11px;color:var(--color-text-faint);margin:0 0 6px}.word-popup__definition{font-size:13px;font-family:var(--font-sans);min-height:56px;margin-bottom:8px}.word-popup__save{font-size:12px}.word-popup__statuses{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.status-btn{flex:1;min-width:72px;padding:7px 4px;border-radius:8px;border:none;background:var(--color-surface);color:var(--color-text-muted);font-size:12px;font-weight:600;cursor:pointer;outline:1px solid var(--color-border);transition:all .15s;font-family:inherit}.status-btn:hover{color:var(--color-text-base)}.status-btn--known.is-active{background:var(--color-known-dim);color:var(--color-known);outline:1.5px solid var(--color-known)}.status-btn--recognized.is-active{background:var(--color-recognized-dim);color:var(--color-recognized);outline:1.5px solid var(--color-recognized)}.status-btn--familiar.is-active{background:var(--color-familiar-dim);color:var(--color-familiar);outline:1.5px solid var(--color-familiar)}.status-btn--unknown.is-active{background:var(--color-unknown-dim);color:var(--color-unknown);outline:1.5px solid var(--color-unknown)}.status-btn--close,.status-btn--trash{flex:0;min-width:auto;padding:7px 10px;background:transparent;color:var(--color-text-faint);outline:1px solid var(--color-border)}.status-btn--trash:hover{color:var(--color-danger);outline-color:var(--color-danger)}@media(max-width:820px){.para-play{position:static;display:block;margin-bottom:4px}.reader-body{padding:32px 20px 220px}.word-popup{bottom:12px;width:calc(100vw - 16px)}}.read-progress{position:fixed;top:0;left:0;right:0;height:3px;background:transparent;z-index:60;pointer-events:none}.read-progress__fill{height:100%;background:var(--color-accent);transition:width .15s linear}.chapter-nav{display:flex;align-items:center;gap:10px;margin-bottom:28px}.chapter-nav__select{flex:1;min-width:0;padding:8px 10px;font-family:inherit;font-size:13px;color:var(--color-text-base);background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px}.chapter-nav__count{font-size:12px;color:var(--color-text-faint);font-variant-numeric:tabular-nums}.chapter-next{display:block;margin:8px 0 32px}.epub-input{padding:10px 12px}.epub-error{border-radius:8px;border:1px solid color-mix(in srgb,var(--color-danger) 27%,transparent);margin:10px 0}.yt-page{display:flex;flex-direction:column;min-height:calc(100vh - 56px)}.yt-toolbar{padding:16px 24px;border-bottom:1px solid var(--color-border);display:flex;gap:10px;align-items:center;flex-wrap:wrap}.yt-toolbar .input{flex:1;min-width:220px;width:auto}.yt-error{padding:10px 24px;background:var(--color-danger-dim);border-bottom:1px solid color-mix(in srgb,var(--color-danger) 27%,transparent);font-size:13px;color:var(--color-danger)}.yt-split{flex:1;display:flex;overflow:hidden;min-height:0}.yt-left{width:360px;flex-shrink:0;border-right:1px solid var(--color-border);display:flex;flex-direction:column;background:var(--color-bg)}.yt-video{aspect-ratio:16 / 9;background:#000;position:relative}.yt-video iframe{width:100%;height:100%;border:none;display:block}.yt-meta{padding:12px 16px;border-bottom:1px solid var(--color-border);display:flex;gap:16px;font-size:12px;color:var(--color-text-muted);flex-wrap:wrap}.yt-instructions{padding:14px 16px;font-size:12px;color:var(--color-text-faint);line-height:1.6}.yt-instructions p{margin:0 0 8px}.yt-instructions p:last-child{margin:0}.yt-instructions .hl-cue{color:var(--color-accent)}.yt-instructions .hl-word{color:var(--color-familiar)}.yt-legend{padding:10px 16px;display:flex;gap:12px;flex-wrap:wrap;border-top:1px solid var(--color-border);margin-top:auto}.yt-transcript{flex:1;overflow-y:auto;display:flex;flex-direction:column;position:relative}.yt-transcript__list{flex:1;padding:20px 28px}.cue{padding:10px 14px;margin-bottom:4px;border-radius:10px;cursor:pointer;display:flex;gap:12px;align-items:flex-start;border:1px solid transparent;transition:background .15s,border .15s}.cue:hover{background:var(--color-surface)}.cue--active{background:var(--color-surface-high);border-color:var(--color-border)}.cue--playing{background:var(--color-accent-dim);border-color:color-mix(in srgb,var(--color-accent) 33%,transparent)}.cue__time{font-size:11px;color:var(--color-text-faint);min-width:38px;padding-top:3px;font-variant-numeric:tabular-nums}.cue--playing .cue__time{color:var(--color-accent)}.cue__play{font-size:12px;color:var(--color-text-faint);padding-top:3px;opacity:.4}.cue--playing .cue__play{color:var(--color-accent);opacity:1}.cue__text{font-family:var(--font-serif);font-size:16px;line-height:1.7;color:var(--color-text-muted);flex:1}.cue--active .cue__text{color:var(--color-text-base)}.yt-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;text-align:center}.yt-empty__icon{font-size:48px;margin-bottom:20px;opacity:.3}.yt-empty__title{font-family:var(--font-serif);font-size:24px;font-weight:700;margin:0 0 10px}.yt-empty__sub{font-size:15px;color:var(--color-text-muted);max-width:420px;line-height:1.6;margin:0 0 28px}.yt-empty__chips{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;font-size:12px;color:var(--color-text-faint)}.yt-empty__chips span{padding:4px 10px;border-radius:20px;border:1px solid var(--color-border);background:var(--color-surface)}@media(max-width:900px){.yt-split{flex-direction:column;overflow:visible}.yt-left{width:100%;border-right:none;border-bottom:1px solid var(--color-border)}.yt-instructions,.yt-legend{display:none}.yt-transcript{overflow-y:visible}}.yt-progress{height:4px;margin:10px 16px 0}.yt-left--pip{width:0;min-width:0;border-right:none}.yt-left--pip>:not(.yt-video){display:none}.yt-video--pip{position:fixed;right:20px;bottom:20px;width:min(420px,calc(100vw - 32px));height:auto;z-index:70;border-radius:12px;overflow:hidden;border:1px solid var(--color-border);box-shadow:0 16px 48px #00000080}.yt-video--pip.is-dragging iframe{pointer-events:none}.pip-handle{position:absolute;top:0;left:0;right:0;height:30px;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:0 10px;background:#0009;color:#fff;font-size:11px;cursor:grab;opacity:0;transition:opacity .15s;touch-action:none;-webkit-user-select:none;user-select:none}.yt-video--pip:hover .pip-handle,.yt-video--pip.is-dragging .pip-handle{opacity:1}.yt-video--pip.is-dragging .pip-handle{cursor:grabbing}.pip-handle__grip{letter-spacing:.04em}.pip-handle__dock{background:none;border:none;color:#fff;font-size:14px;cursor:pointer;padding:2px 4px}.pip-handle__dock:hover{color:var(--color-accent)}@media(max-width:900px){.yt-video--pip{left:0!important;top:auto!important;right:0!important;bottom:0!important;width:100vw;border-radius:0;border-left:none;border-right:none;border-bottom:none}.pip-handle{cursor:default}.pip-handle__grip{visibility:hidden}}.yt-transcript__modes{position:sticky;top:0;z-index:5;padding:12px 28px 10px;background:var(--color-bg);border-bottom:1px solid var(--color-border)}.yt-wordmode{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 32px;gap:18px}.yt-wordmode__time{font-size:12px;color:var(--color-text-faint);font-variant-numeric:tabular-nums}.yt-wordmode__text{font-family:var(--font-serif);font-size:30px;line-height:1.7;max-width:640px;margin:0}.yt-wordmode__hint{font-size:12px;color:var(--color-text-faint);margin:0}.word--current{background:color-mix(in srgb,var(--color-text-base) 12%,transparent);box-shadow:0 2px color-mix(in srgb,var(--color-text-base) 40%,transparent)}.wordmode-play{width:54px;height:54px;border-radius:50%;border:2px solid var(--color-text-muted);background:transparent;color:var(--color-text-base);font-size:17px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding-left:3px;transition:border-color .15s,color .15s,transform .1s}.wordmode-play:hover{border-color:var(--color-text-base);transform:scale(1.06)}.wordmode-play.is-playing{border-color:var(--color-audio);color:var(--color-audio)}.yt-wordmode__row{display:flex;align-items:center;gap:20px}.wordmode-nav{background:transparent;border:none;color:var(--color-text-muted);font-size:42px;line-height:1;cursor:pointer;padding:6px 10px;transition:color .15s,transform .1s}.wordmode-nav:hover:not(:disabled){color:var(--color-text-base);transform:scale(1.1)}.wordmode-nav:disabled{opacity:.25;cursor:default}.yt-fulltext{flex:1;padding:28px 32px;font-family:var(--font-serif);font-size:var(--reading-font-size);line-height:1.9;color:var(--color-text-muted);max-width:760px}.fulltext-cue{cursor:pointer}.fulltext-cue--active{color:var(--color-text-base);background:var(--color-surface-high);border-radius:4px}.progress-page{max-width:1000px;margin:0 auto;padding:28px 28px 48px}.progress-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:12px}.progress-header__kicker{font-size:11px;color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.1em;margin:0 0 6px}.progress-header__title{font-family:var(--font-serif);font-size:26px;font-weight:700;letter-spacing:-.02em;margin:0}.range-row{display:flex;gap:6px}.range-btn{padding:5px 12px;border-radius:6px;border:1px solid var(--color-border);cursor:pointer;font-family:inherit;font-size:12px;background:var(--color-surface);color:var(--color-text-muted);transition:all .15s}.range-btn:hover{color:var(--color-text-base)}.range-btn--active{background:var(--color-accent);color:var(--color-on-accent);font-weight:700;border-color:transparent}.sample-note{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:10px 16px;font-size:12px;color:var(--color-text-muted);margin-bottom:16px}.kpi-row{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.kpi-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:16px 20px;flex:1;min-width:120px}.kpi-card__label{font-size:11px;color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.kpi-card__value{font-size:28px;font-weight:600;font-family:var(--font-serif);line-height:1;margin-bottom:4px}.kpi-card__value--known{color:var(--color-known)}.kpi-card__value--familiar{color:var(--color-familiar)}.kpi-card__value--recognized{color:var(--color-recognized)}.kpi-card__value--audio{color:var(--color-audio)}.kpi-card__sub{font-size:12px;color:var(--color-text-muted);display:flex;align-items:center;gap:6px}.kpi-delta{font-size:11px;padding:1px 6px;border-radius:20px;font-weight:600}.kpi-delta--up{background:var(--color-known-dim);color:var(--color-known)}.kpi-delta--down{background:var(--color-danger-dim);color:var(--color-danger)}.progress-tabs{margin-bottom:16px}.charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.charts-grid--single{grid-template-columns:1fr}.chart-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:18px 20px}.chart-card__head{display:flex;align-items:center;gap:8px;margin-bottom:16px}.chart-card__dot{width:8px;height:8px;border-radius:2px;display:inline-block}.chart-card__title{font-size:12px;color:var(--color-text-muted)}.chart-card__legend{display:flex;gap:16px;margin-bottom:12px}.chart-card__legend-item{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--color-text-faint)}.chart-card__legend-swatch{width:20px;height:2px;display:inline-block;border-radius:1px}.chart-box{position:relative;height:200px}.level-breakdown__total{margin-left:auto;font-size:11px;color:var(--color-text-faint)}.level-bar{margin-bottom:14px}.level-bar__row{display:flex;justify-content:space-between;margin-bottom:6px;align-items:center}.level-bar__name{display:flex;align-items:center;gap:8px;font-size:13px}.level-bar__swatch{width:8px;height:8px;border-radius:2px;display:inline-block}.level-bar__nums{display:flex;align-items:center;gap:10px}.level-bar__pct{font-size:11px;color:var(--color-text-faint)}.level-bar__value{font-size:14px;font-weight:600;min-width:36px;text-align:right;font-family:var(--font-serif)}.level-bar__track{height:6px;background:var(--color-surface-high);border-radius:3px}.level-bar__fill{height:100%;border-radius:3px;transition:width .6s cubic-bezier(.4,0,.2,1)}.level-bar--known .level-bar__swatch,.level-bar--known .level-bar__fill{background:var(--color-known)}.level-bar--recognized .level-bar__swatch,.level-bar--recognized .level-bar__fill{background:var(--color-recognized)}.level-bar--familiar .level-bar__swatch,.level-bar--familiar .level-bar__fill{background:var(--color-familiar)}.level-bar--unknown .level-bar__swatch,.level-bar--unknown .level-bar__fill{background:var(--color-unknown)}.level-bar--known .level-bar__value{color:var(--color-known)}.level-bar--recognized .level-bar__value{color:var(--color-recognized)}.level-bar--familiar .level-bar__value{color:var(--color-familiar)}.level-bar--unknown .level-bar__value{color:var(--color-unknown)}.word-chips{display:flex;flex-wrap:wrap;gap:8px}.word-chip{padding:4px 12px;border-radius:20px;font-size:13px;border:1px solid transparent}.word-chip--known{background:var(--color-known-dim);color:var(--color-known);border-color:color-mix(in srgb,var(--color-known) 20%,transparent)}.word-chip--recognized{background:var(--color-recognized-dim);color:var(--color-recognized);border-color:color-mix(in srgb,var(--color-recognized) 20%,transparent)}.word-chip--familiar{background:var(--color-familiar-dim);color:var(--color-familiar);border-color:color-mix(in srgb,var(--color-familiar) 20%,transparent)}.word-chip--unknown{background:var(--color-unknown-dim);color:var(--color-unknown);border-color:color-mix(in srgb,var(--color-unknown) 20%,transparent)}.word-chip--ignored{background:var(--color-ignored-dim);color:var(--color-ignored);border-color:color-mix(in srgb,var(--color-ignored) 20%,transparent);text-decoration:line-through}@media(max-width:820px){.charts-grid{grid-template-columns:1fr}}.quiz-page{max-width:860px;margin:0 auto;padding:40px 32px 80px}.quiz-types{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.quiz-type-card{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;cursor:pointer;font-family:inherit;color:var(--color-text-muted);text-align:left;transition:border-color .15s,color .15s}.quiz-type-card:hover{border-color:var(--color-text-faint)}.quiz-type-card.is-active{border-color:var(--color-accent);color:var(--color-text-base)}.quiz-type-card__icon{font-size:20px}.quiz-type-card__label{font-weight:700;font-size:14px}.quiz-type-card__desc{font-size:12px;line-height:1.5}.quiz-hint,.quiz-progress-label{font-size:12px;color:var(--color-text-faint);margin:0 0 16px}.quiz-card{display:block;width:100%;padding:12px 16px;margin-bottom:8px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;cursor:pointer;font-family:inherit;font-size:14px;color:var(--color-text-base);text-align:left;transition:border-color .15s,background .15s,opacity .15s}.quiz-card:hover:not(:disabled){border-color:var(--color-text-faint)}.quiz-card.is-selected{border-color:var(--color-accent);background:var(--color-accent-dim)}.quiz-card.is-matched,.quiz-card.is-correct{border-color:var(--color-recognized);background:var(--color-recognized-dim);color:var(--color-recognized);cursor:default}.quiz-card.is-wrong{border-color:var(--color-danger);background:var(--color-danger-dim);animation:quiz-shake .3s}.quiz-card--def{font-size:13px;color:var(--color-text-muted)}.quiz-card--def.is-matched{color:var(--color-recognized)}@keyframes quiz-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.quiz-matching__cols{display:grid;grid-template-columns:220px 1fr;gap:24px}.quiz-choice__definition{font-family:var(--font-serif);font-size:20px;line-height:1.6;margin:0 0 24px}.quiz-choice__options{max-width:420px}.quiz-writing__row{display:flex;gap:10px;max-width:480px}.quiz-writing__input{flex:1}.quiz-writing__input.is-correct{border-color:var(--color-recognized)}.quiz-writing__input.is-wrong{border-color:var(--color-danger)}.quiz-writing__answer{margin-top:14px;font-size:14px;color:var(--color-danger)}.quiz-writing__answer--ok{color:var(--color-recognized)}.quiz-abort{margin-top:32px}.quiz-result{text-align:center;padding:24px 0}.quiz-result__score{font-family:var(--font-serif);font-size:56px;font-weight:700;color:var(--color-accent)}.quiz-result__label{color:var(--color-text-muted);margin:6px 0 24px}.quiz-result .word-chips{justify-content:center;margin-bottom:28px}.quiz-result__actions{display:flex;gap:12px;justify-content:center}.quiz-history{margin-top:40px}.quiz-history__row{display:flex;align-items:center;gap:16px;padding:9px 14px;margin-top:6px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:9px;font-size:13px}.quiz-history__row>:first-child{flex:1}.quiz-history__score{font-weight:700;color:var(--color-accent)}.quiz-history__date{font-size:11px;color:var(--color-text-faint)}@media(max-width:700px){.quiz-types,.quiz-matching__cols{grid-template-columns:1fr}}.vocab-page{max-width:1240px;margin:0 auto;padding:24px 28px 48px}.vocab-toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:16px}.vocab-title{font-size:22px;margin:0}.vocab-count{color:var(--color-text-muted);font-size:13px}.vocab-search{flex:1;min-width:220px;max-width:360px}.vocab-show{margin-left:auto;display:flex;align-items:center;gap:8px;color:var(--color-text-muted);font-size:13px}.vocab-show__select{background:var(--color-surface);color:var(--color-text-base);border:1px solid var(--color-border);border-radius:6px;padding:4px 8px;cursor:pointer}.vocab-bulk{display:flex;align-items:center;gap:8px;padding:10px 14px;margin-bottom:12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;font-size:13px;color:var(--color-text-muted)}.vocab-table-wrap{overflow-x:auto}.vocab-table{min-width:860px;border:1px solid var(--color-border);border-radius:12px;overflow:hidden;background:var(--color-surface)}.vocab-head,.vocab-row{display:grid;grid-template-columns:40px 1.1fr 1fr 1.5fr 218px;gap:14px;align-items:center;padding:12px 18px}.vocab-head{background:var(--color-bg);text-transform:uppercase;font-size:11px;letter-spacing:.08em;color:var(--color-text-muted);border-bottom:1px solid var(--color-border)}.vocab-head__status{text-align:right}.vocab-row{border-bottom:1px solid var(--color-border);transition:background .1s}.vocab-row:last-child{border-bottom:none}.vocab-row:hover{background:var(--color-surface-high)}.vocab-word{font-family:var(--font-serif);font-size:18px;font-weight:600}.vocab-def--empty{color:var(--color-text-faint);font-style:italic}.vocab-context{color:var(--color-text-muted);font-style:italic;font-size:14px}.vocab-status{display:flex;gap:6px;justify-content:flex-end}.vocab-status__btn{width:30px;height:30px;border-radius:50%;border:1.5px solid var(--color-border);background:transparent;color:var(--color-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:13px;line-height:1;transition:border-color .12s,color .12s,background .12s}.vocab-status__btn:hover{border-color:var(--color-text-muted);color:var(--color-text-base)}.vocab-status__btn--unknown.is-active{border-color:var(--color-unknown);color:var(--color-unknown);background:var(--color-unknown-dim)}.vocab-status__btn--recognized.is-active{border-color:var(--color-recognized);color:var(--color-recognized);background:var(--color-recognized-dim)}.vocab-status__btn--familiar.is-active{border-color:var(--color-familiar);color:var(--color-familiar);background:var(--color-familiar-dim)}.vocab-status__btn--known.is-active{border-color:var(--color-known);color:var(--color-known);background:var(--color-known-dim)}.vocab-status__btn--ignored.is-active{border-color:var(--color-ignored);color:var(--color-ignored);background:var(--color-ignored-dim)}.vocab-empty{padding:56px 24px;text-align:center;color:var(--color-text-muted);border:1px dashed var(--color-border);border-radius:12px}.vocab-more{color:var(--color-text-faint);font-size:13px;text-align:center;padding:12px 0 0}.reader-layout--dict{display:grid;grid-template-columns:minmax(0,680px) 300px;gap:32px;max-width:1060px;margin:0 auto;align-items:start}.reader-layout--dict .reader-body{max-width:none;margin:0}@media(max-width:980px){.reader-layout--dict{grid-template-columns:1fr}.dict-panel{position:static;margin:0 32px 40px}}.yt-dict{width:300px;flex-shrink:0;border-left:1px solid var(--color-border);overflow-y:auto;padding:12px 16px;background:var(--color-bg)}.yt-dict .dict-panel{position:static;margin:0;max-height:none}@media(max-width:900px){.yt-dict{width:100%;border-left:none;border-top:1px solid var(--color-border)}}.dict-panel{position:sticky;top:76px;margin-top:40px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:18px 20px;font-size:14px;max-height:calc(100vh - 100px);overflow-y:auto}.dict-panel__eyebrow{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-faint);margin:0 0 10px}.dict-panel__head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:2px}.dict-panel__word{font-family:var(--font-serif);font-size:22px;font-weight:600}.dict-panel__phon{color:var(--color-audio);font-size:13px}.dict-panel__es{color:var(--color-text-muted);font-size:13px;margin:0 0 10px}.dict-panel__es b{color:var(--color-text-base);font-weight:600}.dict-panel__empty{color:var(--color-text-faint);font-style:italic;line-height:1.6}.dict-panel__credit{margin:14px 0 0;padding-top:10px;border-top:1px solid var(--color-border);font-size:11px;color:var(--color-text-faint)}.dict-panel__audio{display:flex;gap:8px;align-items:center;margin:0 0 12px;flex-wrap:wrap}.audio-chip{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--color-audio);background:var(--color-audio-dim);border:1.5px solid var(--color-audio);border-radius:99px;padding:4px 12px;cursor:pointer;transition:filter .12s}.audio-chip:hover{filter:brightness(1.15)}.audio-chip--el{border-style:dashed;background:transparent;color:var(--color-text-muted);border-color:var(--color-border)}.audio-chip--el:hover{color:var(--color-audio);border-color:var(--color-audio)}.dict-sense{border-top:1px solid var(--color-border);padding-top:12px;margin-top:12px}.dict-sense__pos{display:inline-block;font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--color-familiar);background:var(--color-familiar-dim);border-radius:99px;padding:2px 9px;margin-bottom:8px}.dict-sense ol{margin:0;padding-left:18px;display:grid;gap:8px}.dict-sense li{line-height:1.5}.dict-sense__example{display:block;font-family:var(--font-serif);font-style:italic;font-size:13px;color:var(--color-text-muted);margin-top:3px}.dict-syn{margin-top:12px;display:flex;gap:6px;flex-wrap:wrap;align-items:center}.dict-syn__label{font-size:11px;color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.07em}.dict-syn__chip{font-size:12px;color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:99px;padding:2px 10px}.word-bubble{position:absolute;z-index:40;width:300px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 12px 32px #00000073,0 2px 8px #00000059;padding:14px 16px 12px;font-size:14px}@media(prefers-reduced-motion:no-preference){.word-bubble{animation:bubble-pop .14s ease-out}@keyframes bubble-pop{0%{opacity:0;transform:translateY(4px) scale(.98)}to{opacity:1;transform:none}}}.word-bubble:after{content:"";position:absolute;left:var(--caret-x, 32px);bottom:-7px;width:12px;height:12px;background:var(--color-surface);border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);transform:rotate(45deg)}.word-bubble--below:after{bottom:auto;top:-7px;transform:rotate(225deg)}.word-bubble__head{display:flex;align-items:center;gap:10px;margin-bottom:6px}.word-bubble__term{font-family:var(--font-serif);font-size:20px;font-weight:600}.word-bubble__speak{width:28px;height:28px;border-radius:50%;border:1.5px solid var(--color-audio);color:var(--color-audio);background:var(--color-audio-dim);cursor:pointer;font-size:11px;line-height:1;display:flex;align-items:center;justify-content:center;flex-shrink:0}.word-bubble__speak:hover{filter:brightness(1.15)}.word-bubble__lang{margin-left:auto;font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--color-text-faint);border:1px solid var(--color-border);border-radius:99px;padding:2px 8px}.word-bubble__def-row{display:flex;align-items:flex-start;gap:8px;margin:0 0 4px}.word-bubble__def{font-size:15px;margin:0;min-height:21px;flex:1}.word-bubble__pending{color:var(--color-text-faint);font-style:italic}.word-bubble__edit{background:none;border:none;color:var(--color-text-faint);cursor:pointer;font-size:13px;padding:2px 4px;border-radius:4px}.word-bubble__edit:hover{color:var(--color-text-base);background:var(--color-surface-high)}.word-bubble__input{flex:1;width:100%;font-family:var(--font-sans);font-size:14px;color:var(--color-text-base);background:var(--color-surface-high);border:1px solid var(--color-accent);border-radius:6px;padding:4px 8px;min-width:0}.word-bubble__alts{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin:0 0 8px}.word-bubble__alt-add{font-size:12px;color:var(--color-text-faint);background:none;border:1px dashed var(--color-border);border-radius:99px;padding:2px 10px;cursor:pointer}.word-bubble__alt-add:hover{color:var(--color-text-muted);border-color:var(--color-text-muted)}.word-bubble__src{font-family:var(--font-serif);font-style:italic;font-size:12.5px;color:var(--color-text-muted);margin:0 0 12px;border-left:2px solid var(--color-border);padding-left:10px}.word-bubble__row{display:flex;align-items:center;gap:6px;border-top:1px solid var(--color-border);padding-top:10px}.word-bubble__lvl{width:28px;height:28px;border-radius:50%;border:1.5px solid var(--color-border);background:transparent;color:var(--color-text-muted);cursor:pointer;font-size:12px;line-height:1;display:flex;align-items:center;justify-content:center;transition:border-color .12s,color .12s,background .12s;flex-shrink:0}.word-bubble__lvl:hover{border-color:var(--color-text-muted);color:var(--color-text-base)}.word-bubble__lvl--unknown.is-active{border-color:var(--color-unknown);color:var(--color-unknown);background:var(--color-unknown-dim)}.word-bubble__lvl--recognized.is-active{border-color:var(--color-recognized);color:var(--color-recognized);background:var(--color-recognized-dim)}.word-bubble__lvl--familiar.is-active{border-color:var(--color-familiar);color:var(--color-familiar);background:var(--color-familiar-dim)}.word-bubble__lvl--known.is-active{border-color:var(--color-known);color:var(--color-known);background:var(--color-known-dim)}.word-bubble__lvl--trash:hover{border-color:var(--color-danger);color:var(--color-danger)}.word-bubble__more{margin-left:auto;font-size:12px;color:var(--color-text-faint);background:none;border:none;cursor:pointer;padding:4px 0}.word-bubble__more:hover{color:var(--color-text-muted)}