:root{--surface-solid: #ffffff;--surface-translucent: rgba(255, 255, 255, .95);--surface-glass: rgba(255, 255, 255, .85);--blur-glass: blur(10px);--tooltip-bg: rgba(30, 30, 30, .7);--tooltip-blur: blur(10px);--tooltip-color: #fff;--tooltip-font-size: var(--font-size-sm);--tooltip-padding: var(--space-sm) var(--space-lg);--tooltip-radius: 6px;--tooltip-shadow: 0 2px 8px rgba(0,0,0,.15);--nav-padding-top: var(--space-md);--bg-gradient-start: #667eea;--bg-gradient-end: #764ba2;--bg-mylist-start: #f8fafc;--bg-mylist-end: #e2e8f0;--bg-list-items: #f8f9fa;--bg-tab-bar: #ffffff;--bg-app: #f1f5f9;--text-primary: #333;--text-secondary: #6c757d;--text-accent: var(--brand-color);--brand-color: #5a67d8;--brand-color-hover: #4c51bf;--brand-color-rgb: 90, 103, 216;--fab-bg-neutral: rgba(80, 80, 80, .5);--fab-bg-neutral-hover: rgba(60, 60, 60, .8);--fab-bg-neutral-active: rgba(100, 100, 100, .7);--fab-bg-brand: rgba(var(--brand-color-rgb), .6);--fab-bg-brand-hover: rgba(var(--brand-color-rgb), .8);--fab-shadow: 0 2px 8px rgba(0, 0, 0, .2);--fab-shadow-hover: 0 4px 12px rgba(0, 0, 0, .3);--border-light: #e2e8f0;--border-medium: #ddd;--input-border: #d1d5db;--border-accent: var(--brand-color);--focus-ring: rgba(var(--brand-color-rgb), .15);--focus-outline-color: #ffbf47;--color-success: #22c55e;--color-success-hover: #16a34a;--color-error: #dc3545;--color-error-hover: #c82333;--color-warning: #f59e0b;--color-info: #17a2b8;--color-info-hover: #138496;--color-grammar: var(--text-secondary);--color-english: var(--text-secondary);--color-ipa: var(--text-secondary);--color-example-num: var(--text-secondary);--color-highlight: var(--brand-color);--rating-mastered: var(--brand-color);--rating-learning: rgba(var(--brand-color-rgb), .55);--rating-unsure: var(--text-muted);--rating-dot-mastered: var(--brand-color);--rating-dot-learning: rgba(var(--brand-color-rgb), .55);--rating-dot-new: var(--text-muted);--color-disabled: #ccc;--border-divider: #e9ecef;--hover-overlay: rgba(0, 0, 0, .05);--placeholder-color: #9ca3af;--btn-secondary-bg: #e2e8f0;--btn-secondary-bg-hover: #cbd5e0;--color-enrich: var(--brand-color);--btn-toggle-border: #6c757d;--btn-toggle-border-hover: #495057;--slider-track: #e0e0e0;--shadow-key: 0 1px 0 rgba(0, 0, 0, .1);--disabled-opacity: .5;--status-info-bg: rgba(209, 236, 241, .95);--status-info-text: #0c5460;--status-info-border: #bee5eb;--status-success-bg: rgba(212, 237, 218, .95);--status-success-text: #155724;--status-success-border: #c3e6cb;--status-warning-bg: rgba(255, 243, 205, .95);--status-warning-text: #856404;--status-warning-border: #ffeaa7;--status-error-bg: rgba(248, 215, 218, .95);--status-error-text: #721c24;--status-error-border: #f5c6cb;--shadow-sm: 0 1px 4px rgba(0, 0, 0, .08);--shadow-md: 0 2px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 20px rgba(0, 0, 0, .1);--shadow-xl: 0 10px 40px rgba(0, 0, 0, .3);--space-2xs: 2px;--space-xs: 4px;--space-sm: 6px;--space-md: 8px;--space-lg: 10px;--space-xl: 12px;--space-2xl: 16px;--space-3xl: 20px;--mylist-line-gap: var(--space-sm);--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-full: 50%;--font-size-2xs: 10px;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-md: 13px;--font-size-lg: 14px;--font-size-xl: 16px;--font-size-2xl: 18px;--font-size-3xl: 24px;--font-size-base: 16px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-none: 1;--line-height-tight: 1.2;--line-height-snug: 1.3;--line-height-normal: 1.4;--line-height-relaxed: 1.5;--line-height-loose: 1.6;--touch-target-min: 44px;--icon-size-desktop: 20px;--icon-size-mobile: 22px;--tab-bar-clearance: 44px;--tab-bar-btn-spacing: 4px;--tab-btn-padding: 8px 24px;--tab-btn-padding-landscape: 6px 16px;--tab-btn-min-width: 80px;--tab-btn-min-width-landscape: 70px;--tab-btn-gap: var(--space-xs);--tab-btn-gap-landscape: 6px;--tab-icon-size: 20px;--tab-label-size: 11px;--tab-label-size-landscape: 13px;--tab-btn-color: var(--text-secondary);--tab-btn-color-active: var(--text-accent);--mylist-row-height-desktop: 28px;--mylist-controls-row-height-desktop: 32px;--mylist-row-gap-desktop: 4px;--mylist-header-tab-area: 36px;--mylist-row-gap-desktop-narrow: 6px;--mylist-umlaut-btn-height-desktop: 22px;--mylist-row-height-mobile: 44px;--mylist-row-gap-mobile: 2px;--mylist-umlaut-btn-height-mobile: 40px;--mylist-row-height-mobile-landscape: 36px;--mylist-row-gap-mobile-landscape: 2px;--mylist-umlaut-btn-height-mobile-landscape: 32px;--mylist-picker-visual-balance: 10px;--bg-input: #ffffff;--bg-card: #f8f9fa;--bg-hover: #f0f0f0;--bg-badge: #e9ecef;--bg-modal: #ffffff;--text-muted: #aaa;--text-tertiary: #6b7280;--text-link: var(--brand-color);--shadow-soft: rgba(0, 0, 0, .1);--icon-color: #666;--bg-section: #f0f4f8}[data-theme=dark]{--surface-solid: #1a1a2e;--surface-translucent: rgba(26, 26, 46, .95);--surface-glass: rgba(26, 26, 46, .85);--bg-app: #0f0f23;--bg-gradient-start: #4c51bf;--bg-gradient-end: #5a4da5;--bg-mylist-start: #0f0f23;--bg-mylist-end: #16213e;--bg-list-items: #16213e;--bg-tab-bar: #1a1a2e;--bg-input: #16213e;--bg-card: #1a1a2e;--bg-hover: #233554;--bg-badge: #233554;--bg-modal: #1a1a2e;--bg-section: #1e1e38;--text-primary: #e0e0e0;--text-secondary: #a0a0b0;--text-accent: var(--brand-color);--text-muted: #666;--text-tertiary: #8a8a9a;--text-link: var(--brand-color);--brand-color: #7c8cf8;--brand-color-hover: #6b7bf0;--brand-color-rgb: 124, 140, 248;--border-light: #2a2a4a;--border-medium: #3a3a5a;--input-border: #3a3a5a;--border-accent: var(--brand-color);--focus-ring: rgba(var(--brand-color-rgb), .2);--icon-color: #a0a0b0;--fab-bg-neutral: rgba(200, 200, 200, .3);--fab-bg-neutral-hover: rgba(220, 220, 220, .5);--fab-bg-neutral-active: rgba(180, 180, 180, .4);--fab-bg-brand: rgba(var(--brand-color-rgb), .5);--fab-bg-brand-hover: rgba(var(--brand-color-rgb), .7);--tooltip-bg: rgba(60, 60, 80, .9);--shadow-soft: rgba(0, 0, 0, .3);--fab-shadow: 0 2px 8px rgba(0, 0, 0, .4);--fab-shadow-hover: 0 4px 12px rgba(0, 0, 0, .5);--color-success: #4ade80;--color-success-hover: #22c55e;--color-error: #f87171;--color-error-hover: #ef4444;--color-warning: #fbbf24;--color-info: #67e8f9;--color-info-hover: #22d3ee;--rating-mastered: var(--brand-color);--rating-learning: rgba(var(--brand-color-rgb), .55);--rating-unsure: var(--text-muted);--rating-dot-mastered: var(--brand-color);--rating-dot-learning: rgba(var(--brand-color-rgb), .55);--rating-dot-new: var(--text-muted);--color-disabled: #555;--border-divider: #2a2a4a;--hover-overlay: rgba(255, 255, 255, .05);--placeholder-color: #6b7280;--status-info-bg: rgba(30, 58, 78, .95);--status-info-text: #7dd3fc;--status-info-border: #1e3a5f;--status-success-bg: rgba(30, 70, 40, .95);--status-success-text: #86efac;--status-success-border: #1a5c2a;--status-warning-bg: rgba(78, 60, 20, .95);--status-warning-text: #fde68a;--status-warning-border: #6b5520;--status-error-bg: rgba(80, 30, 30, .95);--status-error-text: #fca5a5;--status-error-border: #7f1d1d;--focus-outline-color: #ffd166;--btn-secondary-bg: #2a2a4a;--btn-secondary-bg-hover: #3a3a5a;--color-enrich: var(--brand-color);--btn-toggle-border: #6b7280;--btn-toggle-border-hover: #9ca3af;--slider-track: #3a3a5a;--shadow-key: 0 1px 0 rgba(0, 0, 0, .3);--tab-btn-color: #a0a0b0;--tab-btn-color-active: #7c8cf8}[data-theme=dark] body{background:var(--bg-app);color:var(--text-primary)}[data-theme=dark] .app-container{background:var(--bg-app)}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background-color:var(--bg-input);color:var(--text-primary);border-color:var(--border-medium)}[data-theme=dark] .settings-group,[data-theme=dark] .settings-row{border-color:var(--border-light)}[data-theme=dark] .modal-content,[data-theme=dark] .edit-modal-content,[data-theme=dark] .voice-modal-content,[data-theme=dark] .confirm-modal-content{background:var(--bg-modal);color:var(--text-primary)}[data-theme=dark] .learning-item{background:var(--bg-card);border-color:var(--border-light)}[data-theme=dark] .learning-item .item-meta{color:var(--text-muted)}[data-theme=dark] .mylist-sticky-header,[data-theme=dark] .tips-sticky-header{background:var(--surface-translucent);border-color:var(--border-light)}[data-theme=dark] .tab-bar{background:var(--bg-tab-bar);border-color:var(--border-light)}[data-theme=dark] .learn-dock{background:var(--surface-translucent);border-color:var(--border-light)}[data-theme=dark] .playback-header,[data-theme=dark] .playback-controls{border-color:var(--border-light)}[data-theme=dark] .current-word{color:var(--text-primary)}[data-theme=dark] .tips-section,[data-theme=dark] .tip-card{background:var(--bg-card);color:var(--text-primary);border-color:var(--border-light)}[data-theme=dark] .settings-section{background:var(--bg-app);color:var(--text-primary)}[data-theme=dark] .settings-link-btn{background:var(--bg-card);color:var(--text-accent);border-color:var(--border-medium)}[data-theme=dark] .settings-action-btn{background:var(--brand-color);color:#fff}[data-theme=dark] .list-empty-state{color:var(--text-muted)}[data-theme=dark] .tab-drawer{background:var(--surface-translucent)}[data-theme=dark] .playback-btn,[data-theme=dark] .list-toggle-btn,[data-theme=dark] .list-action-btn{color:var(--icon-color)}[data-theme=dark] .fullscreen-overlay,[data-theme=dark] .blind-overlay,[data-theme=dark] .screensaver-overlay{background:#000}[data-theme=dark] .audio-select,[data-theme=dark] .btn.toggle,[data-theme=dark] .pending-word-text,[data-theme=dark] .settings-row label,[data-theme=dark] .tip-of-the-day .tip-title,[data-theme=dark] .tip-browse-title,[data-theme=dark] .tip-de{color:var(--text-primary)}[data-theme=dark] .progress-info,[data-theme=dark] .progress-stats,[data-theme=dark] .input-hint,[data-theme=dark] .hint-text,[data-theme=dark] .detection-text,[data-theme=dark] .word-type-label,[data-theme=dark] .item-content p,[data-theme=dark] .btn-close,[data-theme=dark] .voice-desc,[data-theme=dark] .or-divider,[data-theme=dark] .settings-label,[data-theme=dark] .settings-info,[data-theme=dark] .sync-info{color:var(--text-secondary)}[data-theme=dark] .close-btn,[data-theme=dark] .playback-btn.navigation,[data-theme=dark] .playback-label,[data-theme=dark] .playback-btn.blind,[data-theme=dark] .playback-btn.toggle,[data-theme=dark] .pending-word-label,[data-theme=dark] .btn,[data-theme=dark] .screensaver-settings-btn,[data-theme=dark] .mini-playback-btn{color:var(--icon-color)}[data-theme=dark] .slider-time-display,[data-theme=dark] .close-button-sm,[data-theme=dark] .hint-subtext,[data-theme=dark] .noun-checker-label,[data-theme=dark] .tip-en,[data-theme=dark] .tips-empty,[data-theme=dark] .settings-help-text{color:var(--text-muted)}[data-theme=dark] .audio-select,[data-theme=dark] .btn.toggle,[data-theme=dark] .pending-word,[data-theme=dark] .pending-word-input,[data-theme=dark] .noun-checker-label,[data-theme=dark] .noun-checker-input,[data-theme=dark] .btn-google,[data-theme=dark] .modal-dialog-header,[data-theme=dark] .sync-modal .modal-input,[data-theme=dark] .gender-btn,[data-theme=dark] .settings-select,[data-theme=dark] .slider-current-pos,[data-theme=dark] .slider-thumb-label{background:var(--bg-input);color:var(--text-primary);border-color:var(--border-medium)}[data-theme=dark] .modal-header,[data-theme=dark] .modal-footer,[data-theme=dark] .edit-metadata,[data-theme=dark] .voice-selection-item,[data-theme=dark] .noun-checker-btn,[data-theme=dark] .tip-browse-example,[data-theme=dark] .drag-handle,[data-theme=dark] .learning-item-title{background:var(--bg-card);color:var(--text-primary);border-color:var(--border-light)}[data-theme=dark] .playback-btn:disabled,[data-theme=dark] .btn-add:disabled,[data-theme=dark] .btn-close:hover,[data-theme=dark] .settings-link-btn{background:var(--bg-badge)}[data-theme=dark] .or-divider:after{border-color:var(--border-light)}[data-theme=dark] .input-bottom-sheet .input-content{background:var(--bg-modal);color:var(--text-primary)}[data-theme=dark] .umlaut-btn{background:var(--bg-card);color:var(--text-primary);border-color:var(--border-medium)}*{margin:0;padding:0;box-sizing:border-box}html,body{overflow-x:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg-app);min-height:100vh;color:var(--text-primary)}input[type=checkbox]{accent-color:var(--brand-color)}html:fullscreen,html:-webkit-full-screen,html:-moz-full-screen,html:-ms-fullscreen{overflow:hidden!important}html:fullscreen body,html:-webkit-full-screen body,html:-moz-full-screen body,html:-ms-fullscreen body{overflow:hidden!important;width:100%!important;height:100vh!important}body:has(.fullscreen-overlay.active),body:has(.screensaver-overlay.active){overflow:hidden!important}html:has(.fullscreen-overlay.active),html:has(.screensaver-overlay.active){overflow:hidden!important}html:fullscreen .app-container,html:-webkit-full-screen .app-container,html:-moz-full-screen .app-container,html:-ms-fullscreen .app-container{display:none!important}.app-container{max-width:1000px;margin:0 auto;padding:var(--space-3xl);min-height:100vh}header{background:var(--surface-translucent);padding:var(--space-xl) var(--space-3xl);border-radius:var(--radius-xl);margin-bottom:var(--space-3xl);box-shadow:var(--shadow-lg)}.header-controls{display:flex;gap:var(--space-sm);align-items:center}.audio-controls label{color:var(--text-accent);font-weight:var(--font-weight-medium);white-space:nowrap}.audio-select{padding:var(--space-xs) var(--space-md);height:28px;border:1px solid var(--input-border);border-radius:var(--radius-lg);background:var(--surface-solid);font-size:var(--font-size-sm);color:var(--text-primary);cursor:pointer;min-width:50px}.audio-select:focus{outline:none;border-color:var(--border-accent);box-shadow:0 0 0 2px var(--focus-ring)}.playback-section{background:var(--surface-translucent);padding:var(--space-3xl);border-radius:var(--radius-xl);margin-bottom:var(--space-3xl);box-shadow:var(--shadow-lg);-webkit-text-size-adjust:100%;text-size-adjust:100%}.playback-header{display:flex;justify-content:center;align-items:center;margin-bottom:var(--space-md)}.playback-header-controls{display:flex;align-items:center;justify-content:center;gap:var(--space-md);flex-wrap:wrap}.content-config-group,.playback-config-group{display:contents}.playback-header-controls .playback-btn.toggle.icon-btn{width:36px;height:36px;padding:var(--space-sm);display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;border-radius:var(--radius-lg);touch-action:manipulation}.playback-header-controls .playback-btn.toggle.icon-btn svg{width:var(--icon-size-desktop);height:var(--icon-size-desktop);flex-shrink:0}.playback-btn.toggle.icon-btn .icon-on{display:none}.playback-btn.toggle.icon-btn .icon-off,.playback-btn.toggle.icon-btn.active .icon-on{display:block}.playback-btn.toggle.icon-btn.active .icon-off{display:none}.playback-btn.toggle.icon-btn.has-x-overlay{position:relative}.playback-btn.toggle.icon-btn.has-x-overlay .main-icon{display:block}.playback-btn.toggle.icon-btn.has-x-overlay .x-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.playback-btn.toggle.icon-btn.has-x-overlay.active .x-overlay,.playback-btn.toggle.icon-btn.has-x-overlay.x-when-active .x-overlay{display:none}.playback-btn.toggle.icon-btn.has-x-overlay.x-when-active.active .x-overlay{display:block}.playback-header-controls .playback-btn.toggle:not(.icon-btn){width:auto;padding:var(--space-2xs) var(--space-md);display:inline-flex;justify-content:center;box-sizing:border-box}.mode-select{padding:var(--space-sm) var(--space-md);border:1px solid var(--input-border);font-size:var(--font-size-lg);height:32px;border-radius:var(--radius-lg);background:var(--surface-solid);color:var(--text-primary);cursor:pointer}.mode-select:hover{border-color:var(--border-accent)}.mode-select:focus{outline:none;border-color:var(--border-accent);box-shadow:0 0 0 2px var(--focus-ring)}.mode-select:disabled{opacity:var(--disabled-opacity);color:var(--color-disabled);cursor:not-allowed}.filter-select{font-size:var(--font-size-md)}.playback-controls{display:flex;justify-content:center;gap:var(--space-md);margin-bottom:var(--space-2xl);flex-wrap:wrap;align-items:center;overflow:visible}.playback-primary-row{display:contents}.mute-btn{padding:var(--space-2xs) var(--space-md);font-size:var(--font-size-md);background:transparent;border:none;color:var(--text-secondary);line-height:var(--line-height-normal);width:auto;box-sizing:border-box;display:inline-flex;justify-content:center;align-items:center}.mute-btn:hover{background:var(--hover-overlay)}.mute-btn.active{color:var(--color-error)}.mobile-settings-toggle,.control-separator,.mode-buttons-group{display:none}.playback-controls .playback-btn.toggle{padding:var(--space-xs) var(--space-md);display:inline-flex;align-items:center;white-space:nowrap;font-size:var(--font-size-md)}.playback-btn{padding:var(--space-xs) var(--space-lg);border:none;border-radius:var(--radius-md);font-size:var(--font-size-lg);cursor:pointer;transition:background-color .2s ease,color .2s ease;font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);touch-action:manipulation}.playback-btn.icon-btn{width:var(--touch-target-min);height:var(--touch-target-min);padding:var(--space-md);display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;border-radius:var(--radius-lg);background:transparent;border:none;touch-action:none}.playback-btn.icon-btn svg{width:var(--icon-size-mobile);height:var(--icon-size-mobile);fill:currentColor;flex-shrink:0}.playback-btn.play{color:var(--brand-color)}.playback-btn.pause,.playback-btn.navigation{color:var(--text-secondary)}.playback-btn.add{color:var(--text-link)}.playback-btn.icon-btn:hover{background:var(--hover-overlay)}.playback-btn.icon-btn:disabled{color:var(--color-disabled);opacity:.5;cursor:not-allowed}.playback-btn.navigation:disabled{background:transparent;color:var(--color-disabled);opacity:.5}.loading-indicator{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);flex-direction:column;align-items:center;gap:var(--space-xl);color:var(--text-secondary);font-size:var(--font-size-lg);z-index:9999}.hydrating .loading-indicator{display:flex}.loading-spinner{width:32px;height:32px;border:3px solid var(--slider-track);border-top-color:var(--border-accent);border-radius:var(--radius-full);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hydrating .tab-bar,.hydrating .app-container{opacity:0;pointer-events:none}.hydrating .playback-btn,.hydrating .list-toggle-btn{transition:none!important}.tab-bar,.app-container{transition:opacity .2s ease-in}.playback-btn.add{background:transparent;color:var(--text-link);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);padding:var(--space-2xs) var(--space-sm);line-height:var(--line-height-normal);border:none}.playback-btn.add:hover{background:var(--hover-overlay);transform:none}.playback-btn.add:disabled{background:transparent;color:var(--color-disabled);opacity:.5}.playback-btn.fullscreen,.playback-btn.blind{background:transparent;color:var(--text-secondary);padding:var(--space-2xs) var(--space-sm);font-size:var(--font-size-md);border:none}.playback-btn.fullscreen:hover,.playback-btn.blind:hover{color:var(--text-primary);background:var(--hover-overlay)}.playback-btn.fullscreen:disabled,.playback-btn.blind:disabled{color:var(--color-disabled);background:transparent}.playback-btn.settings{background:var(--color-info);color:#fff}.playback-btn.settings:hover{background:var(--color-info-hover)}.playback-btn.toggle{background:transparent;border:none;color:var(--text-secondary);padding:var(--space-2xs) var(--space-sm);font-size:var(--font-size-md)}.playback-btn.toggle:hover{color:var(--text-primary);background:var(--hover-overlay)}.playback-btn.toggle.active{background:transparent;color:var(--text-secondary)}.playback-btn.toggle.active:hover{color:var(--text-primary);background:var(--hover-overlay)}.btn.settings{background:var(--color-info);color:#fff}.btn.settings:hover{background:var(--color-info-hover)}.btn.toggle{background:var(--surface-solid);border:2px solid var(--btn-toggle-border);color:var(--text-primary)}.btn.toggle:hover{border-color:var(--btn-toggle-border-hover);background:var(--bg-card)}.btn.toggle.active{background:var(--brand-color);border-color:var(--border-accent);color:#fff}.btn.toggle.active:hover{background:var(--brand-color-hover);border-color:var(--brand-color-hover)}.playback-btn.toggle input[type=checkbox],.btn.toggle input[type=checkbox]{vertical-align:middle;cursor:pointer;width:14px;height:14px;margin:0 var(--space-xs) 0 0}.playback-btn:not(.play):not(.pause):not(.add):not(.fullscreen):not(.blind):not(.navigation):not(.settings):not(.toggle):not(.screensaver-settings-btn){background:var(--btn-toggle-border);color:#fff}@media(hover:hover){.playback-btn:hover{box-shadow:var(--shadow-md)}}.playback-btn:disabled{background:var(--bg-badge);color:var(--text-secondary);cursor:not-allowed;transform:none}.playback-btn.debounced{background:var(--status-warning-bg);color:var(--text-primary);cursor:wait;transform:none;opacity:.7}.position-slider-container{position:relative;padding:var(--space-sm) var(--space-3xl) var(--space-2xs) var(--space-3xl);margin:var(--space-2xs) 0;--slider-progress: 0%}.slider-track-wrapper{position:relative;padding:var(--space-2xs) 0}@media(max-width:768px){.position-slider-container{padding:var(--space-sm) var(--space-2xl) var(--space-2xs) var(--space-2xl);margin:0}.slider-min,.slider-max,.slider-current-pos{font-size:var(--font-size-2xs)}.slider-track-wrapper{padding:0}.position-slider{--thumb-width: 16px;height:20px}.position-slider::-webkit-slider-thumb,.position-slider::slider-thumb{width:16px;height:16px;margin-top:-7px}}.slider-min,.slider-max,.slider-current-pos{position:absolute;top:-4px;font-size:var(--font-size-2xs);pointer-events:none;font-weight:var(--font-weight-medium);color:var(--text-muted)}.slider-min,.slider-max{padding:0 1px}.slider-current-pos{color:var(--text-link);background:var(--bg-app);padding:0 1px;z-index:1}.slider-current-pos.dragging{position:fixed;font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);color:var(--brand-color-hover);z-index:10001;background:var(--bg-app);padding:0 var(--space-2xs)}.position-slider{--thumb-width: 8px;width:100%;height:12px;-webkit-appearance:none;appearance:none;background:linear-gradient(to right,var(--text-link) 0%,var(--text-link) var(--slider-progress, 0%),var(--slider-track) var(--slider-progress, 0%),var(--slider-track) 100%);background-size:100% 2px;background-position:center;background-repeat:no-repeat;border-radius:1px;cursor:pointer;touch-action:pan-y pinch-zoom}.position-slider::-webkit-slider-runnable-track{background:transparent}.position-slider::slider-track{background:transparent}.position-slider::-moz-range-track{height:2px;background:transparent;border:none}.position-slider::-moz-range-progress{background:transparent;height:2px}.position-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:8px;height:8px;background:var(--text-link);border-radius:var(--radius-full);cursor:grab;margin-top:-3px;transition:transform .15s ease,box-shadow .15s ease}.position-slider::slider-thumb{width:8px;height:8px;background:var(--text-link);border-radius:var(--radius-full);cursor:grab;transition:transform .15s ease,box-shadow .15s ease}.position-slider::-webkit-slider-thumb:hover,.position-slider::slider-thumb:hover{box-shadow:0 1px 4px var(--focus-ring)}.position-slider::-webkit-slider-thumb:active,.position-slider::slider-thumb:active{cursor:grabbing}.position-slider::-moz-range-thumb{width:8px;height:8px;background:var(--text-link);border-radius:var(--radius-full);cursor:grab;border:none}.position-slider::-moz-range-thumb:active{cursor:grabbing}.position-slider:focus{outline:none}.position-slider:focus::-webkit-slider-thumb,.position-slider:focus::slider-thumb{box-shadow:0 0 0 2px var(--focus-ring)}.position-slider:disabled{opacity:var(--disabled-opacity);cursor:not-allowed}.position-slider:disabled::-webkit-slider-thumb,.position-slider:disabled::slider-thumb{cursor:not-allowed;background:var(--placeholder-color)}.position-slider-container.disabled{opacity:var(--disabled-opacity)}.slider-scrub-preview{position:fixed;left:0;pointer-events:none;opacity:0;transition:opacity .15s ease-out;z-index:1000;white-space:nowrap;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--brand-color-hover);text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff,0 0 6px rgba(255,255,255,.9);max-width:calc(100vw - 20px);overflow:hidden;text-overflow:ellipsis}.slider-scrub-preview.visible{opacity:1}.playback-status{text-align:center;padding:var(--space-2xl);background:var(--bg-card);border-radius:var(--radius-lg);transition:background .25s ease-out,opacity .15s ease-out;min-height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;-webkit-text-size-adjust:100%;text-size-adjust:100%}body.tts-speaking-word .playback-status .current-word>strong,body.tts-speaking-example .playback-status .dialogue-line.is-speaking{background-color:rgba(var(--brand-color-rgb),.1);border-radius:var(--radius-sm);transition:background-color .2s ease}[data-theme=dark] body.tts-speaking-word .playback-status .current-word>strong,[data-theme=dark] body.tts-speaking-example .playback-status .dialogue-line.is-speaking{background-color:rgba(var(--brand-color-rgb),.15)}body.tts-speaking-word .fullscreen-overlay .fullscreen-word,body.tts-speaking-example .fullscreen-overlay .fullscreen-dual-form .dialogue-line.is-speaking,body.tts-speaking-word .screensaver-overlay .screensaver-text,body.tts-speaking-example .screensaver-overlay .screensaver-dual-form .dialogue-line.is-speaking{background-color:rgba(var(--brand-color-rgb),.2);border-radius:var(--radius-sm);transition:background-color .2s ease}.playback-status.browse-mode,body.tab-learn .playback-status.browse-mode{text-align:left;align-items:flex-start}.playback-status.crossfade-out{opacity:0}.playback-status.sliding{transition:none}.playback-status.slide-complete{transition:transform .2s ease-out}.playback-status-incoming{position:absolute;top:0;left:0;right:0;background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-2xl);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:80px;text-align:center;z-index:1;-webkit-text-size-adjust:100%;text-size-adjust:100%}.playback-slide-wrapper{position:relative;overflow:hidden}.current-word{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--text-secondary);margin-bottom:var(--space-sm);white-space:pre-line;line-height:var(--line-height-normal);width:100%}.current-word>strong{color:var(--text-primary)}.related-words{margin-top:var(--space-md)}.related-row{font-size:var(--font-size-md);line-height:var(--line-height-normal);margin-bottom:var(--space-2xs)}.related-label{color:var(--text-muted);font-weight:var(--font-weight-medium)}.related-tag{display:inline;color:var(--text-secondary);font-size:var(--font-size-sm)}.related-level{font-size:var(--font-size-2xs);color:var(--text-muted);font-weight:var(--font-weight-semibold);margin-left:var(--space-2xs);opacity:.7}.dict-auth-prompt{text-align:center;padding:var(--space-3xl) var(--space-2xl);color:var(--text-secondary);line-height:var(--line-height-loose)}.dict-auth-signin-btn{margin-top:var(--space-lg);padding:var(--space-lg) var(--space-3xl);background:var(--brand-color);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;min-height:var(--touch-target-min);touch-action:manipulation}.auth-error{color:var(--color-error);font-size:var(--font-size-sm);padding:var(--space-sm) 0}.auth-forgot-link{display:block;margin-top:var(--space-md);background:none;border:none;color:var(--text-accent);font-size:var(--font-size-sm);cursor:pointer;text-decoration:underline;padding:0}.account-sync-badge{display:inline-block;font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius-sm);line-height:var(--line-height-none);vertical-align:middle;margin-left:var(--space-xs)}.sync-ok,.sync-pending{background:var(--bg-badge);color:var(--text-secondary)}[data-theme=dark] .auth-error{color:#f87171}.playback-status-wrapper{position:relative;flex:1;display:flex;flex-direction:column;min-height:0}.familiarity-rating-bar{position:absolute;right:0;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:var(--space-xs);z-index:15;padding:var(--space-xs)}.familiarity-btn{padding:var(--space-md);border:none;border-radius:var(--radius-full);background:transparent;cursor:pointer;color:var(--text-muted);opacity:.5;transition:transform .15s ease,opacity .2s ease,color .2s ease;display:flex;align-items:center;justify-content:center}.familiarity-btn svg{width:var(--icon-size-mobile);height:var(--icon-size-mobile)}@media(hover:none),(pointer:coarse){.familiarity-btn{width:var(--touch-target-min);height:var(--touch-target-min);padding:0;position:relative}.familiarity-btn svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}.familiarity-btn:hover{transform:scale(1.1);opacity:.8}.familiarity-btn.active{opacity:1}.familiarity-btn[data-rating="2"].active{color:var(--rating-mastered)}.familiarity-btn[data-rating="1"].active{color:var(--rating-learning)}.familiarity-btn[data-rating="0"].active{color:var(--rating-unsure)}.familiarity-rating-bar.hidden{display:none}.example-german{font-size:var(--font-size-md);font-weight:var(--font-weight-normal);color:var(--text-secondary);margin-top:var(--space-md);margin-bottom:var(--space-xs);line-height:var(--line-height-normal);width:100%}.example-english{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--text-muted);margin-bottom:var(--space-sm);line-height:var(--line-height-snug);width:100%}.ipa-pronunciation,.ipa-inline{color:var(--color-ipa);font-size:var(--font-size-md);font-weight:var(--font-weight-normal);display:inline-block;padding-top:.3em;font-family:Noto Sans,DejaVu Sans,Gentium Plus,Charis SIL,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif}.topic-level-badge{display:inline-block;font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius-sm);background:var(--bg-badge);color:var(--text-secondary);vertical-align:middle;line-height:var(--line-height-none);margin-left:var(--space-2xs)}.register-tag{display:inline-block;font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius-sm);vertical-align:middle;line-height:var(--line-height-none);margin-left:var(--space-2xs);text-transform:capitalize}.register-formal,.register-informal,.register-colloquial,.register-literary,.register-technical,.register-dated,.register-vulgar{background:var(--bg-badge);color:var(--text-secondary)}.phrase-badge{display:inline-block;font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius-sm);vertical-align:middle;line-height:var(--line-height-none);margin-left:var(--space-2xs)}.phrase-level,.phrase-freq-very_common,.phrase-freq-common,.phrase-freq-less_common{background:var(--bg-badge);color:var(--text-secondary)}.trending-badge{display:inline-block;font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius-sm);vertical-align:middle;line-height:var(--line-height-none);margin-left:var(--space-2xs)}.trending-source-news,.trending-source-trends,.trending-source-seasonal,.trending-new,.trending-xref,.trending-xref-new{background:var(--bg-badge);color:var(--text-secondary)}.entry-meta-primary{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--text-primary)}.entry-meta-secondary{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--text-secondary)}.taboo-badge{display:inline-block;font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius-sm);vertical-align:middle;line-height:var(--line-height-none);margin-left:var(--space-2xs)}.taboo-level-1,.taboo-level-2,.taboo-level-3,.taboo-level-4,.taboo-level-5,.taboo-category,.taboo-cefr{background:var(--bg-badge);color:var(--text-secondary)}.taboo-warning{display:block;margin-top:var(--space-md);padding:var(--space-md);border-left:3px solid var(--color-warning);background:var(--bg-badge);border-radius:var(--radius-sm)}.taboo-warning-label{display:block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-warning);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2xs)}.taboo-warning-text{display:block;font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-relaxed)}.taboo-extras-section{display:block;margin-top:var(--space-md)}.taboo-extras-label{display:block;font-size:var(--font-size-xs);color:var(--text-muted);margin-bottom:var(--space-xs)}.taboo-extras-body{display:block;font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-relaxed)}.taboo-sense{display:flex;margin-top:var(--space-xs)}.taboo-sense-num{font-size:var(--font-size-sm);color:var(--text-muted);margin-right:var(--space-sm);min-width:1.5em}.taboo-sense-body{flex:1}.taboo-sense-de{display:block;font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-relaxed)}.taboo-sense-en{display:block;font-size:var(--font-size-sm);color:var(--text-muted);line-height:var(--line-height-relaxed)}.taboo-sense-meta{display:block;font-size:var(--font-size-xs);color:var(--text-muted);margin-top:var(--space-2xs)}.taboo-snippet{display:block;margin-top:var(--space-sm);padding-left:var(--space-md);border-left:2px solid var(--border-divider)}.taboo-snippet-context{display:block;font-size:var(--font-size-xs);color:var(--text-muted);margin-bottom:var(--space-2xs)}.taboo-snippet-text{display:block;font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-relaxed)}.taboo-snippet-en{display:block;font-size:var(--font-size-sm);color:var(--text-muted);line-height:var(--line-height-relaxed)}.taboo-snippet-reaction{display:block;font-size:var(--font-size-xs);color:var(--text-muted);margin-top:var(--space-2xs)}.shared-list-words{max-height:40vh;overflow-y:auto;border:1px solid var(--border-divider);border-radius:var(--radius-md);padding:var(--space-sm)}.shared-list-word-row{display:flex;justify-content:space-between;align-items:baseline;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-subtle)}.shared-list-word-row:last-child{border-bottom:none}.shared-list-word{font-weight:var(--font-weight-medium)}.shared-list-translation{color:var(--text-secondary);font-size:var(--font-size-sm);margin-left:var(--space-md);text-align:right;flex-shrink:0}.share-copy-btn{background:var(--brand-color);color:#fff;border:none;padding:var(--space-md) var(--space-2xl);border-radius:var(--radius-lg);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);cursor:pointer}.share-copy-btn:active{opacity:.8}.shared-list-manage-row{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);border-bottom:1px solid var(--border-subtle)}.shared-list-manage-row:last-child{border-bottom:none}.shared-list-url{font-size:var(--font-size-xs);color:var(--text-tertiary);word-break:break-all;margin-top:var(--space-2xs)}.shared-list-delete-btn{background:none;border:1px solid var(--danger-color);color:var(--danger-color);padding:var(--space-xs) var(--space-lg);border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;flex-shrink:0}.shared-list-delete-btn:active{opacity:.7}.picker-entry{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-lg);border:1px solid var(--border-divider);border-radius:var(--radius-sm);margin-bottom:var(--space-md);background:var(--bg-card);cursor:pointer}.picker-entry:active{background:var(--bg-hover)}.picker-entry input[type=checkbox]{margin-top:var(--space-2xs);width:18px;height:18px;flex-shrink:0;accent-color:var(--brand-color)}.picker-section-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:var(--space-lg) 0 var(--space-md) 0}.picker-actions{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-2xl);gap:var(--space-md)}.picker-toggle-link{font-size:var(--font-size-sm);color:var(--text-accent);cursor:pointer;background:none;border:none;text-decoration:underline;padding:0}.picker-ai-pending{font-size:var(--font-size-md);color:var(--text-muted);padding:var(--space-md) var(--space-2xs);margin:var(--space-lg) 0 var(--space-md) 0}.ai-tutor-trigger{margin-top:var(--space-md)}.ai-tutor-btn{background:none;border:1px solid var(--brand-color);color:var(--brand-color);padding:var(--space-xs) var(--space-xl);border-radius:var(--radius-2xl);font-size:var(--font-size-sm);cursor:pointer;transition:background .2s ease}.ai-tutor-btn:hover{background:var(--brand-color);color:#fff}.error-report-trigger{margin-top:var(--space-md)}.error-report-link{background:none;border:none;color:var(--text-muted);font-size:var(--font-size-xs);cursor:pointer;text-decoration:underline;padding:var(--space-xs)}.error-report-link:hover{color:var(--text-secondary)}.error-report-form{margin-top:var(--space-md);padding:var(--space-md);border:1px solid var(--border-light);border-radius:var(--radius-lg);text-align:left;font-size:var(--font-size-sm)}.error-report-form fieldset{border:none;padding:0;margin:0 0 var(--space-md) 0}.error-report-form legend{font-weight:var(--font-weight-semibold);margin-bottom:var(--space-xs);color:var(--text-primary)}.error-report-form label{display:block;padding:var(--space-2xs) 0;cursor:pointer}.error-report-form textarea{width:100%;min-height:60px;padding:var(--space-sm);border:1px solid var(--border-light);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-family:inherit;resize:vertical;box-sizing:border-box;background:var(--surface-solid);color:var(--text-primary)}.error-report-actions{display:flex;gap:var(--space-md);justify-content:flex-end;margin-top:var(--space-md)}.error-report-cancel{background:none;border:none;color:var(--text-muted);font-size:var(--font-size-sm);cursor:pointer}.error-report-submit{background:var(--brand-color);color:#fff;border:none;padding:var(--space-xs) var(--space-xl);border-radius:var(--radius-2xl);font-size:var(--font-size-sm);cursor:pointer}.error-report-submit:disabled{opacity:.5;cursor:not-allowed}.ai-tutor-panel{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border-light)}.ai-tutor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.ai-tutor-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-muted)}.ai-tutor-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:var(--font-size-2xl);padding:var(--space-xs);line-height:var(--line-height-none)}.ai-tutor-suggestions{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-md)}.ai-tutor-chip{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-2xl);padding:var(--space-xs) var(--space-lg);font-size:var(--font-size-sm);color:var(--text-secondary);cursor:pointer;transition:background .15s ease}.ai-tutor-chip:hover{background:var(--border-light)}.ai-tutor-custom{display:flex;gap:var(--space-xs);margin-bottom:var(--space-md)}.ai-tutor-input{flex:1;padding:var(--space-sm) var(--space-md);border:1px solid var(--border-light);border-radius:var(--radius-lg);font-size:var(--font-size-sm);background:var(--surface-solid);color:var(--text-primary)}.ai-tutor-input:focus{outline:none;border-color:var(--brand-color)}.ai-tutor-send{background:var(--brand-color);color:#fff;border:none;border-radius:var(--radius-lg);padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-sm);cursor:pointer;white-space:nowrap}.ai-tutor-thread{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-md);padding:var(--space-xs)}.ai-tutor-msg{font-size:var(--font-size-sm);line-height:var(--line-height-loose);padding:var(--space-md);border-radius:var(--radius-xl);max-width:85%;word-wrap:break-word}.ai-tutor-msg.user{align-self:flex-end;background:var(--brand-color);color:#fff;border-bottom-right-radius:var(--radius-sm)}.ai-tutor-msg.tutor{align-self:flex-start;background:var(--bg-secondary);color:var(--text-primary);border-bottom-left-radius:var(--radius-sm)}.ai-tutor-msg ul{margin:var(--space-xs) 0;padding-left:var(--space-2xl)}.ai-tutor-msg li{margin-bottom:var(--space-2xs)}.ai-tutor-thinking{align-self:flex-start;color:var(--text-muted);font-size:var(--font-size-sm);padding:var(--space-xs) var(--space-md)}.ai-tutor-error{color:var(--color-error)}.ai-tutor-limit{text-align:center;color:var(--text-muted);font-size:var(--font-size-sm);padding:var(--space-md)}.current-word .ipa-pronunciation,.item-content .ipa-pronunciation{font-size:var(--font-size-md);display:block;width:100%}.progress-info{color:var(--text-secondary);font-size:var(--font-size-sm);font-style:normal}.progress-stats{font-size:var(--font-size-sm);color:var(--text-secondary)}.split-play-container{display:inline-flex;align-items:center;gap:var(--space-xs)}.split-quiz-btn{width:36px;height:36px;padding:var(--space-sm);border-radius:var(--radius-lg);background:transparent;border:none;color:var(--text-secondary);cursor:pointer;display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box}.split-quiz-btn:hover{background:var(--hover-overlay)}.split-quiz-btn svg{width:var(--icon-size-desktop);height:var(--icon-size-desktop);flex-shrink:0}.quiz-container{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;overflow-y:auto;flex:1;min-height:0;z-index:50}.quiz-start,.quiz-results{position:relative;text-align:center;padding:var(--space-2xl);max-width:600px;width:100%}.quiz-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-md) 0}.quiz-subtitle{color:var(--text-secondary);font-size:var(--font-size-md);margin:0 0 var(--space-2xl) 0}.quiz-config-group{margin-bottom:var(--space-2xl)}.quiz-config-label{display:block;font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-md);font-weight:var(--font-weight-semibold)}.quiz-pills{display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap}.quiz-pill{padding:var(--space-md) var(--space-xl);border:1px solid var(--border-light);border-radius:var(--radius-2xl);background:var(--bg-card);color:var(--text-primary);font-size:var(--font-size-md);cursor:pointer;transition:all .15s}.quiz-pill.active{background:var(--brand-color);color:#fff;border-color:var(--brand-color)}.quiz-start-btn{display:block;width:100%;padding:var(--space-xl) var(--space-2xl);background:var(--brand-color);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);cursor:pointer;margin-bottom:var(--space-lg)}.quiz-cancel-btn{background:none;border:none;color:var(--text-secondary);font-size:var(--font-size-md);cursor:pointer;padding:var(--space-md)}.quiz-card-container{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;max-width:600px;padding:var(--space-2xl)}.quiz-progress{width:100%;margin-bottom:var(--space-2xl)}.quiz-progress-text{display:block;text-align:center;font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-sm)}.quiz-progress-bar{width:100%;height:4px;background:var(--border-light);border-radius:2px;overflow:hidden}.quiz-progress-fill{height:100%;background:var(--brand-color);transition:width .3s ease}.quiz-card{width:100%;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-3xl) var(--space-2xl);text-align:center;cursor:pointer;min-height:180px;display:flex;flex-direction:column;justify-content:center}.quiz-question{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.quiz-word{font-size:26px;font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:var(--line-height-snug);text-align:center;word-break:break-word}.quiz-ipa{font-size:var(--font-size-md);color:var(--text-secondary)}.quiz-word-type{font-size:var(--font-size-sm);color:var(--text-tertiary)}.quiz-direction-hint{font-size:var(--font-size-sm);color:var(--text-tertiary);margin-top:var(--space-sm)}.quiz-answer{margin-top:var(--space-xl)}.quiz-answer-divider{width:60px;height:1px;background:var(--border-light);margin:0 auto var(--space-xl) auto}.quiz-answer-text{display:block;font-size:20px;font-weight:var(--font-weight-semibold);color:var(--color-success-hover);margin-bottom:var(--space-sm)}.quiz-answer-german{color:var(--text-primary)}.quiz-example{display:block;font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--space-lg);line-height:var(--line-height-relaxed)}.quiz-reveal-btn{margin-top:var(--space-2xl);padding:var(--space-lg) var(--space-3xl);background:var(--brand-color);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);cursor:pointer}.quiz-rating-btns{margin-top:var(--space-2xl);display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap}.quiz-rate-btn{padding:var(--space-lg) var(--space-xl);border:none;border-radius:var(--radius-lg);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);cursor:pointer;color:#fff;min-width:100px}.quiz-rate-knew{background:var(--color-success-hover)}.quiz-rate-almost{background:var(--color-warning)}.quiz-rate-didnt{background:var(--color-error)}.quiz-score{font-size:36px;font-weight:var(--font-weight-bold);color:var(--text-primary);margin:var(--space-xl) 0}.quiz-score-pct{font-size:20px;font-weight:var(--font-weight-normal);color:var(--text-secondary)}.quiz-score-breakdown{margin:var(--space-2xl) auto;max-width:200px;text-align:left}.quiz-score-row{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) 0;font-size:var(--font-size-md);color:var(--text-primary)}.quiz-score-dot{width:10px;height:10px;border-radius:var(--radius-full);flex-shrink:0}.quiz-score-knew .quiz-score-dot{background:var(--color-success-hover)}.quiz-score-almost .quiz-score-dot{background:var(--color-warning)}.quiz-score-didnt .quiz-score-dot{background:var(--color-error)}.quiz-retry-btn{display:block;width:100%;padding:var(--space-xl) var(--space-2xl);background:var(--brand-color);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);cursor:pointer;margin-bottom:var(--space-lg)}.quiz-x-close{position:absolute;top:var(--space-md);right:var(--space-md);width:var(--touch-target-min, 44px);height:var(--touch-target-min, 44px);display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:var(--radius-full);color:var(--text-secondary);font-size:var(--font-size-3xl);line-height:var(--line-height-none);cursor:pointer;z-index:1;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,.1)}.quiz-x-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.quiz-close-btn{display:block;width:100%;padding:var(--space-xl) var(--space-2xl);background:none;border:1px solid var(--border-light);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--font-size-xl);cursor:pointer}.quiz-cloze-card{text-align:left}.quiz-cloze-sentence{font-size:var(--font-size-2xl);line-height:var(--line-height-loose);color:var(--text-primary);padding:var(--space-2xl) 0}.quiz-cloze-blank{display:inline-block;min-width:80px;border-bottom:2px solid var(--brand-color);color:var(--brand-color);font-weight:var(--font-weight-semibold);text-align:center;margin:0 var(--space-xs)}.quiz-cloze-hint-btn{background:none;border:none;color:var(--brand-color);font-size:var(--font-size-sm);cursor:pointer;padding:0;margin-bottom:var(--space-lg)}.quiz-cloze-hint{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-lg)}.quiz-cloze-word-hint{font-size:var(--font-size-sm);color:var(--text-tertiary);margin-bottom:var(--space-md)}.quiz-cloze-input-area{display:flex;gap:var(--space-md);margin-top:var(--space-lg)}.quiz-cloze-input{flex:1;padding:var(--space-md) var(--space-lg);border:1px solid var(--border-medium);border-radius:var(--radius-lg);font-size:var(--font-size-xl);color:var(--text-primary);background:var(--bg-card)}.quiz-cloze-input:focus{outline:none;border-color:var(--brand-color)}.quiz-cloze-feedback{margin-top:var(--space-2xl)}.quiz-cloze-correct-msg{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-success-hover);margin-bottom:var(--space-md)}.quiz-cloze-incorrect-msg{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-error);margin-bottom:var(--space-md)}.quiz-cloze-your-answer{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-md)}.quiz-cloze-answer-wrong{text-decoration:line-through;color:var(--color-error)}.quiz-cloze-answer-correct{font-weight:var(--font-weight-semibold);color:var(--color-success-hover)}.quiz-cloze-full-sentence{font-size:var(--font-size-xl);line-height:var(--line-height-relaxed);color:var(--text-primary);margin-top:var(--space-md)}.quiz-cloze-next{margin-top:var(--space-2xl)}.quiz-cloze-add-btn{margin-top:var(--space-md);padding:var(--space-sm) var(--space-xl);background:var(--brand-color);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--font-size-sm);cursor:pointer}.quiz-cloze-add-btn:disabled{opacity:.6;cursor:default}.quiz-pron-instruction{color:var(--text-secondary);font-size:var(--font-size-sm);margin-top:var(--space-md)}.quiz-pron-listen-btn{margin-top:var(--space-lg);padding:var(--space-sm) var(--space-xl);background:transparent;color:var(--brand-color);border:1px solid var(--brand-color);border-radius:var(--radius-lg);font-size:var(--font-size-sm);cursor:pointer}.quiz-pron-record-btn{display:block;margin:var(--space-lg) auto 0;padding:var(--space-lg) var(--space-3xl);background:var(--brand-color);color:#fff;border:none;border-radius:var(--radius-2xl);font-size:var(--font-size-md);cursor:pointer;min-width:120px}.quiz-pron-record-btn.recording{background:var(--color-error);animation:pulse-recording 1s ease-in-out infinite}@keyframes pulse-recording{0%,to{opacity:1}50%{opacity:.7}}.quiz-pron-record-btn:disabled{opacity:.5;cursor:default}.quiz-pron-feedback{margin-top:var(--space-xl);text-align:center}.quiz-pron-heard,.quiz-pron-target{font-size:var(--font-size-sm);margin-top:var(--space-sm);color:var(--text-secondary)}.quiz-pron-retry-btn{margin-top:var(--space-md);padding:var(--space-sm) var(--space-xl);background:transparent;color:var(--brand-color);border:1px solid var(--brand-color);border-radius:var(--radius-lg);font-size:var(--font-size-sm);cursor:pointer}.quiz-pron-compare{display:flex;justify-content:center;gap:var(--space-md);margin-top:var(--space-lg)}.quiz-pron-play-btn{padding:var(--space-sm) var(--space-lg);background:transparent;color:var(--brand-color);border:1px solid var(--brand-color);border-radius:var(--radius-lg);font-size:var(--font-size-sm);cursor:pointer}.quiz-pron-attempts{margin-top:var(--space-lg)}.quiz-pron-attempt-row{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-sm);justify-content:center}.quiz-pron-attempt-correct{color:var(--color-success);font-size:var(--font-size-sm)}.quiz-pron-attempt-wrong{color:var(--color-error);font-size:var(--font-size-sm)}.quiz-pron-checking{color:var(--text-secondary)}[data-theme=dark] .quiz-cloze-input{background:var(--bg-list-items);border-color:var(--border-light)}.quiz-mcq-options{display:flex;flex-direction:column;gap:var(--space-md);width:100%;margin-top:var(--space-2xl)}.quiz-mcq-option{display:flex;align-items:center;gap:var(--space-md);width:100%;padding:var(--space-lg) var(--space-xl);border:1px solid var(--border-light);border-radius:var(--radius-lg);background:var(--bg-card);color:var(--text-primary);font-size:var(--font-size-md);text-align:left;cursor:pointer;min-height:var(--touch-target-min, 44px);transition:background .15s,border-color .15s}.quiz-mcq-option:hover{background:var(--bg-hover);border-color:var(--border-medium)}.quiz-mcq-number{font-weight:var(--font-weight-bold);color:var(--text-tertiary);min-width:1.2em}.quiz-mcq-option.correct{background:var(--color-success-hover);color:#fff;border-color:var(--color-success-hover)}.quiz-mcq-option.wrong{background:var(--color-error);color:#fff;border-color:var(--color-error)}.quiz-mcq-option.dimmed{opacity:.4}.quiz-mcq-option.correct .quiz-mcq-number,.quiz-mcq-option.wrong .quiz-mcq-number{color:#ffffffb3}.quiz-source-badge{display:inline-block;margin-top:var(--space-sm);padding:var(--space-2xs) var(--space-md);font-size:var(--font-size-xs);color:var(--text-tertiary);background:var(--bg-hover);border-radius:var(--radius-md)}.exams-panel-header{display:flex;justify-content:flex-end;margin-bottom:var(--space-md)}.exams-panel-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:var(--radius-full);color:var(--text-muted);font-size:var(--font-size-3xl);line-height:var(--line-height-none);cursor:pointer;padding:0;transition:background .15s ease,color .15s ease}.exams-panel-close:hover,.exams-panel-close:focus-visible{background:var(--bg-badge);color:var(--text-primary);outline:none}.exams-section{padding:var(--space-2xl) var(--space-2xl) var(--space-3xl);text-align:center}.exams-section+.exams-section{border-top:1px solid var(--border-light)}.exams-section-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-xs) 0}.exams-section-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0 0 var(--space-2xl) 0}.exams-launch-row{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-md);max-width:480px;margin:0 auto}.exams-launch-card{flex:1 1 200px;display:flex;flex-direction:column;align-items:center;gap:var(--space-2xs);padding:var(--space-2xl) var(--space-xl);background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);cursor:pointer;min-height:var(--touch-target-min, 44px);transition:background .15s,border-color .15s}.exams-launch-card:hover,.exams-launch-card:focus-visible{border-color:var(--brand-color);outline:none}.exams-launch-card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.exams-launch-card-hint{font-size:var(--font-size-sm);color:var(--text-secondary)}.exams-level-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);max-width:360px;margin:0 auto}.exam-level-card{padding:var(--space-2xl) var(--space-md);background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);cursor:pointer;min-height:var(--touch-target-min, 44px);transition:background .15s,border-color .15s}.exam-level-card:hover,.exam-level-card:focus-visible{border-color:var(--brand-color);color:var(--brand-color);outline:none}.deck-level-page{padding:var(--space-xl);text-align:center}.deck-back-btn{display:inline-block;background:none;border:none;color:var(--brand-color);font-size:var(--font-size-sm);cursor:pointer;padding:var(--space-xs) 0;margin-bottom:var(--space-lg)}.deck-level-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-2xl)}.deck-skill-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg);max-width:320px;margin:0 auto}.deck-skill-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-2xl) var(--space-lg);background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);cursor:pointer;min-height:var(--touch-target-min, 44px);transition:border-color .15s}.deck-skill-card:hover,.deck-skill-card:focus-visible{border-color:var(--brand-color);outline:none}.deck-skill-card[disabled]{opacity:.4;cursor:default}.deck-skill-label{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.deck-skill-label-en,.deck-skill-progress{font-size:var(--font-size-xs);color:var(--text-muted)}.deck-skill-complete{font-size:var(--font-size-2xs);color:var(--color-success);font-weight:var(--font-weight-medium)}.deck-card-view{padding:var(--space-xl);max-width:600px;margin:0 auto}.deck-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl)}.deck-card-counter{font-size:var(--font-size-xs);color:var(--text-muted)}.deck-card-label{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-2xl);text-align:center}.deck-card-prompt,.deck-card-reveal{text-align:left;line-height:var(--line-height-relaxed)}.deck-task-context{font-size:var(--font-size-md);color:var(--text-primary);margin-bottom:var(--space-lg);line-height:var(--line-height-relaxed)}.deck-task-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-muted);margin:var(--space-lg) 0 var(--space-sm)}.deck-task-text{font-size:var(--font-size-md);color:var(--text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-lg)}.deck-task-translation{font-size:var(--font-size-sm);color:var(--text-muted);line-height:var(--line-height-relaxed);margin-bottom:var(--space-lg)}.deck-task-points{list-style:disc;padding-left:var(--space-2xl);margin-bottom:var(--space-lg);font-size:var(--font-size-md);color:var(--text-secondary)}.deck-task-points li{margin-bottom:var(--space-xs)}.deck-task-questions{list-style:decimal;padding-left:var(--space-2xl);margin-bottom:var(--space-lg);font-size:var(--font-size-md);color:var(--text-secondary)}.deck-task-questions li{margin-bottom:var(--space-md);line-height:var(--line-height-relaxed)}.deck-task-questions li.deck-correct{color:var(--color-success);font-weight:var(--font-weight-semibold)}.deck-task-quote{border-left:3px solid var(--border-light);padding-left:var(--space-xl);margin:var(--space-lg) 0;font-size:var(--font-size-md);color:var(--text-secondary)}.deck-task-quote cite{display:block;font-size:var(--font-size-sm);color:var(--text-muted);margin-top:var(--space-sm)}.deck-reading-text{font-size:var(--font-size-md);color:var(--text-primary);line-height:var(--line-height-loose);padding:var(--space-xl);border:1px solid var(--border-light);border-radius:var(--radius-lg);background:var(--bg-secondary);margin-bottom:var(--space-xl)}.deck-form-fields{margin-bottom:var(--space-lg)}.deck-form-field{font-size:var(--font-size-md);color:var(--text-secondary);padding:var(--space-xs) 0}.deck-dialogue{margin-bottom:var(--space-lg)}.deck-dialogue-turn{font-size:var(--font-size-md);color:var(--text-secondary);padding:var(--space-xs) 0;line-height:var(--line-height-relaxed)}.deck-vocab-list{margin-bottom:var(--space-lg)}.deck-vocab-item{font-size:var(--font-size-sm);color:var(--text-secondary);padding:var(--space-2xs) 0}.deck-vocab-word{font-weight:var(--font-weight-semibold)}.deck-vocab-sep,.deck-vocab-meaning{color:var(--text-muted)}.deck-reveal-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--brand-color);margin-bottom:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--border-light)}.deck-reveal-btn{display:block;width:100%;max-width:280px;margin:var(--space-2xl) auto;padding:var(--space-lg) var(--space-2xl);background:var(--brand-color);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);cursor:pointer;min-height:var(--touch-target-min, 44px)}.deck-listen-btn{display:inline-block;margin:var(--space-lg) 0;padding:var(--space-md) var(--space-xl);background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);font-size:var(--font-size-md);cursor:pointer;min-height:var(--touch-target-min, 44px)}.deck-card-actions{display:flex;justify-content:center;gap:var(--space-xl);margin-top:var(--space-2xl)}.deck-next-btn{padding:var(--space-md) var(--space-2xl);background:var(--brand-color);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);cursor:pointer;min-height:var(--touch-target-min, 44px)}.deck-back-to-deck-btn{padding:var(--space-md) var(--space-2xl);background:transparent;color:var(--text-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);font-size:var(--font-size-md);cursor:pointer;min-height:var(--touch-target-min, 44px)}.transcribe-subtab-toggle{display:flex;justify-content:center;gap:var(--space-xs);padding:var(--space-md) var(--space-md) 0}.transcribe-subtab-btn{padding:var(--space-sm) var(--space-2xl);border:1px solid var(--border-light);background:transparent;color:var(--text-secondary);border-radius:var(--radius-2xl);font-size:var(--font-size-sm);cursor:pointer}.transcribe-subtab-btn.active{background:var(--brand-color);color:#fff;border-color:var(--brand-color)}.writing-input-area{margin-top:var(--space-lg)}.writing-textarea{width:100%;padding:var(--space-md);border:1px solid var(--border-light);border-radius:var(--radius-lg);font-size:var(--font-size-base);font-family:inherit;resize:vertical;min-height:100px;box-sizing:border-box}.writing-textarea:focus{outline:none;border-color:var(--brand-color)}.writing-char-count{text-align:right;font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:var(--space-2xs)}.writing-submit-btn{display:block;width:100%;margin-top:var(--space-lg);padding:var(--space-lg) var(--space-xl);background:var(--brand-color);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--font-size-md);cursor:pointer}.writing-status{text-align:center;padding:var(--space-md);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);font-weight:var(--font-weight-semibold)}.writing-status-correct{background:var(--bg-list-items);color:var(--color-success)}.writing-status-errors{background:var(--bg-list-items);color:var(--color-error)}.writing-comparison{margin-bottom:var(--space-lg)}.writing-label{font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-xs)}.writing-original,.writing-corrected{padding:var(--space-md);border-radius:var(--radius-lg);margin-bottom:var(--space-md);background:var(--bg-list-items)}.writing-text{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);white-space:pre-wrap}.writing-corrections{margin-bottom:var(--space-lg)}.writing-correction-item{padding:var(--space-md);border-left:3px solid var(--brand-color);margin-bottom:var(--space-md);background:var(--bg-list-items);border-radius:0 var(--radius-lg) var(--radius-lg) 0}.writing-correction-change{margin-bottom:var(--space-xs)}.writing-correction-original{color:var(--color-error);text-decoration:line-through}.writing-correction-fixed{color:var(--color-success);font-weight:var(--font-weight-semibold)}.writing-correction-explanation{font-size:var(--font-size-sm);color:var(--text-secondary)}.writing-feedback{padding:var(--space-md);background:var(--bg-list-items);border-radius:var(--radius-lg);margin-bottom:var(--space-md);font-size:var(--font-size-sm)}.writing-tip{padding:var(--space-md);background:var(--bg-list-items);border-radius:var(--radius-lg);font-size:var(--font-size-sm);margin-bottom:var(--space-lg)}.speaking-mode-selector{display:flex;justify-content:center;gap:var(--space-xs);margin-bottom:var(--space-md)}.speaking-mode-pill{padding:var(--space-sm) var(--space-xl);border:1px solid var(--border-light);background:transparent;color:var(--text-secondary);border-radius:var(--radius-2xl);font-size:var(--font-size-sm);cursor:pointer}.speaking-mode-pill.active{background:var(--brand-color);color:#fff;border-color:var(--brand-color)}.practice-source-row{display:flex;align-items:center;justify-content:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.practice-source-label{font-size:var(--font-size-sm);color:var(--text-muted);white-space:nowrap}.practice-source-select{font-size:var(--font-size-sm);padding:var(--space-sm) var(--space-lg);border:1px solid var(--border-light);border-radius:var(--radius-lg);background:var(--bg-primary);color:var(--text-primary);min-width:120px;cursor:pointer}.target-words-display{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg);padding:var(--space-lg) var(--space-xl);border:1px solid var(--border-light);border-radius:var(--radius-lg);background:var(--bg-secondary)}.target-word-card{line-height:var(--line-height-normal)}.target-word-card .target-word-de{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.target-word-card .target-word-sep{color:var(--text-muted);margin:0 var(--space-xs)}.target-word-card .target-word-en{font-size:var(--font-size-sm);color:var(--text-muted)}.word-checklist{margin-top:var(--space-lg);padding:var(--space-lg);border:1px solid var(--border-light);border-radius:var(--radius-lg)}.word-checklist-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-md)}.word-check-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-xs) 0;font-size:var(--font-size-sm)}.word-check-icon{font-size:var(--font-size-md);width:20px;text-align:center}.word-check-used .word-check-icon{color:var(--color-success)}.word-check-missed .word-check-icon,.word-check-missed .word-check-label{color:var(--text-muted)}.word-checklist-summary{font-size:var(--font-size-xs);color:var(--text-muted);margin-top:var(--space-md);text-align:center}.inline-umlaut-picker{display:flex;justify-content:center;gap:var(--space-xs);margin-bottom:var(--space-sm)}.inline-umlaut-picker .umlaut-btn{min-width:36px;height:var(--touch-target-min);padding:0 var(--space-md);font-size:var(--font-size-2xl);border:1px solid var(--input-border);border-radius:var(--radius-md);background:var(--surface-solid, var(--bg-card))}.speaking-hint-btn{background:transparent;border:1px solid var(--border-light);color:var(--text-secondary);font-size:var(--font-size-sm);padding:var(--space-sm) var(--space-xl);border-radius:var(--radius-lg);cursor:pointer;margin-top:var(--space-sm);display:block;margin-left:auto;margin-right:auto}.speaking-hint-text{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--space-sm)}.speaking-rp-hint-btn{display:inline;margin-left:var(--space-md)}.speaking-shadow-listen-btn{display:block;margin:var(--space-md) auto var(--space-xs);padding:var(--space-sm) var(--space-xl);background:var(--brand-color);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--font-size-base);cursor:pointer}.speaking-shadow-sentence{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-sm)}.speaking-scenario-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-xs)}.speaking-scenario-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.speaking-scenario-context{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-md)}.speaking-scenario-dialogue{text-align:left}.speaking-rp-partner{padding:var(--space-sm) var(--space-md);background:var(--bg-section);border-radius:var(--radius-lg);margin-bottom:var(--space-xs);font-size:var(--font-size-sm)}.speaking-rp-you{padding:var(--space-sm) var(--space-md);background:rgba(var(--brand-color-rgb),.1);border-radius:var(--radius-lg);margin-bottom:var(--space-xs);font-size:var(--font-size-sm)}.speaking-rp-done{opacity:.5}.speaking-rp-replay-btn,.speaking-rp-start-btn{background:none;border:none;cursor:pointer;padding:var(--space-2xs) var(--space-xs);margin-left:var(--space-xs);vertical-align:middle;color:var(--brand-color);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.speaking-rp-replay-btn{opacity:.6}.speaking-rp-replay-btn:hover,.speaking-rp-start-btn:hover{opacity:1}.speaking-rp-cue{font-size:var(--font-size-xs);color:var(--text-secondary);text-align:center;margin-bottom:var(--space-sm);font-weight:var(--font-weight-medium)}.speaking-rp-phase{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin:var(--space-lg) 0 var(--space-xs);padding-bottom:var(--space-2xs);border-bottom:1px solid var(--border-color)}.speaking-rp-phase:first-child{margin-top:0}.speaking-deep-mode-toggle{display:flex;gap:var(--space-2xs);flex-shrink:0}.speaking-deep-mode-btn{padding:var(--space-2xs) var(--space-md);border:1.5px solid var(--text-primary);border-radius:var(--radius-2xl);background:transparent;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);cursor:pointer;color:var(--text-primary)}.speaking-deep-mode-btn.active{background:var(--text-primary);color:var(--surface-solid);border-color:var(--text-primary)}.speaking-prompt-card{padding:var(--space-2xl);background:var(--bg-list-items);border-radius:var(--radius-xl);margin-bottom:var(--space-lg);text-align:center}.speaking-prompt-label{font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-sm)}.speaking-prompt-en{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-sm)}.speaking-prompt-hint{font-size:var(--font-size-sm);color:var(--text-secondary)}.speaking-new-prompt-btn{margin-top:var(--space-md);padding:var(--space-sm) var(--space-xl);background:transparent;color:var(--text-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);font-size:var(--font-size-sm);cursor:pointer}.speaking-prompt-reminder{padding:var(--space-md);background:var(--bg-list-items);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);text-align:center}.speaking-transcription{padding:var(--space-md);margin-bottom:var(--space-lg)}.speaking-actions{display:flex;gap:var(--space-md);margin-top:var(--space-lg)}.speaking-retry-btn{flex:1;padding:var(--space-md);background:transparent;color:var(--brand-color);border:1px solid var(--brand-color);border-radius:var(--radius-lg);font-size:var(--font-size-base);cursor:pointer}[data-theme=dark] .speaking-prompt-card,[data-theme=dark] .speaking-prompt-reminder{background:var(--bg-list-items)}[data-theme=dark] .speaking-mode-pill{border-color:var(--border-light);color:var(--text-secondary)}[data-theme=dark] .speaking-rp-partner{background:var(--bg-section)}[data-theme=dark] .speaking-rp-you{background:rgba(var(--brand-color-rgb),.15)}.grammar-drill-selector{display:flex;justify-content:center;gap:var(--space-xs);margin-bottom:var(--space-2xl);flex-wrap:wrap}.grammar-drill-pill{padding:var(--space-sm) var(--space-xl);border:1px solid var(--border-light);background:transparent;color:var(--text-secondary);border-radius:var(--radius-2xl);font-size:var(--font-size-sm);cursor:pointer}.grammar-drill-pill.active{background:var(--brand-color);color:#fff;border-color:var(--brand-color)}.grammar-drill-card{text-align:center;padding:var(--space-2xl)}.grammar-drill-progress{font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:var(--space-lg)}.grammar-drill-prompt{font-size:var(--font-size-md);color:var(--text-secondary);margin-bottom:var(--space-md)}.grammar-drill-word{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-sm)}.grammar-drill-hint{font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:var(--space-2xl)}.grammar-drill-choices{display:flex;justify-content:center;gap:var(--space-md);flex-wrap:wrap}.grammar-drill-choice{padding:var(--space-md) var(--space-2xl);border:1px solid var(--border-light);background:var(--bg-secondary);color:var(--text-primary);border-radius:var(--radius-lg);font-size:var(--font-size-md);cursor:pointer;min-width:80px;transition:background .15s ease}.grammar-drill-choice:hover{background:var(--border-light)}.grammar-drill-choice.correct{background:var(--color-success);color:#fff;border-color:var(--color-success)}.grammar-drill-choice.dimmed{opacity:.4}.grammar-drill-input-row{display:flex;gap:var(--space-md);justify-content:center;align-items:center;flex-wrap:wrap}.grammar-drill-input{padding:var(--space-md) var(--space-xl);border:1px solid var(--border-light);border-radius:var(--radius-lg);font-size:var(--font-size-md);background:var(--surface-solid);color:var(--text-primary);width:200px;text-align:center}.grammar-drill-input:focus{outline:none;border-color:var(--brand-color)}.grammar-drill-input.correct{border-color:var(--color-success);background:color-mix(in srgb,var(--color-success) 10%,var(--surface-solid))}.grammar-drill-input.wrong{border-color:var(--color-error);background:color-mix(in srgb,var(--color-error) 10%,var(--surface-solid))}.grammar-drill-submit{padding:var(--space-md) var(--space-xl);background:var(--brand-color);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--font-size-md);cursor:pointer}.grammar-drill-feedback{margin-top:var(--space-2xl);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.grammar-drill-feedback.correct{color:var(--color-success)}.grammar-drill-feedback.wrong{color:var(--color-error)}.grammar-drill-results{text-align:center;padding:var(--space-3xl) var(--space-2xl)}.grammar-drill-results-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-lg)}.grammar-drill-score{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2xl)}.grammar-drill-score-pct{font-size:var(--font-size-md);color:var(--text-muted);font-weight:var(--font-weight-normal)}.grammar-drill-again{padding:var(--space-md) var(--space-2xl);background:var(--brand-color);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--font-size-md);cursor:pointer}.grammar-drill-next{display:block;margin:var(--space-2xl) auto 0;padding:var(--space-md) var(--space-2xl);background:var(--brand-color);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--font-size-md);cursor:pointer}.grammar-drill-empty{text-align:center;color:var(--text-muted);padding:var(--space-3xl)}[data-theme=dark] .grammar-drill-pill{border-color:var(--border-light);color:var(--text-secondary)}[data-theme=dark] .grammar-drill-choice,[data-theme=dark] .grammar-drill-input{background:var(--bg-list-items);border-color:var(--border-light)}[data-theme=dark] .writing-textarea{background:var(--bg-list-items);border-color:var(--border-light);color:var(--text-primary)}[data-theme=dark] .writing-original,[data-theme=dark] .writing-corrected,[data-theme=dark] .writing-correction-item{background:var(--bg-list-items)}[data-theme=dark] .transcribe-subtab-btn{border-color:var(--border-light);color:var(--text-secondary)}.fullscreen-overlay{position:fixed;inset:0;background:#000;z-index:9999;display:none;justify-content:center;align-items:center;cursor:pointer;transition:opacity .3s ease;overflow:hidden}.blind-overlay{position:fixed;inset:0;background:#000;z-index:9998;display:flex;justify-content:center;align-items:center;cursor:pointer;opacity:0;pointer-events:none}.fullscreen-overlay.blind-mode{background:#000}.blind-overlay.active{opacity:1;pointer-events:auto}.fullscreen-overlay.blind-mode.active{display:flex}.blind-content{text-align:center;color:#ffffff80;max-width:80%}.blind-listening-text{font-size:var(--font-size-3xl);margin-bottom:2rem;opacity:.6;animation:blindPulse 3.5s ease-in-out infinite}.blind-top-info{position:absolute;top:var(--space-lg);left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.blind-progress{font-size:var(--font-size-lg);color:#ffffffd9;animation:blindPulse 3.5s ease-in-out infinite;order:2;width:100%;text-align:center;white-space:nowrap}.blind-exit-hint{color:#ffffffd9;font-size:var(--font-size-lg);animation:blindPulse 3.5s ease-in-out infinite;order:1}@keyframes blindPulse{0%,to{opacity:.15}50%{opacity:.25}}.fullscreen-overlay.active{display:flex}.fullscreen-content{text-align:center;color:#fff;max-width:80%;animation:fadeInScale .5s ease-out}.fullscreen-word{font-size:4rem;font-weight:var(--font-weight-bold);margin-bottom:var(--space-2xl);text-shadow:2px 2px 4px rgba(0,0,0,.3);line-height:var(--line-height-tight);word-break:break-word}.fullscreen-word.is-long{font-size:2.5rem}.fullscreen-word.is-xlong{font-size:1.8rem}.fullscreen-dual-form{font-size:2.5rem;opacity:.9;margin-bottom:2rem;text-shadow:1px 1px 2px rgba(0,0,0,.3);white-space:pre-line;line-height:var(--line-height-normal)}.fullscreen-dual-form a{line-height:var(--line-height-tight);display:inline-block;vertical-align:middle}.fullscreen-dual-form .ipa-pronunciation{color:#ffffff80;display:inline-block;padding-top:.3em}.fullscreen-top-info{position:absolute;top:var(--space-lg);left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.fullscreen-indicator{font-size:var(--font-size-lg);color:#ffffffb3;animation:screensaverPulse 2s ease-in-out infinite;order:2;width:100%;text-align:center;white-space:nowrap}.fullscreen-exit-hint{color:#ffffffb3;font-size:var(--font-size-lg);animation:screensaverPulse 2s ease-in-out infinite;order:1}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media(max-width:768px){.fullscreen-word{font-size:2.5rem}.fullscreen-word.is-long{font-size:1.8rem}.fullscreen-word.is-xlong{font-size:1.3rem}.fullscreen-dual-form{font-size:1.8rem}.fullscreen-indicator,.fullscreen-exit-hint,.blind-progress,.blind-exit-hint{font-size:var(--font-size-sm)}.fullscreen-exit-hint.desktop-hint,.blind-exit-hint.desktop-hint{display:none!important}.fullscreen-exit-hint.mobile-hint,.blind-exit-hint.mobile-hint{display:block!important}}.fullscreen-exit-hint.mobile-hint,.blind-exit-hint.mobile-hint{display:none}.btn{padding:var(--space-2xs) var(--space-sm);border:none;border-radius:var(--radius-sm);font-size:var(--font-size-md);font-weight:var(--font-weight-normal);cursor:pointer;transition:all .2s ease;background:transparent;color:var(--text-secondary)}.btn:hover{background:var(--hover-overlay);color:var(--text-primary)}.btn-add{background:var(--text-link);color:#fff;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold)}.btn-add:hover{background:var(--brand-color-hover)}.btn-add:disabled{background:var(--bg-badge);color:var(--text-secondary);cursor:not-allowed}.input-section{background:var(--surface-translucent);padding:var(--space-3xl);border-radius:var(--radius-xl);margin-bottom:var(--space-3xl);box-shadow:var(--shadow-lg);text-align:left}.offline-pending-queue{margin-top:var(--space-xl);padding:var(--space-xl);background:var(--status-warning-bg);border:1px solid var(--color-warning);border-radius:var(--radius-lg);animation:fadeIn .2s ease}.offline-status-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);font-size:var(--font-size-md)}.offline-indicator{font-weight:var(--font-weight-semibold);color:var(--color-error)}.offline-indicator.online{color:var(--color-success)}.pending-count{color:var(--status-warning-text)}.pending-words-list{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-lg)}.pending-word-item{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);background:var(--surface-solid);border:1px solid var(--border-light);border-radius:var(--radius-2xl);font-size:var(--font-size-md)}.pending-word-text{color:var(--text-primary)}.pending-remove-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:var(--font-size-sm);padding:0 var(--space-2xs);line-height:var(--line-height-none)}.pending-remove-btn:hover{color:var(--color-error)}.offline-actions{text-align:center}.offline-actions .btn{font-size:var(--font-size-md);padding:var(--space-md) var(--space-2xl)}.smart-input-container{margin:0;padding:0}.smart-input-container h3{color:var(--text-accent);margin:0 0 var(--space-md) 0}.playback-header h3{color:var(--text-accent);margin:0}.input-hint{color:var(--text-secondary);margin-bottom:var(--space-3xl);font-size:var(--font-size-md)}.input-wrapper{max-width:100%;margin:0 auto var(--space-md)}@media(min-width:1024px){.input-wrapper{max-width:800px}}#smartInput{width:100%;padding:var(--space-lg) var(--space-xl);border:1px solid var(--input-border);border-radius:var(--radius-lg);font-size:var(--font-size-xl);transition:border-color .2s ease;background:var(--surface-solid);box-sizing:border-box}#smartInput:focus{outline:none;border-color:var(--border-accent);box-shadow:0 0 0 2px var(--focus-ring)}.detection-info{margin-top:var(--space-lg)}.umlaut-picker{display:flex;justify-content:center;gap:var(--space-sm);margin:var(--space-md) auto 0;max-width:600px;flex-wrap:wrap}.umlaut-btn{min-width:var(--touch-target-min);height:var(--touch-target-min);padding:0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-medium);border:1px solid var(--input-border);border-radius:var(--radius-lg);background:var(--bg-card);color:var(--text-primary);cursor:pointer;transition:all .15s ease;font-family:inherit}.umlaut-picker>.umlaut-btn:nth-child(2),.umlaut-picker>.umlaut-btn:nth-child(4),.umlaut-picker>.umlaut-btn:nth-child(6){margin-right:var(--space-md)}.umlaut-btn:hover{background:var(--btn-secondary-bg);border-color:var(--placeholder-color)}.umlaut-btn:active{background:var(--btn-secondary-bg-hover);transform:scale(.95)}@media(hover:none),(pointer:coarse){.umlaut-picker{gap:var(--space-xs)}.umlaut-btn{min-width:34px;height:40px;font-size:var(--font-size-2xl);border-radius:var(--radius-md)}}.hint-text{color:var(--text-secondary);font-size:var(--font-size-sm);display:block;margin-top:var(--space-xs)}.detection-text{color:var(--text-secondary)}.status-message{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:10001;min-width:300px;max-width:600px;padding:var(--space-2xl) var(--space-3xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:none;animation:slideDown .3s ease-out;text-align:center;font-weight:var(--font-weight-medium);backdrop-filter:blur(10px)}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes slideUp{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-20px)}}.status-message.hiding{animation:slideUp .3s ease-in forwards}.status-message.info{background:var(--status-info-bg);color:var(--status-info-text);border:2px solid var(--status-info-border);display:block}.status-message.success{background:var(--status-success-bg);color:var(--status-success-text);border:2px solid var(--status-success-border);display:block}.status-message.warning{background:var(--status-warning-bg);color:var(--status-warning-text);border:2px solid var(--status-warning-border);display:block}.status-message.error{background:var(--status-error-bg);color:var(--status-error-text);border:2px solid var(--status-error-border);display:block}.list-section{background:var(--surface-translucent);padding:var(--space-3xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.list-header{margin-bottom:var(--space-lg);display:flex;flex-wrap:wrap;gap:var(--space-md);align-items:center}@media(hover:none),(pointer:coarse){.list-header{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;gap:var(--space-sm) var(--space-md);align-items:center}.list-count{grid-row:1;grid-column:1;font-size:var(--font-size-xs)}.list-filters{grid-row:1;grid-column:2;justify-self:start}.list-toggles{grid-row:2;grid-column:1 / 2}.list-actions{grid-row:2;grid-column:3;justify-self:end;margin-left:0}.list-filter-select{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);height:36px}.list-toggle-btn,.list-action-btn{height:var(--touch-target-min);width:var(--touch-target-min);font-size:var(--font-size-2xl)}}@media(hover:hover)and (pointer:fine){.list-header{flex-wrap:nowrap}}.list-count{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--text-muted);white-space:nowrap}.list-filters{display:flex;gap:var(--space-sm);align-items:center}.list-filter-select{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-lg);height:32px;border:1px solid var(--input-border);border-radius:var(--radius-lg);background:var(--surface-solid);color:var(--text-primary);cursor:pointer}.list-filter-select:focus{outline:none;border-color:var(--border-accent);box-shadow:0 0 0 2px var(--focus-ring)}.list-controls-normal{display:flex;align-items:center;justify-content:space-between;width:100%;flex-wrap:wrap}.list-search-expanded{display:none;width:100%;align-items:center;gap:var(--space-md)}.list-search-expanded.active{display:flex}.list-search-input{flex:1;padding:var(--space-md) var(--space-xl);font-size:var(--font-size-lg);border:1px solid var(--input-border);border-radius:var(--radius-lg);background:var(--surface-solid);color:var(--text-primary);min-width:0}.list-search-input:focus{outline:none;border-color:var(--border-accent);box-shadow:0 0 0 2px var(--focus-ring)}.list-search-input::placeholder{color:var(--placeholder-color)}.list-controls-row.search-active .list-controls-normal{display:none}.list-controls-row.search-active .list-search-expanded{display:flex}.search-umlaut-picker{display:none;justify-content:space-evenly;margin:0;padding:var(--space-xs) 0}.mylist-sticky-header:has(.list-controls-row.search-active) .search-umlaut-picker{display:flex}.search-umlaut-picker .umlaut-btn{min-width:36px;width:auto;padding:0 var(--space-md);height:var(--touch-target-min);border:1px solid var(--input-border);border-radius:var(--radius-md);background:var(--surface-solid);font-size:var(--font-size-2xl);cursor:pointer;transition:background .15s ease,border-color .15s ease;box-shadow:var(--shadow-key);margin-right:0}.familiarity-dot{width:8px;height:8px;border-radius:var(--radius-full);flex-shrink:0;margin-right:var(--space-md)}.familiarity-dot.mastered{background:var(--rating-dot-mastered)}.familiarity-dot.learning{background:var(--rating-dot-learning)}.familiarity-dot.new{background:var(--rating-dot-new)}.list-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(var(--space-3xl) * 2) var(--space-3xl);text-align:center;color:var(--text-secondary)}.list-empty-state .empty-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-md)}.list-empty-state .empty-message{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);max-width:280px}.item-familiarity-expanded{display:none;flex-direction:column;align-items:center;gap:var(--space-2xs)}.learning-item.swiped .item-familiarity-expanded{display:flex}.item-utility-buttons{display:flex;align-items:center;gap:var(--space-xs)}.item-familiarity-btn{padding:var(--space-md);border:none;border-radius:var(--radius-md);background:transparent;cursor:pointer;opacity:.5;transition:opacity .2s,transform .15s,background .2s;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.item-familiarity-btn svg{width:var(--icon-size-mobile);height:var(--icon-size-mobile)}.item-familiarity-btn:hover{opacity:.7;transform:scale(1.1)}.item-familiarity-btn.active{opacity:1}.item-familiarity-btn[data-rating="2"].active{color:var(--rating-mastered)}.item-familiarity-btn[data-rating="1"].active{color:var(--rating-learning)}.item-familiarity-btn[data-rating="0"].active{color:var(--rating-unsure)}@media(hover:none),(pointer:coarse){.item-familiarity-btn{width:var(--touch-target-min);height:var(--touch-target-min);padding:0}.item-familiarity-btn svg{width:var(--icon-size-mobile);height:var(--icon-size-mobile)}}.list-toggles{display:flex;align-items:center;gap:var(--space-md)}.list-actions{display:flex;align-items:center;gap:var(--space-md);margin-left:auto}.list-action-btn{background:transparent;border:none;padding:0;font-size:var(--font-size-2xl);line-height:var(--line-height-none);cursor:pointer;border-radius:var(--radius-lg);transition:background .2s,color .2s;display:flex;align-items:center;justify-content:center;height:var(--touch-target-min);width:var(--touch-target-min);vertical-align:middle;color:var(--text-secondary)}.list-action-btn svg{stroke:currentColor;width:var(--icon-size-desktop);height:var(--icon-size-desktop)}.list-action-btn:hover{background:var(--hover-overlay);color:var(--text-primary)}@media(hover:hover)and (pointer:fine){.list-action-btn,.list-toggle-btn{height:var(--mylist-controls-row-height-desktop);width:var(--mylist-controls-row-height-desktop)}.list-action-btn:hover,.list-toggle-btn:hover{background:transparent;color:var(--text-primary)}}.list-action-btn.synced{color:var(--brand-color)}.list-action-btn.synced:hover{color:var(--brand-color-hover)}.list-action-btn.sync-pending{animation:sync-pulse 1s ease-in-out infinite}@keyframes sync-pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes mylist-save-blink{0%,to{opacity:1}50%{opacity:.4}}.mylist-save-dirty{animation:mylist-save-blink 1.5s ease-in-out infinite}@keyframes sync-pending-blink{0%,to{opacity:1}50%{opacity:.4}}#syncBtn.sync-pending{animation:sync-pending-blink 1.5s ease-in-out infinite;background-color:var(--color-warning)!important;box-shadow:0 0 10px #fbbf2480}.list-toggle-btn{background:transparent;border:none;padding:var(--space-md);border-radius:var(--radius-lg);cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;height:var(--touch-target-min);width:var(--touch-target-min);transition:color .2s ease,background .2s ease;touch-action:none}.list-toggle-btn:hover{background:var(--hover-overlay);color:var(--text-secondary)}.list-toggle-btn.active:hover{background:var(--hover-overlay)}.list-toggle-btn svg{display:block;fill:currentColor;width:var(--icon-size-desktop);height:var(--icon-size-desktop)}.list-toggle-btn.has-x-overlay{position:relative}.list-toggle-btn.has-x-overlay .x-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.list-toggle-btn.has-x-overlay.active .x-overlay{display:none}.learning-list{list-style:none;margin:0;padding:0;margin-bottom:var(--space-3xl);min-height:400px;max-height:400px;overflow-y:auto;background:var(--bg-app);-webkit-overflow-scrolling:touch;-webkit-text-size-adjust:100%;text-size-adjust:100%}.learning-item{background:var(--bg-card);padding:var(--space-sm) var(--space-2xl) var(--space-md) var(--space-2xl);margin-bottom:0;border-radius:0;border-left:4px solid transparent;border-bottom:1px solid var(--border-light);position:relative;overflow:hidden;transition:background .2s ease;-webkit-text-size-adjust:100%;text-size-adjust:100%;transform:translateZ(0);-webkit-transform:translateZ(0)}@media(hover:hover)and (pointer:fine){.learning-item:hover{background:var(--bg-mylist-end)}}@media(hover:none),(pointer:coarse){.learning-item.touch-active{background:var(--bg-mylist-end)}}.learning-item.focused{background:rgba(var(--brand-color-rgb),.08)}.learning-item.swiped{overflow:visible;z-index:10}.learning-item.newly-added{background:rgba(var(--brand-color-rgb),.1);border-left:4px solid var(--brand-color);animation:highlightNew 2s ease}@keyframes highlightNew{0%{background:rgba(var(--brand-color-rgb),.1)}to{background:var(--bg-card)}}.show-more-item{list-style:none;padding:var(--space-xl) var(--space-2xl);text-align:center;border-bottom:1px solid var(--border-light)}.show-more-btn{background:var(--bg-card);border:1px solid var(--input-border);border-radius:var(--radius-lg);padding:var(--space-lg) 24px;font-size:var(--font-size-lg);color:var(--text-link);cursor:pointer;width:100%;max-width:300px;transition:background .15s}.show-more-btn:hover{background:var(--bg-hover, var(--border-divider))}[data-theme=dark] .show-more-btn{color:var(--text-link)}.item-content{display:block;padding-right:50px;transition:transform .2s ease-out}.learning-item.swiped .item-content{transform:translate(-8px)}.item-text{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:0;line-height:var(--line-height-snug);white-space:pre-line;word-wrap:break-word}.item-index{display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--placeholder-color);margin-right:var(--space-sm);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,monospace}.item-index.anchor-pulse{animation:anchorPulse 1.5s ease-in-out infinite}@keyframes anchorPulse{0%,to{color:var(--placeholder-color);transform:scale(1)}50%{color:var(--color-warning);transform:scale(1.15)}}.word-type-label{font-size:var(--font-size-sm);color:var(--text-muted);font-weight:var(--font-weight-normal)}.inline-grammar{display:block;font-size:var(--font-size-md);font-weight:var(--font-weight-normal);line-height:var(--line-height-relaxed);color:var(--color-grammar);margin-top:var(--space-md);white-space:pre-line}.inline-english{color:var(--color-english);font-weight:var(--font-weight-normal);line-height:var(--line-height-relaxed);display:block;margin-top:var(--space-md)}.inline-example-num{color:var(--color-example-num);font-weight:var(--font-weight-normal);flex-shrink:0;margin-right:var(--space-xs)}.inline-highlight{color:var(--color-highlight)}.inline-note{display:block;font-size:var(--font-size-md);font-weight:var(--font-weight-normal);line-height:var(--line-height-relaxed);color:var(--text-muted);margin-top:var(--space-md)}.item-text .separator{color:var(--text-accent);font-weight:var(--font-weight-bold);margin:0 var(--space-xs)}.item-meta{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:0;line-height:var(--line-height-snug)}.source-link{color:inherit;text-decoration:underline}.ai-disclosure{display:inline-block;margin-top:var(--space-2xs);font-size:var(--font-size-xs);color:var(--text-muted);font-style:normal}.about-modal-content{max-width:640px;max-height:85vh;overflow-y:auto;padding:var(--space-3xl)}.about-modal-body{color:var(--text-primary);line-height:var(--line-height-relaxed)}.about-title{margin:0 0 var(--space-2xs) 0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold)}.about-version{margin:0 0 var(--space-2xl) 0;color:var(--text-muted);font-size:var(--font-size-md)}.about-section{margin-bottom:var(--space-2xl)}.about-section h3{margin:0 0 var(--space-md) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.about-section p{margin:0 0 var(--space-md) 0;font-size:var(--font-size-md);color:var(--text-secondary)}.about-feature-list{margin:0 0 var(--space-md) 0;padding-left:var(--space-2xl);font-size:var(--font-size-md);color:var(--text-secondary)}.about-feature-list li{margin-bottom:var(--space-xs)}.about-feature-list li strong{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.about-feature-list a{color:var(--brand-color);text-decoration:underline}.about-warning{padding:var(--space-md);background:var(--bg-badge);border-radius:var(--radius-md);color:var(--text-primary)!important;font-size:var(--font-size-sm)!important}.about-close-row{display:flex;justify-content:center;margin-top:var(--space-2xl)}.ai-disclosure-content{max-width:480px;padding:var(--space-3xl);color:var(--text-primary);line-height:var(--line-height-relaxed)}.ai-disclosure-title{margin:0 0 var(--space-lg) 0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.ai-disclosure-lead{margin:0 0 var(--space-lg) 0;font-size:var(--font-size-md);color:var(--text-secondary)}.ai-disclosure-warning{margin:0 0 var(--space-lg) 0;padding:var(--space-md);background:var(--bg-badge);border-radius:var(--radius-md);font-size:var(--font-size-md);color:var(--text-primary)}.ai-disclosure-more{margin:0 0 var(--space-2xl) 0;font-size:var(--font-size-sm);color:var(--text-muted)}.ai-disclosure-actions{display:flex;justify-content:center}.phrase-word-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-2xs);background:var(--bg-badge)}.phrase-word-main{display:flex;flex-direction:column;gap:var(--space-2xs);flex:1;min-width:0}.phrase-word-de{font-size:var(--font-size-md);color:var(--text-primary)}.phrase-word-en{font-size:var(--font-size-sm);color:var(--text-secondary)}.phrase-word-add{width:var(--touch-target-min, 44px);height:var(--touch-target-min, 44px);min-width:var(--touch-target-min, 44px);border-radius:var(--radius-md);border:1px solid var(--text-muted);background:transparent;color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);cursor:pointer}.phrase-word-add:hover{background:var(--brand-color);color:#fff;border-color:var(--brand-color)}.phrase-word-add.added{background:transparent;color:var(--color-success);border-color:var(--color-success);cursor:default}.item-definitions-wrapper{display:block;width:100%;margin:0}.item-definition{display:block!important;width:100%;font-size:var(--font-size-md);color:var(--text-primary);margin:0;padding:0;line-height:var(--line-height-snug);clear:both}.item-pronunciation{display:block!important;width:100%;font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;padding:0;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-style:normal;line-height:var(--line-height-snug);clear:both}.item-actions{position:absolute;right:0;top:50%;transform:translateY(-50%) translate(100px);display:flex;align-items:center;gap:var(--space-md);transition:transform .2s ease-out;touch-action:pan-y pinch-zoom}.learning-item.swiped .item-actions{transform:translateY(-50%) translate(0)}.learning-item.swiped.expand-horizontal .item-familiarity-expanded{flex-direction:row}@media(hover:hover)and (pointer:fine){.item-actions{transition:none}}.item-btn{padding:var(--space-md);border:none;border-radius:var(--radius-md);cursor:pointer;background:transparent;transition:background .2s ease;display:flex;align-items:center;justify-content:center;touch-action:pan-y manipulation}.item-btn svg{display:block;width:var(--icon-size-mobile);height:var(--icon-size-mobile)}.item-btn:hover{background:var(--hover-overlay)}.item-btn.audio{color:var(--text-secondary)}.item-btn.audio:hover{background:var(--hover-overlay)}.item-btn.edit{color:var(--text-link)}.item-btn.edit:hover{background:rgba(var(--brand-color-rgb),.1)}.item-btn.edit,.item-btn.enrich{position:relative}.item-btn.edit .x-overlay,.item-btn.enrich .x-overlay{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.app-container:has(.list-controls-row.search-active) .item-btn.edit,.app-container:has(.list-controls-row.search-active) .item-btn.enrich{pointer-events:none}.app-container:has(.list-controls-row.search-active) .item-btn.edit .x-overlay,.app-container:has(.list-controls-row.search-active) .item-btn.enrich .x-overlay{display:block}.item-btn.enrich{color:var(--color-enrich)}.item-btn.enrich:hover{background:rgba(var(--brand-color-rgb),.1)}.input-wrapper.detecting{animation:pulse 1s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}@media(max-width:768px){.app-container{padding:var(--space-lg)}header{flex-direction:column;gap:var(--space-2xl);text-align:center}.input-wrapper{flex-direction:column}#smartInput{margin-bottom:var(--space-lg)}.mobile-settings-toggle{display:block;padding:var(--space-md) var(--space-2xl);background:var(--bg-hover);border:1px solid var(--input-border);border-radius:var(--radius-2xl);font-size:var(--font-size-md);cursor:pointer;margin-bottom:var(--space-md)}.mobile-settings-toggle[aria-expanded=true]{background:rgba(var(--brand-color-rgb),.08);border-color:var(--text-link)}.playback-header-controls{display:flex;flex-wrap:wrap;justify-content:center;width:100%;gap:var(--space-xs)}.content-config-group,.playback-config-group{display:contents}.playback-header-controls .mode-select{padding:var(--space-2xs) var(--space-sm);font-size:var(--font-size-sm);height:28px}.playback-header-controls .playback-btn.toggle.icon-btn{width:32px;height:32px;padding:var(--space-sm)}.playback-header-controls .playback-btn.toggle.icon-btn svg{width:18px;height:18px}.playback-header-controls .playback-btn.toggle:not(.icon-btn){padding:var(--space-2xs) var(--space-sm);font-size:var(--font-size-sm);width:auto;display:inline-flex;justify-content:center;box-sizing:border-box}.playback-controls{flex-direction:column;gap:var(--space-lg)}.playback-primary-row{display:flex;justify-content:center;gap:var(--space-sm);align-items:center;flex-wrap:nowrap;width:100%}.playback-primary-row .playback-btn.icon-btn{width:38px;height:38px;padding:var(--space-sm)}.playback-primary-row .playback-btn.icon-btn svg{width:var(--icon-size-desktop);height:var(--icon-size-desktop)}.mute-btn input[type=checkbox]{display:none}.mode-buttons-group{width:auto;justify-content:center;margin-left:0;padding:var(--space-sm) var(--space-xl);background:#00000008;border-radius:var(--radius-lg)}.playback-btn{padding:var(--space-xs) var(--space-md)}.btn{padding:var(--space-sm) var(--space-xl)}.item-btn{width:var(--touch-target-min);height:var(--touch-target-min);padding:0}.status-message{top:var(--space-lg);left:var(--space-lg);right:var(--space-lg);min-width:unset;max-width:unset;transform:none;animation:slideDownMobile .3s ease-out}@keyframes slideDownMobile{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.status-message.hiding{animation:slideUpMobile .3s ease-in forwards}@keyframes slideUpMobile{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}}@media(max-width:400px){.playback-primary-row{gap:var(--space-xs)}.playback-primary-row .playback-btn.icon-btn{width:34px;height:34px;padding:var(--space-sm)}.playback-primary-row .playback-btn.icon-btn svg{width:17px;height:17px}}.modal-overlay{position:fixed;inset:0;background:#000000b3;z-index:10000;display:flex;justify-content:center;align-items:flex-start;padding-top:var(--space-3xl);padding-bottom:var(--space-3xl);overflow-y:auto;backdrop-filter:blur(5px);animation:fadeIn .2s ease-out}@supports (-webkit-touch-callout: none){.modal-overlay{-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;position:fixed!important;contain:layout style paint}}.safari-safe-modal-overlay{position:absolute;inset:0;width:100%;height:100%;background:#000000b3;z-index:10000;display:flex;justify-content:center;align-items:flex-start;padding-top:var(--space-3xl);padding-bottom:var(--space-3xl);overflow-y:auto;backdrop-filter:blur(5px);animation:fadeIn .2s ease-out;transform:translateZ(0);will-change:transform}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--surface-solid);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:600px;width:90%;max-height:80vh;overflow-y:auto;animation:slideInModal .3s ease-out}.shortcuts-modal-overlay{display:flex;align-items:center;justify-content:center;position:fixed;inset:0;background:#00000080;z-index:10000}.shortcuts-modal{padding:var(--space-3xl);max-width:400px}.shortcuts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2xl)}.shortcuts-title{margin:0;font-size:var(--font-size-2xl);color:var(--text-primary)}.shortcuts-close{background:none;border:none;font-size:var(--font-size-3xl);cursor:pointer;color:var(--text-secondary);padding:0;line-height:var(--line-height-none)}.shortcuts-table{width:100%;border-collapse:collapse;font-size:var(--font-size-lg)}.shortcuts-table tr{border-bottom:1px solid var(--border-light)}.shortcuts-table tr:last-child{border-bottom:none}.shortcuts-table td{padding:var(--space-lg) var(--space-md);color:var(--text-secondary)}.shortcuts-table td:last-child{text-align:right}.shortcuts-table kbd{background:var(--bg-badge);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm);font-family:monospace;border:1px solid var(--border-light);color:var(--text-primary)}.shortcuts-footer{margin:var(--space-2xl) 0 0 0;font-size:var(--font-size-sm);color:var(--text-tertiary);text-align:center}.modal-btn-confirm{padding:var(--space-xl) var(--space-3xl);background:var(--color-success);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-xl);min-height:var(--touch-target-min);touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,.1)}.modal-btn-cancel{padding:var(--space-xl) var(--space-3xl);background:var(--text-secondary);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-xl);min-height:var(--touch-target-min);touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,.1)}.modal-info-box{border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:var(--space-2xl);background:var(--bg-card)}.modal-caption{color:var(--text-secondary);font-size:var(--font-size-md);margin-bottom:var(--space-2xl)}.modal-field-label{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-xs)}@keyframes slideInModal{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{padding:var(--space-2xl) var(--space-3xl);border-bottom:1px solid var(--border-divider);display:flex;justify-content:space-between;align-items:center;background:var(--bg-card);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.modal-header h3{margin:0;color:var(--text-accent);font-size:var(--font-size-2xl)}.modal-header-actions{display:flex;gap:var(--space-md);align-items:center}.modal-header-actions .btn,.modal-body .btn-compact{padding:var(--space-sm) var(--space-xl);font-size:var(--font-size-md);height:30px;display:inline-flex;align-items:center;justify-content:center}.btn-close{background:none;border:none;font-size:var(--font-size-3xl);color:var(--text-secondary);cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all .2s ease}.btn-close:hover{background:var(--bg-badge);color:var(--text-primary)}.btn-close:focus-visible{outline:3px solid var(--focus-outline-color);outline-offset:2px;background:var(--status-warning-bg);border-radius:var(--radius-md)}.modal-body{padding:var(--space-3xl)}.modal-label{display:block;margin-bottom:var(--space-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);font-size:var(--font-size-lg)}.edit-metadata{margin-top:var(--space-2xl);padding:var(--space-xl);background:var(--bg-card);border-radius:var(--radius-md);border-left:3px solid var(--border-accent)}.edit-metadata small{color:var(--text-secondary);font-size:var(--font-size-md);line-height:var(--line-height-loose)}.edit-modal-content{max-width:500px;max-height:85vh;max-height:85dvh;overflow-y:auto}@media(hover:none),(pointer:coarse){.edit-modal-content{max-height:none;margin-bottom:60px}.edit-modal-content .modal-body{padding-bottom:30px}}.edit-field{margin-bottom:var(--space-md)}.edit-label{display:block;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-2xs)}.edit-input,.edit-textarea{width:100%;padding:var(--space-sm) var(--space-lg);border:1px solid var(--input-border);border-radius:var(--radius-lg);font-size:var(--font-size-lg);font-family:inherit;transition:border-color .2s ease;box-sizing:border-box}.edit-textarea{overflow:hidden;resize:none}.edit-input:focus,.edit-textarea:focus{outline:none;border-color:var(--border-accent);box-shadow:0 0 0 2px var(--focus-ring)}.edit-select{width:100%;padding:var(--space-sm) var(--space-lg);height:32px;border:1px solid var(--input-border);border-radius:var(--radius-lg);font-size:var(--font-size-lg);font-family:inherit;background:var(--surface-solid);cursor:pointer;transition:border-color .2s ease}.edit-select:focus{outline:none;border-color:var(--border-accent);box-shadow:0 0 0 2px var(--focus-ring)}.edit-readonly{padding:var(--space-sm) var(--space-lg);background:var(--bg-card);border-radius:var(--radius-lg);font-size:var(--font-size-lg);color:var(--text-primary);font-family:monospace}.edit-umlaut-picker{position:sticky;top:0;background:var(--surface-solid);padding:var(--space-sm) 0;margin:0 0 var(--space-md) 0;z-index:10;border-bottom:1px solid var(--border-light);justify-content:center;gap:var(--space-sm);flex-wrap:nowrap}.edit-umlaut-picker .umlaut-btn{min-width:36px;padding:0 var(--space-md);height:var(--touch-target-min);font-size:var(--font-size-2xl);border:1px solid var(--input-border);border-radius:var(--radius-md);background:var(--surface-solid);box-shadow:var(--shadow-key);margin-right:0}.modal-footer{padding:var(--space-2xl) var(--space-3xl);border-top:1px solid var(--border-divider);display:flex;gap:var(--space-lg);justify-content:flex-end;background:var(--bg-card);border-radius:0 0 var(--radius-xl) var(--radius-xl)}.btn-danger{background:var(--color-error);color:#fff}.btn-danger:hover{background:var(--color-error-hover)}@media(max-width:768px){.modal-content{width:95%;max-height:90vh}.modal-header,.modal-body,.modal-footer{padding:var(--space-2xl)}.modal-footer{flex-wrap:wrap}.modal-footer .btn{flex:1;min-width:100px}}.sync-modal{max-width:400px}.sync-modal .modal-close{background:none;border:none;font-size:var(--font-size-3xl);color:var(--text-secondary);cursor:pointer;padding:0;line-height:var(--line-height-none)}.sync-modal .modal-close:hover{color:var(--text-primary)}.sync-status{background:var(--status-success-bg);border:1px solid var(--color-success);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-2xl);text-align:center}.sync-status p{margin:0;color:var(--status-success-text);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.sync-status .sync-info{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--space-md)}.sync-actions{display:flex;gap:var(--space-xl);justify-content:center}.auth-form{display:flex;flex-direction:column;gap:var(--space-xl)}.auth-input{width:100%;padding:var(--space-xl);border:1px solid var(--input-border);border-radius:var(--radius-lg);font-size:var(--font-size-xl);transition:border-color .2s ease}.auth-input:focus{outline:none;border-color:var(--border-accent);box-shadow:0 0 0 2px var(--focus-ring)}.auth-buttons{display:flex;gap:var(--space-xl)}.auth-buttons .btn{flex:1}.auth-divider{display:flex;align-items:center;margin:var(--space-2xl) 0;color:var(--text-secondary)}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid var(--border-light)}.auth-divider span{padding:0 var(--space-xl);font-size:var(--font-size-lg)}.btn-google{display:flex;align-items:center;justify-content:center;gap:var(--space-lg);width:100%;padding:var(--space-xl);background:var(--surface-solid);border:1px solid var(--input-border);border-radius:var(--radius-lg);font-size:var(--font-size-xl);cursor:pointer;transition:all .2s ease}.btn-google:hover{background:var(--bg-card);border-color:var(--border-accent)}.btn-primary{background:var(--brand-color);color:#fff;border:none;padding:var(--space-lg) var(--space-3xl);border-radius:var(--radius-lg);font-size:var(--font-size-xl);cursor:pointer;transition:background .2s ease}.btn-primary:hover{background:var(--brand-color-hover)}.btn-secondary{background:var(--btn-secondary-bg);color:var(--text-primary);border:none;padding:var(--space-lg) var(--space-3xl);border-radius:var(--radius-lg);font-size:var(--font-size-xl);cursor:pointer;transition:background .2s ease}.btn-secondary:hover{background:var(--btn-secondary-bg-hover)}#syncBtn.synced{background:var(--brand-color);color:#fff}#syncBtn.synced:hover{background:var(--brand-color-hover)}button:focus-visible,.btn:focus-visible,.playback-btn:focus-visible,.btn-close:focus-visible,select:focus-visible,input[type=text]:focus-visible,input[type=number]:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid var(--focus-outline-color);outline-offset:2px}.confirm-modal{max-width:450px}#confirmMessage{margin:0;line-height:var(--line-height-loose)}.modal-delete-row{margin-top:var(--space-2xl);text-align:right}.voice-modal{max-width:500px}.voice-warning{background:var(--status-warning-bg);border:1px solid var(--color-warning);border-radius:var(--radius-md);padding:var(--space-xl);margin-bottom:var(--space-2xl);display:flex;align-items:flex-start;gap:var(--space-md);color:var(--status-warning-text)}.voice-warning>span{font-size:var(--font-size-2xl);margin-right:var(--space-md)}.voice-warning p{margin:var(--space-xs) 0 0 0;font-size:var(--font-size-md);opacity:.9}.voice-mode-selection{display:flex;flex-direction:column;gap:var(--space-xl)}.voice-mode-option{display:flex;align-items:center;gap:var(--space-md)}.voice-mode-option input[type=radio]{cursor:pointer;flex-shrink:0}.voice-mode-option input[type=radio]:disabled{cursor:not-allowed;opacity:.4}.voice-mode-option input[type=radio]:disabled+label{cursor:not-allowed;opacity:.5;color:#a0aec0}.voice-mode-option input[type=checkbox]{width:18px;height:18px;cursor:pointer}.voice-mode-option label{cursor:pointer;color:var(--text-primary);font-size:var(--font-size-lg);display:flex;align-items:center;gap:var(--space-xs)}.voice-mode-option label strong{font-size:var(--font-size-lg)}.voice-desc{color:var(--text-secondary);font-size:var(--font-size-md);font-weight:var(--font-weight-normal)}.voice-fixed-controls,.voice-gender-controls{margin-left:var(--space-3xl);padding:var(--space-md);background:var(--bg-card);border-radius:var(--radius-lg);display:flex;gap:0;align-items:center}.voice-fixed-controls .btn{padding:0 var(--space-2xl);font-size:var(--font-size-md);height:32px;white-space:nowrap;flex-shrink:0;margin-left:var(--space-md);display:flex;align-items:center;justify-content:center;gap:var(--space-xs)}.voice-select{width:100%;padding:var(--space-sm) var(--space-lg);border:1px solid var(--input-border);border-radius:var(--radius-lg);font-size:var(--font-size-lg);height:32px;background:var(--surface-solid);cursor:pointer;transition:border-color .2s ease}.voice-select:focus{outline:none;border-color:var(--border-accent);box-shadow:0 0 0 2px var(--focus-ring)}.gender-buttons{display:flex;gap:var(--space-sm)}.gender-btn{padding:var(--space-sm) var(--space-xl);border:1px solid var(--input-border);border-radius:var(--radius-lg);background:var(--surface-solid);font-size:var(--font-size-lg);height:32px;cursor:pointer;transition:all .2s ease;font-weight:var(--font-weight-medium)}.gender-btn:hover{border-color:var(--border-accent);background:rgba(var(--brand-color-rgb),.05)}.gender-btn.active{border-color:var(--border-accent);background:var(--brand-color);color:#fff}@media(max-width:768px){.voice-fixed-controls,.voice-gender-controls{flex-direction:column;margin-left:var(--space-3xl)}.gender-buttons{width:100%}.gender-btn{flex:1}}.screensaver-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;display:none;z-index:10002;cursor:none;overflow:hidden;transition:opacity .15s ease-out}.fullscreen-overlay.hide-cursor,.blind-overlay.hide-cursor{cursor:none}.screensaver-overlay.active{display:block}.screensaver-text{position:absolute;font-size:4rem;font-weight:var(--font-weight-bold);color:#ffffffd9;text-shadow:2px 2px 4px rgba(0,0,0,.25);user-select:none;line-height:var(--line-height-tight);white-space:normal;text-align:center;max-width:80vw;word-wrap:break-word;will-change:transform;transform:translateZ(0)}.screensaver-dual-form{position:absolute;font-size:2.5rem;font-weight:var(--font-weight-normal);color:#ffffffbf;text-shadow:1px 1px 2px rgba(0,0,0,.25);white-space:pre-line;user-select:none;line-height:var(--line-height-normal);text-align:center;max-width:80vw;will-change:transform;transform:translateZ(0)}.screensaver-dual-form a{line-height:var(--line-height-tight);display:inline-block;vertical-align:middle}.screensaver-dual-form .ipa-pronunciation{color:#ffdfbacc;display:inline-block;padding-top:.3em}.screensaver-top-info{position:fixed;top:var(--space-lg);left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);z-index:10003}.screensaver-progress-bar{color:#fff9;font-size:var(--font-size-lg);user-select:none;white-space:nowrap;animation:screensaverPulse 2s ease-in-out infinite;order:2;width:100%;text-align:center}.screensaver-progress-bar span{display:inline;white-space:nowrap}.screensaver-exit-hint{color:var(--text-primary);font-size:var(--font-size-lg);animation:screensaverPulse 2s ease-in-out infinite;order:1}@keyframes screensaverPulse{0%,to{opacity:.2}50%{opacity:.4}}.screensaver-settings-btn{background:transparent;color:var(--text-secondary);padding:var(--space-2xs) var(--space-sm);font-size:var(--font-size-md);border:none}.screensaver-settings-btn:hover{color:var(--text-primary);background:var(--hover-overlay)}.screensaver-modal{max-width:450px}.screensaver-settings-group{margin-bottom:var(--space-2xl)}.screensaver-settings-group label{display:block;font-weight:var(--font-weight-semibold);margin-bottom:var(--space-md);color:var(--text-primary);font-size:var(--font-size-lg)}.screensaver-settings-group input[type=number],.screensaver-settings-group select{width:100%;padding:var(--space-md) var(--space-xl);border:1px solid var(--input-border);border-radius:var(--radius-lg);font-size:var(--font-size-lg);transition:border-color .2s ease}.screensaver-settings-group select{height:32px;font-size:var(--font-size-lg);padding:var(--space-sm) var(--space-xl);text-align:center;text-align-last:center;background:var(--surface-solid)}.number-stepper{display:flex;align-items:center;gap:var(--space-md);height:32px}.stepper-btn{background:var(--brand-color);color:#fff;border:none;border-radius:var(--radius-lg);width:32px;height:32px;font-size:var(--font-size-xl);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stepper-btn:hover{background:var(--brand-color-hover);transform:scale(1.05)}.stepper-btn:active{transform:scale(.95)}.number-stepper input[type=number]{width:100%;text-align:center;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);padding:var(--space-sm);height:32px;border:1px solid var(--input-border);border-radius:var(--radius-lg);background:var(--surface-solid)}.number-stepper input[type=number]::-webkit-inner-spin-button,.number-stepper input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.screensaver-settings-group input[type=number]:focus,.screensaver-settings-group select:focus{outline:none;border-color:var(--border-accent);box-shadow:0 0 0 2px var(--focus-ring)}.screensaver-settings-group input[type=checkbox]{width:18px;height:18px;margin:0;cursor:pointer;flex-shrink:0;accent-color:var(--brand-color)}.screensaver-settings-group .checkbox-label{display:flex;align-items:center;gap:var(--space-md);cursor:pointer;height:32px;font-weight:var(--font-weight-medium)}.screensaver-fullscreen-row{display:flex;align-items:center;margin-bottom:var(--space-md)}.screensaver-fullscreen-row>span{font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-right:var(--space-xl);font-size:var(--font-size-lg)}.screensaver-fullscreen-row input[type=checkbox]{margin:0 var(--space-sm) 0 0}.screensaver-fullscreen-row label{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);cursor:pointer;margin:0 var(--space-xl) 0 0}#startFullscreenBtn{padding:var(--space-sm) var(--space-2xl);background:var(--brand-color);color:#fff;border:none;border-radius:var(--radius-lg);cursor:pointer;font-size:var(--font-size-lg);display:inline-flex;align-items:center;justify-content:center;visibility:hidden}@media(max-width:768px){.screensaver-text{font-size:3rem}.screensaver-dual-form{font-size:1.8rem}.screensaver-exit-hint,.screensaver-progress-bar{font-size:var(--font-size-sm)}}.tips-section{padding:0 var(--space-2xl) var(--space-2xl)}.tip-of-the-day{background:var(--surface-translucent);padding:var(--space-xl) var(--space-2xl);border-radius:var(--radius-xl);margin-bottom:var(--space-xl);box-shadow:var(--shadow-md);border-left:4px solid var(--border-accent)}.tip-of-the-day .tip-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.tip-of-the-day .tip-card-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-accent);text-transform:uppercase;letter-spacing:.5px}.tip-of-the-day .tip-card-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-sm);line-height:var(--line-height-snug)}.tip-of-the-day .tip-card-content{font-size:var(--font-size-lg);color:var(--text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-md)}.tip-of-the-day .tip-card-example{background:rgba(var(--brand-color-rgb),.06);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-md);font-size:var(--font-size-md);line-height:var(--line-height-relaxed)}.tip-of-the-day .tip-card-example .tip-de{color:var(--text-primary);font-weight:var(--font-weight-medium)}.tip-of-the-day .tip-card-example .tip-en{color:var(--text-muted)}.tips-sticky-header{background:var(--bg-app);padding:var(--space-md) var(--space-2xl);position:sticky;top:42px;z-index:100}body:not(.tab-me) .tips-sticky-header{visibility:hidden;position:absolute;pointer-events:none}.tips-filter-row{display:flex;gap:var(--space-md)}.tips-filter-select{flex:1;padding:var(--space-sm) var(--space-lg);height:36px;border:1px solid var(--input-border);border-radius:var(--radius-lg);font-size:var(--font-size-lg);color:var(--text-primary);background:var(--surface-solid);cursor:pointer}.tips-filter-select:focus{outline:none;border-color:var(--border-accent);box-shadow:0 0 0 2px var(--focus-ring)}@media(hover:hover)and (pointer:fine){.tips-filter-select{height:28px;font-size:var(--font-size-sm)}}.tip-badge{display:inline-block;font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.3px}.tip-badge-level{background:var(--bg-badge);color:var(--text-secondary);margin-right:var(--space-xs)}.tip-badge-category{color:var(--text-accent);background:rgba(var(--brand-color-rgb),.1)}.tips-browse-list{display:flex;flex-direction:column;gap:var(--space-lg)}.tip-browse-card{background:var(--surface-translucent);padding:var(--space-xl) var(--space-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow .15s ease}.tip-browse-card:hover{box-shadow:var(--shadow-md)}.tip-browse-badges{display:flex;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-sm)}.tip-browse-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-xs);line-height:var(--line-height-snug)}.tip-browse-content{font-size:var(--font-size-md);color:var(--text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-sm)}.tip-browse-example{background:rgba(var(--brand-color-rgb),.05);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.tip-browse-example .tip-de{color:var(--text-primary);font-weight:var(--font-weight-medium)}.tip-browse-example .tip-en{color:var(--text-muted)}.tips-empty{text-align:center;color:var(--text-muted);font-size:var(--font-size-lg);padding:var(--space-3xl) 0}.tips-count-header{font-size:var(--font-size-sm);color:var(--text-muted);text-align:right;padding:0 var(--space-2xs) var(--space-sm)}.tips-show-more{display:block;width:100%;padding:var(--space-xl);margin-top:var(--space-xs);background:rgba(var(--brand-color-rgb),.08);color:var(--text-accent);border:none;border-radius:var(--radius-lg);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:background .15s ease}.tips-show-more:hover{background:rgba(var(--brand-color-rgb),.15)}@media(max-width:600px){.tips-section{padding:0 var(--space-xl) var(--space-xl)}.tip-of-the-day{padding:var(--space-xl) var(--space-xl)}.tip-browse-card{padding:var(--space-lg) var(--space-xl)}}.settings-modal{max-width:320px}.settings-group{margin-bottom:var(--space-3xl);padding-bottom:var(--space-2xl);border-bottom:1px solid var(--border-divider)}.settings-group:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.settings-group-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-xl)}.settings-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.settings-row.settings-row--actions{justify-content:flex-end;gap:var(--space-md)}.settings-row:last-child{margin-bottom:0}.settings-row label{font-size:var(--font-size-lg);color:var(--text-primary)}.settings-select{padding:var(--space-sm) var(--space-lg);height:32px;border:1px solid var(--input-border);border-radius:var(--radius-lg);font-size:var(--font-size-lg);background:var(--surface-solid);min-width:100px}.settings-select:focus{outline:none;border-color:var(--border-accent);box-shadow:0 0 0 2px var(--focus-ring)}.settings-row input[type=checkbox]{width:18px;height:18px;cursor:pointer}.settings-link-btn{background:transparent;border:none;color:var(--text-accent);font-size:var(--font-size-md);cursor:pointer;padding:var(--space-xs) 0}.settings-link-btn:hover{text-decoration:underline}.tab-bar{display:flex;justify-content:space-evenly;background:var(--bg-app);border-top:none;box-shadow:none;position:fixed;bottom:0;left:0;right:0;z-index:200;padding:var(--space-md) env(safe-area-inset-left,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-right,0px);touch-action:pan-y pinch-zoom;transition:transform .2s ease-out}@media(hover:none),(pointer:coarse){body.tab-mylist .tab-bar.nav-hidden{transform:translateY(100%)}}@media(hover:hover)and (pointer:fine){body.tab-mylist .tab-bar.nav-hidden{transform:translateY(-100%)}}.tab-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--tab-btn-gap);padding:var(--space-md) var(--space-xs);background:transparent;border:none;cursor:pointer;color:var(--tab-btn-color);transition:color .2s ease;flex:1;min-width:0;position:relative}.tab-btn:hover{color:var(--tab-btn-color-active);background:rgba(var(--brand-color-rgb),.04)}.tab-btn.active{color:var(--tab-btn-color-active);background:rgba(var(--brand-color-rgb),.08)}.tab-icon{font-size:var(--tab-icon-size);line-height:var(--line-height-none)}.tab-label{font-size:var(--tab-label-size);font-weight:var(--font-weight-medium)}@media(hover:hover)and (pointer:fine){html{scrollbar-gutter:stable}.tab-bar{position:fixed;inset:0 0 auto;z-index:200;margin:0;max-width:none;border-radius:0;padding:var(--space-xs) 0;border:none;box-shadow:none;background:var(--bg-app);align-items:center}.tab-btn{flex:1;flex-direction:row;gap:var(--space-sm);padding:var(--space-xs) var(--space-md)}.tab-btn[data-tooltip]:after,.more-subtab-btn[data-tooltip]:after{bottom:auto;top:calc(100% + 6px)}.tab-icon{font-size:var(--font-size-xl)}.tab-label{font-size:var(--font-size-md)}}body.tab-learn [data-tab=mylist]:not(.tab-btn),body.tab-learn [data-tab=tips]:not(.tab-btn),body.tab-learn [data-tab=stats]:not(.tab-btn),body.tab-learn [data-tab=practice]:not(.tab-btn),body.tab-learn [data-tab=settings]:not(.tab-btn){display:none!important}body.tab-mylist [data-tab=learn]:not(.tab-btn),body.tab-mylist [data-tab=explore]:not(.tab-btn),body.tab-mylist [data-tab=practice]:not(.tab-btn),body.tab-mylist [data-tab=more]:not(.tab-btn){display:none!important}body.tab-learn [data-tab=mylist]:not(.tab-btn),body.tab-learn [data-tab=explore]:not(.tab-btn),body.tab-learn [data-tab=practice]:not(.tab-btn),body.tab-learn [data-tab=more]:not(.tab-btn){display:none!important}body.tab-explore [data-tab=mylist]:not(.tab-btn),body.tab-explore [data-tab=learn]:not(.tab-btn),body.tab-explore [data-tab=practice]:not(.tab-btn),body.tab-explore [data-tab=more]:not(.tab-btn){display:none!important}body.tab-practice [data-tab=mylist]:not(.tab-btn),body.tab-practice [data-tab=learn]:not(.tab-btn),body.tab-practice [data-tab=explore]:not(.tab-btn),body.tab-practice [data-tab=more]:not(.tab-btn){display:none!important}body.tab-me [data-tab=mylist]:not(.tab-btn),body.tab-me [data-tab=learn]:not(.tab-btn),body.tab-me [data-tab=explore]:not(.tab-btn),body.tab-me [data-tab=practice]:not(.tab-btn){display:none!important}html.tab-learn,html.tab-mylist,html.tab-explore,html.tab-practice,html.tab-me,body.tab-learn,body.tab-mylist,body.tab-explore,body.tab-practice,body.tab-me{margin:0;padding:0;background:var(--bg-app)}body.tab-learn .app-container{max-width:none;width:100%;height:100%;margin:0;padding:0}body.tab-learn .playback-section{position:fixed;inset:0;width:100%;height:auto;padding:0;margin:0;border:none;border-radius:0;box-shadow:none;box-sizing:border-box;display:flex;flex-direction:column;background:var(--bg-app);touch-action:pan-y pinch-zoom;overscroll-behavior-x:none}body.tab-learn .playback-status-wrapper{justify-content:center}body.tab-learn .playback-status{flex:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;text-align:center;overflow-y:auto;padding:0 var(--space-2xl);width:100%;background:var(--bg-app);border-radius:0}body.tab-learn .playback-status:before,body.tab-learn .playback-status:after{content:"";flex:1 0 0px}@media(hover:hover)and (pointer:fine){body.tab-learn .playback-section{top:32px}body.tab-learn .playback-controls-row{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;background:var(--bg-app);padding:var(--space-xs) var(--space-lg);gap:var(--space-xs);overflow:visible}body.tab-learn .playback-header,body.tab-learn .playback-controls,body.tab-learn .playback-header-controls,body.tab-learn .playback-primary-row,body.tab-learn .content-config-group,body.tab-learn .playback-config-group{display:contents}body.tab-learn .playback-controls-row select{order:1;height:28px;font-size:var(--font-size-sm);background:var(--surface-solid);transition:opacity .15s ease-out}body.tab-learn .playback-controls-row button{order:2;transition:opacity .15s ease-out}body.tab-learn .playback-controls-row .split-play-container{order:2}body.tab-learn .playback-btn.icon-btn,body.tab-learn .playback-header-controls .playback-btn.toggle.icon-btn{width:36px;height:36px;padding:var(--space-sm)}body.tab-learn .playback-btn.icon-btn svg,body.tab-learn .playback-header-controls .playback-btn.toggle.icon-btn svg{width:var(--icon-size-desktop);height:var(--icon-size-desktop)}body.tab-learn .position-slider-container{width:100%;max-width:none;margin:0;padding:var(--space-sm) var(--space-lg) var(--space-2xs) var(--space-lg);box-sizing:border-box;background:var(--bg-app)}body.tab-learn .slider-min,body.tab-learn .slider-max,body.tab-learn .slider-current-pos{top:0}body.tab-learn .slider-track-wrapper{padding:var(--space-2xs) 0}body.tab-learn .position-slider{--thumb-width: 8px;height:12px}body.tab-learn .position-slider::-webkit-slider-thumb,body.tab-learn .position-slider::slider-thumb{width:8px;height:8px;margin-top:-3px}body.tab-learn .playback-status{padding:0 var(--space-3xl)}}@media(hover:hover)and (pointer:fine)and (max-width:900px){body.tab-learn .playback-controls-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--space-2xs) var(--space-sm);padding:var(--space-xs) var(--space-lg) var(--space-2xs) var(--space-lg);overflow:visible}body.tab-learn .playback-header,body.tab-learn .playback-controls,body.tab-learn .playback-header-controls,body.tab-learn .playback-primary-row,body.tab-learn .content-config-group,body.tab-learn .playback-config-group{display:contents}body.tab-learn .playback-controls-row select{order:1}body.tab-learn .playback-controls-row:before{content:"";order:2;flex-basis:100%;height:0}body.tab-learn .playback-controls-row button,body.tab-learn .playback-controls-row .split-play-container{order:3}body.tab-learn .playback-controls-row:after{content:"";order:4;flex-basis:100%;height:0}body.tab-learn .position-slider-container{width:100%;max-width:none;margin:0;padding:var(--space-sm) var(--space-lg) var(--space-2xs) var(--space-lg);background:var(--bg-app)}body.tab-learn .slider-min,body.tab-learn .slider-max,body.tab-learn .slider-current-pos{top:0}}.settings-section{max-width:600px;margin:0 auto;padding:var(--space-3xl);background:var(--surface-solid);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.settings-section .settings-group{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-2xl);margin-bottom:var(--space-2xl);border:1px solid var(--border-divider)}.settings-section .settings-group:last-child{margin-bottom:0}.settings-section .settings-group-title{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-xl)}.settings-section .settings-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl);padding:var(--space-md) 0}.settings-section .settings-row:last-child{margin-bottom:0}.settings-section .settings-row label{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--text-primary)}.settings-help-text{font-size:var(--font-size-2xs);color:var(--text-muted);margin-top:var(--space-xs)}.settings-help-text-credit{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-top:var(--space-xs)}.settings-section .settings-select{padding:var(--space-md) var(--space-xl);height:32px;border:1px solid var(--input-border);border-radius:var(--radius-lg);font-size:var(--font-size-lg);background:var(--surface-solid);color:var(--text-primary);min-width:110px;cursor:pointer}.settings-section .settings-select:focus{outline:none;border-color:var(--border-accent);box-shadow:0 0 0 2px var(--focus-ring)}.settings-page-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-3xl) 0;color:var(--text-primary)}.settings-action-btn{background:var(--brand-color);color:#fff;border:none;padding:var(--space-sm) var(--space-xl);height:32px;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);transition:background .2s ease;display:inline-flex;align-items:center;justify-content:center}.settings-action-btn:hover{background:var(--brand-color-hover)}.settings-section .settings-link-btn,.settings-group .settings-link-btn{background:var(--bg-badge);border:1px solid var(--border-divider);color:var(--text-primary);padding:var(--space-sm) var(--space-xl);height:32px;border-radius:var(--radius-md);font-size:var(--font-size-md);cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center}.settings-section .settings-link-btn:hover,.settings-group .settings-link-btn:hover{background:var(--border-divider);color:var(--text-primary);text-decoration:none}.settings-info{color:var(--text-secondary);font-size:var(--font-size-lg)}#accountStatusRow{display:flex;justify-content:space-between;align-items:center}#accountStatus{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}@media(hover:none),(pointer:coarse){.app-container{padding-bottom:80px}}@media(hover:hover)and (pointer:fine){.app-container{padding-bottom:var(--space-3xl)}}.stats-section{max-width:600px;margin:0 auto;padding:var(--space-3xl);background:var(--surface-solid);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.stats-page-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-2xl) 0;color:var(--text-primary)}.stats-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-2xl);margin-bottom:var(--space-2xl);border:1px solid var(--border-divider)}.stats-card:last-child{margin-bottom:0}.stats-card-title{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-xl)}.stats-progress-bar{height:12px;background:var(--border-divider);border-radius:var(--radius-sm);overflow:hidden;display:flex;margin-bottom:var(--space-xl)}.stats-progress-segment{height:100%;transition:width .3s ease}.stats-progress-known{background:var(--rating-mastered)}.stats-progress-learning{background:var(--rating-learning)}.stats-progress-new{background:var(--rating-unsure)}.stats-legend{display:flex;flex-wrap:wrap;gap:var(--space-xl)}.stats-legend-item{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-md);color:var(--text-primary)}.stats-legend-dot{width:10px;height:10px;border-radius:var(--radius-full);flex-shrink:0}.stats-legend-dot.known{background:var(--rating-mastered)}.stats-legend-dot.learning{background:var(--rating-learning)}.stats-legend-dot.new{background:var(--rating-unsure)}.stats-legend-dot.unrated{background:var(--border-divider)}.stats-big-number{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:var(--line-height-none)}.stats-big-label{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--space-xs)}.stats-cefr-list{display:flex;flex-direction:column;gap:var(--space-lg)}.stats-cefr-row{display:flex;align-items:center;gap:var(--space-xl)}.stats-cefr-label{font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);color:#fff;padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-sm);min-width:28px;text-align:center}.stats-cefr-bar{flex:1;height:8px;background:var(--border-divider);border-radius:var(--radius-sm);overflow:hidden;display:flex}.stats-cefr-count{font-size:var(--font-size-sm);color:var(--text-secondary);min-width:70px;text-align:right;white-space:nowrap}.stats-coverage-row{display:flex;gap:var(--space-2xs);margin-top:var(--space-xs);margin-bottom:var(--space-sm);padding-left:46px}.stats-coverage-block{flex:1;height:8px;border-radius:2px;min-width:4px}.stats-empty{text-align:center;padding:var(--space-3xl);color:var(--text-muted);font-size:var(--font-size-md)}.stats-streak{text-align:center;margin-bottom:var(--space-lg)}.stats-practice-rows{display:flex;flex-direction:column;gap:var(--space-md)}.stats-practice-row{padding:var(--space-md);background:var(--bg-list-items);border-radius:var(--radius-lg)}.stats-practice-label{font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);margin-bottom:var(--space-2xs)}.stats-practice-detail{font-size:var(--font-size-sm);color:var(--text-secondary)}.stats-practice-sub{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-xs)}.stats-practice-tag{font-size:var(--font-size-xs);color:var(--text-muted);background:var(--bg-section);padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-md)}[data-theme=dark] .stats-practice-row{background:var(--bg-list-items)}[data-theme=dark] .stats-practice-tag{background:var(--bg-section)}.stats-insight-row{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md);background:var(--bg-section);border-radius:var(--radius-lg);margin-bottom:var(--space-sm)}.stats-insight-row:last-child{margin-bottom:0}.stats-insight-text{font-size:var(--font-size-sm);color:var(--text-primary);line-height:var(--line-height-relaxed)}[data-theme=dark] .stats-insight-row{background:var(--bg-list-items)}@media(hover:none),(pointer:coarse){.stats-section{border-radius:0;box-shadow:none;padding:var(--space-2xl) var(--space-xl)}}body.tab-mylist .app-container{max-width:none;width:100%;height:100vh;height:100dvh;margin:0;padding:0;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:none}body.tab-me .app-container{height:100vh;height:100dvh;padding-top:0;overflow-y:auto}body.tab-explore .app-container,body.tab-practice .app-container{height:100vh;height:100dvh;overflow-y:auto}.mylist-sticky-header{background:var(--bg-app);backdrop-filter:none;-webkit-backdrop-filter:none;padding:var(--space-md) var(--space-2xl);position:sticky;top:0;z-index:100;overflow:visible}@media(hover:none),(pointer:coarse){html.tab-mylist,body.tab-mylist,html.tab-learn,body.tab-learn,html.tab-me,body.tab-me,html.tab-explore,body.tab-explore{overflow:clip}body.tab-learn .app-container,body.tab-me .app-container,body.tab-explore .app-container{overflow-x:hidden!important;overscroll-behavior-x:none!important}body.tab-mylist .app-container{overflow:hidden!important;padding-top:calc(132px + env(safe-area-inset-top,0px))}body.tab-mylist .mylist-sticky-header{position:fixed;top:0;left:0;right:0;padding-top:calc(var(--space-md) + env(safe-area-inset-top,0px));z-index:100;background:var(--bg-app);will-change:transform}body.tab-mylist .list-section[data-tab=mylist]{will-change:transform}body.tab-mylist .learning-list{overflow:hidden!important;-webkit-overflow-scrolling:auto!important}body.tab-mylist .mylist-sticky-header.nav-hidden{transform:translateY(-100%);opacity:0;pointer-events:none}body.tab-practice .practice-subtab-toggle{position:fixed;top:0;left:0;right:0;padding-top:calc(var(--space-md) + env(safe-area-inset-top,0px));z-index:110;background:var(--bg-app)}body.tab-practice .practice-content{padding-top:calc(50px + env(safe-area-inset-top,0px))}body.tab-explore .explore-subtab-toggle{position:fixed;top:0;left:0;right:0;padding-top:calc(var(--space-md) + env(safe-area-inset-top,0px));z-index:110;background:var(--bg-app)}body.tab-explore .explore-content{padding-top:calc(50px + env(safe-area-inset-top,0px))}body.tab-learn .app-container{overflow:hidden!important;padding-bottom:0}body.tab-learn .playback-section{height:auto;min-height:0;will-change:transform;justify-content:safe center;overflow:visible}body.tab-learn .playback-status-wrapper{flex:0 0 auto}body.tab-learn .playback-status{overflow:visible;flex:0 0 auto}}body:not(.tab-mylist) .mylist-sticky-header{visibility:hidden;position:absolute;pointer-events:none}.mylist-sticky-header .input-wrapper{margin-bottom:var(--space-md)}.mylist-sticky-header .umlaut-picker{margin:0;justify-content:center}.mylist-sticky-header .umlaut-picker{position:absolute;left:50%;transform:translate(-50%);z-index:5}@media(hover:none),(pointer:coarse){.mylist-sticky-header .input-wrapper{margin-bottom:var(--space-2xs)}.mylist-sticky-header .umlaut-picker{left:0;right:0;transform:none;top:auto;bottom:calc(var(--mylist-row-height-mobile) + var(--mylist-picker-visual-balance))}}@media(hover:hover)and (pointer:fine){.mylist-sticky-header .umlaut-picker{bottom:var(--mylist-picker-visual-balance)}}.mylist-sticky-header .list-controls-row{display:flex;align-items:center;justify-content:space-between;position:relative}.mylist-sticky-header .list-toggles{display:flex;align-items:center;gap:var(--space-md)}@supports (-webkit-touch-callout: none){body.tab-mylist .mylist-sticky-header{position:fixed!important;top:0!important;left:0!important;right:0!important;padding-top:calc(8px + env(safe-area-inset-top,0px))!important;z-index:100!important;background:var(--bg-app)!important;border-bottom:none!important}body.tab-mylist .mylist-sticky-header.nav-hidden{transform:translateY(-100%)!important;opacity:0!important;pointer-events:none!important}body:not(.tab-mylist) .mylist-sticky-header{display:none!important}body.tab-mylist .app-container{height:100vh!important;height:100dvh!important;padding-top:132px}}.mylist-sticky-header .list-info{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:var(--space-md);min-height:var(--mylist-controls-row-height-desktop)}.sticky-action-buttons{display:flex;align-items:center;gap:var(--space-xs)}@media(hover:none),(pointer:coarse){.mylist-sticky-header .list-controls-row{flex-wrap:wrap}.mylist-sticky-header .list-info{position:static;transform:none;width:100%;order:-1;justify-content:center;margin-bottom:var(--space-2xs)}.mylist-sticky-header{padding-bottom:var(--space-2xs)}body.tab-mylist .learning-list{padding-top:0}.list-search-input{min-height:40px;font-size:var(--font-size-xl)}}@media(hover:hover)and (pointer:fine)and (max-width:700px){body.tab-mylist .mylist-sticky-header .list-controls-normal{flex-wrap:wrap!important;justify-content:space-between!important;padding-top:0!important}body.tab-mylist .mylist-sticky-header .list-info{position:static!important;transform:none!important;width:100%!important;order:-1!important;justify-content:center!important;align-items:center!important;min-height:var(--mylist-controls-row-height-desktop)!important;margin-top:0!important;margin-bottom:0!important}body.tab-mylist .mylist-sticky-header .list-toggles{order:0!important}body.tab-mylist .mylist-sticky-header .sticky-action-buttons{order:1!important}body.tab-mylist .app-container{padding-top:calc(var(--mylist-header-tab-area) + var(--mylist-controls-row-height-desktop) * 2 + var(--space-xs))}body.tab-mylist .mylist-sticky-header .umlaut-picker{bottom:calc(var(--mylist-row-height-desktop) + var(--mylist-picker-visual-balance))!important}}@media(hover:hover)and (pointer:fine)and (max-width:550px){body.tab-mylist .mylist-sticky-header .list-filter-select{min-width:55px!important;padding:0 var(--space-xs)!important;font-size:var(--font-size-xs)!important}body.tab-mylist .mylist-sticky-header .list-info,body.tab-mylist .mylist-sticky-header .list-filters{gap:var(--space-xs)!important}body.tab-mylist .mylist-sticky-header .list-count{font-size:var(--font-size-2xs)!important}}body.tab-mylist .list-section{background:transparent;border-radius:0;box-shadow:none;margin:0;padding:0 15px;flex:1;display:flex;flex-direction:column;min-height:0}@media(hover:none),(pointer:coarse){.mylist-sticky-header{padding:var(--space-sm) var(--space-lg)}.mylist-sticky-header .list-count{font-size:var(--font-size-xs)}.mylist-sticky-header .list-filter-select{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);height:36px;width:auto;min-width:80px}.mylist-sticky-header .list-toggle-btn,.mylist-sticky-header .list-action-btn{height:var(--touch-target-min);width:var(--touch-target-min);font-size:var(--font-size-2xl)}}body.tab-mylist .learning-list{flex:1;max-height:none;min-height:0;margin:0 -15px;padding:0;background:var(--bg-app)}@media(hover:none),(pointer:coarse){body.tab-mylist .app-container,body.tab-me .app-container,body.tab-explore .app-container{padding-bottom:70px}}@media(hover:hover)and (pointer:fine){body.tab-explore .app-container,body.tab-practice .app-container,body.tab-me .app-container{padding-top:calc(var(--mylist-header-tab-area) + var(--space-md) + 32px + var(--space-md))}}@media(hover:hover)and (pointer:fine){body.tab-mylist .app-container{padding-top:calc(var(--mylist-header-tab-area) + var(--mylist-controls-row-height-desktop) + var(--space-xs))}body.tab-mylist .mylist-sticky-header{position:fixed;top:0;left:0;right:0;max-width:none;margin:0;padding-top:var(--mylist-header-tab-area);padding-bottom:var(--space-xs);padding-left:var(--space-3xl);padding-right:var(--space-3xl);z-index:150}body.tab-mylist .mylist-sticky-header .list-controls-row{min-height:var(--mylist-controls-row-height-desktop)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap!important}body.tab-mylist .mylist-sticky-header .list-toggle-btn,body.tab-mylist .mylist-sticky-header .list-action-btn{height:28px!important;width:auto!important;min-width:36px;padding:0 var(--space-md)!important;border-radius:var(--radius-md)}body.tab-mylist .mylist-sticky-header .list-toggle-btn svg{width:var(--icon-size-mobile)!important;height:var(--icon-size-mobile)!important}body.tab-mylist .mylist-sticky-header .list-toggle-btn.has-x-overlay .x-overlay{width:var(--icon-size-mobile)!important;height:var(--icon-size-mobile)!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}body.tab-mylist .mylist-sticky-header .list-action-btn svg{width:16px!important;height:16px!important}body.tab-mylist .mylist-sticky-header .list-filter-select{height:28px!important;padding:0 var(--space-md)!important;font-size:var(--font-size-sm)!important;line-height:28px!important;background:var(--surface-solid);border:1px solid var(--input-border);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer}body.tab-mylist .mylist-sticky-header .list-filter-select:hover{border-color:var(--border-accent);color:var(--text-primary)}body.tab-mylist .mylist-sticky-header .list-filter-select:focus{outline:none;border-color:var(--border-accent)}body.tab-mylist .mylist-sticky-header .list-count{font-size:var(--font-size-2xs)}body.tab-mylist .mylist-sticky-header .list-info{gap:var(--space-sm)}body.tab-mylist .mylist-sticky-header .list-toggles,body.tab-mylist .mylist-sticky-header .list-actions{gap:var(--space-xs);padding-top:0!important;border-top:none!important}body.tab-mylist .mylist-sticky-header .umlaut-picker{gap:var(--space-2xs)}body.tab-mylist .mylist-sticky-header .umlaut-btn{min-width:20px;height:var(--icon-size-mobile);font-size:var(--font-size-sm);border-radius:var(--radius-sm);padding:0 var(--space-xs)}body.tab-mylist .mylist-sticky-header.nav-hidden{transform:translateY(-100%);opacity:0;pointer-events:none}}@media(orientation:landscape)and (min-width:701px){.tab-bar{position:fixed!important;inset:0 0 auto!important;padding:0!important;margin:0!important;max-width:none!important;border-radius:0!important;z-index:200!important;height:32px!important;background:var(--bg-app)!important}.tab-btn{flex-direction:row!important;gap:var(--space-sm)!important;padding:0 var(--space-2xl)!important;height:32px!important}body.tab-mylist .tab-bar.nav-hidden{transform:translateY(-100%)!important}body.tab-mylist .mylist-sticky-header{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:150!important;max-width:none!important;margin:0!important}body.tab-mylist .mylist-sticky-header .list-controls-row{display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap!important}body.tab-mylist .mylist-sticky-header .list-info{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:auto!important;order:0!important;margin-bottom:0!important}body.tab-mylist .mylist-sticky-header .list-toggles,body.tab-mylist .mylist-sticky-header .list-actions{padding-top:0!important;border-top:none!important}}@media(orientation:portrait)and (hover:none),(orientation:portrait)and (pointer:coarse){.tab-bar{position:fixed!important;inset:auto 0 0!important;z-index:200!important}body.tab-mylist .tab-bar.nav-hidden{transform:translateY(100%)!important}.tab-btn{flex-direction:column!important;gap:var(--space-xs)!important}body.tab-mylist .mylist-sticky-header{position:fixed!important;top:0!important;left:0!important;right:0!important;will-change:transform!important;backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important}body.tab-mylist .mylist-sticky-header .list-controls-row{flex-wrap:wrap!important}body.tab-mylist .mylist-sticky-header .list-info{position:static!important;transform:none!important;width:100%!important;order:-1!important;justify-content:center!important}}@media(hover:hover)and (pointer:fine){body.tab-mylist .mylist-sticky-header{padding-left:var(--space-3xl)!important;padding-right:var(--space-3xl)!important;padding-bottom:var(--space-xs)!important}body.tab-mylist .mylist-sticky-header .input-wrapper{margin-bottom:var(--space-xs)!important;flex-direction:row!important}body.tab-mylist .mylist-sticky-header #smartInput{height:28px!important;padding:var(--space-xs) var(--space-lg)!important;font-size:var(--font-size-md)!important;margin-bottom:0!important}body.tab-mylist .mylist-sticky-header .list-controls-row{min-height:var(--mylist-controls-row-height-desktop)!important}body.tab-mylist .mylist-sticky-header .list-info{gap:var(--space-sm)!important;margin-bottom:0!important}body.tab-mylist .mylist-sticky-header .list-toggle-btn,body.tab-mylist .mylist-sticky-header .list-action-btn{height:28px!important;width:auto!important;min-width:36px!important;padding:0 var(--space-md)!important;border-radius:var(--radius-md)!important}body.tab-mylist .mylist-sticky-header .list-toggle-btn svg{width:var(--icon-size-mobile)!important;height:var(--icon-size-mobile)!important}body.tab-mylist .mylist-sticky-header .list-action-btn svg{width:16px!important;height:16px!important}body.tab-mylist .mylist-sticky-header .list-filter-select{height:28px!important;padding:0 var(--space-md)!important;font-size:var(--font-size-sm)!important;line-height:28px!important;background:var(--surface-solid)!important;border:1px solid var(--input-border)!important;border-radius:var(--radius-lg)!important}body.tab-mylist .mylist-sticky-header .list-toggles,body.tab-mylist .mylist-sticky-header .list-actions{gap:var(--space-xs)!important}body.tab-mylist .mylist-sticky-header .list-filters{gap:var(--space-sm)!important}body.tab-mylist .mylist-sticky-header .umlaut-picker{gap:var(--space-2xs)!important}body.tab-mylist .mylist-sticky-header .umlaut-btn{min-width:20px!important;height:var(--icon-size-mobile)!important;font-size:var(--font-size-sm)!important;border-radius:var(--radius-sm)!important;padding:0 var(--space-xs)!important}body.tab-mylist .mylist-sticky-header .list-count{font-size:var(--font-size-2xs)!important}body.tab-mylist .mylist-sticky-header .list-toggle-btn.has-x-overlay .x-overlay{width:var(--icon-size-mobile)!important;height:var(--icon-size-mobile)!important}}@media(hover:hover)and (pointer:fine)and (orientation:landscape){body.tab-mylist .mylist-sticky-header{padding-top:var(--mylist-header-tab-area)!important}body.tab-mylist .app-container{padding-top:calc(var(--mylist-header-tab-area) + var(--mylist-controls-row-height-desktop) + var(--space-xs))}}@media(hover:hover)and (pointer:fine)and (orientation:portrait){body.tab-mylist .mylist-sticky-header{padding-top:var(--mylist-header-tab-area)!important}body.tab-mylist .app-container{padding-top:calc(var(--mylist-header-tab-area) + var(--mylist-controls-row-height-desktop) + var(--space-xs))}}@media(hover:none),(pointer:coarse){.tab-bar{padding:var(--space-md) env(safe-area-inset-left,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-right,0px)!important}.tab-btn{padding:var(--space-md) var(--space-xs)!important}body.tab-mylist .mylist-sticky-header{padding-top:calc(8px + env(safe-area-inset-top,0px))!important;padding-bottom:var(--space-xs)!important;padding-left:var(--space-lg)!important;padding-right:var(--space-lg)!important;z-index:100!important}body.tab-mylist .app-container{padding-top:calc(142px + env(safe-area-inset-top,0px));padding-bottom:80px}body.tab-mylist .mylist-sticky-header .input-wrapper,body.tab-mylist .mylist-sticky-header .list-info{margin-bottom:var(--space-2xs)!important}body.tab-mylist .mylist-sticky-header .list-toggle-btn,body.tab-mylist .mylist-sticky-header .list-action-btn{height:var(--touch-target-min)!important;width:var(--touch-target-min)!important;padding:0!important;border-radius:var(--radius-lg)!important}body.tab-mylist .mylist-sticky-header .list-toggle-btn svg{width:var(--icon-size-mobile)!important;height:var(--icon-size-mobile)!important}body.tab-mylist .mylist-sticky-header .list-action-btn svg{width:var(--icon-size-mobile)!important;height:var(--icon-size-mobile)!important}body.tab-mylist .mylist-sticky-header .list-filter-select{height:36px!important;padding:var(--space-sm) var(--space-md)!important;font-size:var(--font-size-sm)!important}body.tab-mylist .mylist-sticky-header .list-toggles,body.tab-mylist .mylist-sticky-header .list-actions{gap:var(--space-md)!important}body.tab-mylist .mylist-sticky-header .umlaut-btn{min-width:34px!important;height:40px!important;font-size:var(--font-size-2xl)!important}body.tab-mylist .mylist-sticky-header .list-count{font-size:var(--font-size-xs)!important}body.tab-mylist .mylist-sticky-header .list-toggle-btn.has-x-overlay .x-overlay{width:var(--icon-size-mobile)!important;height:var(--icon-size-mobile)!important}}@media(max-width:380px){body.tab-mylist .mylist-sticky-header .list-filter-select{min-width:60px!important;padding:var(--space-xs) var(--space-sm)!important;font-size:var(--font-size-xs)!important}body.tab-mylist .mylist-sticky-header .list-info{gap:var(--space-xs)!important}body.tab-mylist .mylist-sticky-header .list-count{font-size:var(--font-size-2xs)!important}}@media(pointer:coarse)and (orientation:landscape){.tab-bar{position:fixed!important;inset:auto 0 0!important;padding:var(--space-md) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)!important;height:auto!important;border:none!important;box-shadow:none!important;z-index:200!important}body.tab-mylist .tab-bar.nav-hidden{transform:translateY(100%)!important}.tab-btn{flex-direction:row!important;gap:var(--tab-btn-gap-landscape)!important;padding:var(--tab-btn-padding-landscape)!important}body.tab-mylist .mylist-sticky-header{padding-top:env(safe-area-inset-top,6px)!important;padding-left:env(safe-area-inset-left,6px)!important;padding-right:env(safe-area-inset-right,6px)!important;border:none!important;box-shadow:none!important}body.tab-mylist .app-container{padding-top:140px;padding-bottom:var(--space-lg);padding-left:env(safe-area-inset-left,6px)!important;padding-right:env(safe-area-inset-right,6px)!important}body.tab-mylist .mylist-sticky-header .list-toggle-btn,body.tab-mylist .mylist-sticky-header .list-action-btn{height:36px!important;width:36px!important}body.tab-mylist .mylist-sticky-header .list-toggle-btn svg{width:var(--icon-size-mobile)!important;height:var(--icon-size-mobile)!important}body.tab-mylist .mylist-sticky-header .list-action-btn svg{width:var(--icon-size-mobile)!important;height:var(--icon-size-mobile)!important}body.tab-mylist .mylist-sticky-header .list-filter-select{height:30px!important}body.tab-mylist .mylist-sticky-header .list-controls-row{min-height:36px!important}body.tab-mylist .mylist-sticky-header .umlaut-picker{position:absolute!important;bottom:auto!important;top:calc(env(safe-area-inset-top,6px) + var(--mylist-row-height-mobile-landscape) + var(--mylist-row-gap-mobile-landscape) + var(--mylist-picker-visual-balance))!important;left:env(safe-area-inset-left,6px)!important;right:env(safe-area-inset-right,6px)!important;transform:none!important;width:auto!important;max-width:none!important;margin:0!important}body.tab-mylist .mylist-sticky-header .umlaut-btn{min-width:28px!important;height:32px!important;font-size:var(--font-size-lg)!important}body.tab-mylist .mylist-sticky-header .list-toggle-btn.has-x-overlay .x-overlay{width:var(--icon-size-mobile)!important;height:var(--icon-size-mobile)!important}body.tab-mylist .learning-list{max-height:none!important;-webkit-text-size-adjust:100%!important;text-size-adjust:100%!important}body.tab-mylist .app-container{-webkit-text-size-adjust:100%!important;text-size-adjust:100%!important}}@media(pointer:coarse)and (orientation:portrait){.tab-bar{padding:var(--space-md) 0 env(safe-area-inset-bottom,0px)!important}}.learn-dock{display:none}@media(hover:none),(pointer:coarse){body.tab-learn .playback-header,body.tab-learn .playback-controls,body.tab-learn .playback-controls-row,body.tab-learn .position-slider-container{display:none}body.tab-learn .learn-dock{--dock-gap: var(--space-xs);--dock-margin: var(--space-2xl);--dock-padding-top: var(--nav-padding-top);--dock-padding-bottom: var(--space-md);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--dock-gap);position:fixed;inset:0 0 auto;width:100%;background:var(--bg-app);backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:0;padding:calc(var(--dock-padding-top) + env(safe-area-inset-top,0px)) var(--dock-margin) var(--dock-padding-bottom) var(--dock-margin);z-index:100;box-sizing:border-box;touch-action:pan-y pinch-zoom}.dock-row{display:flex;align-items:center;justify-content:center;width:100%;gap:var(--space-md)}.dock-config-row{order:1;gap:var(--space-lg)}.dock-controls-row{order:2;gap:var(--space-xs);justify-content:space-evenly}.dock-select{height:36px;padding:0 var(--space-md);border:1px solid var(--input-border);border-radius:var(--radius-lg);background:var(--surface-solid);font-size:var(--font-size-sm);color:var(--text-primary);cursor:pointer;flex:1;max-width:45%}.dock-select:hover{border-color:var(--border-accent)}.dock-select:focus{outline:none;border-color:var(--border-accent)}.dock-select:disabled{opacity:var(--disabled-opacity);cursor:not-allowed;color:var(--color-disabled)}.dock-config-row{flex-wrap:nowrap;gap:var(--space-xs)}.dock-config-row .dock-select{flex:1 1 0;min-width:0;max-width:none;box-sizing:border-box;padding:0 var(--space-xs);font-size:var(--font-size-2xs);height:36px;text-overflow:ellipsis;overflow:hidden}.dock-filter-select{font-size:var(--font-size-2xs)}.dock-slider-row{width:100%;padding:0;order:-1;position:relative;display:block;margin-bottom:var(--space-md)}.learn-dock.position-top .dock-slider-row{order:10;margin-bottom:0;margin-top:calc(var(--space-md) * -1)}.dock-slider-track-wrapper{position:relative;padding-top:var(--space-lg);width:100%;display:block;z-index:2}.learn-dock.position-top .dock-slider-track-wrapper{margin-bottom:calc(var(--space-md) * -1)}.dock-slider-min,.dock-slider-max,.dock-slider-current{position:absolute;top:-2px;font-size:var(--font-size-2xs);pointer-events:none;font-weight:var(--font-weight-medium);color:var(--text-muted)}.dock-slider-current{color:var(--text-accent);background:transparent;padding:0 1px;z-index:1;transition:transform .15s ease-out,font-size .15s ease-out,font-weight .15s ease-out}.dock-slider-current.dragging{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--brand-color-hover);transform:translate(-50%)}.dock-position-slider{--thumb-width: 20px;--dock-slider-progress: 0;width:100%;height:24px;-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer;touch-action:none}.dock-position-slider::-webkit-slider-runnable-track{width:100%;height:2px;background:linear-gradient(to right,transparent 0%,transparent 10px,var(--brand-color) 10px,var(--brand-color) calc(10px + (100% - 20px) * var(--dock-slider-progress, 0) / 100),var(--slider-track) calc(10px + (100% - 20px) * var(--dock-slider-progress, 0) / 100),var(--slider-track) calc(100% - 10px),transparent calc(100% - 10px),transparent 100%);border-radius:1px}.dock-position-slider::-moz-range-track{width:100%;height:2px;background:var(--slider-track);border-radius:1px}.dock-position-slider::-moz-range-progress{background:var(--brand-color);height:2px;border-radius:1px}.dock-position-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:radial-gradient(circle,var(--brand-color) 4px,transparent 4px);border-radius:var(--radius-full);cursor:grab;margin-top:-9px;transition:transform .15s ease,box-shadow .15s ease}.dock-position-slider::-webkit-slider-thumb:hover{background:radial-gradient(circle,var(--brand-color) 4px,rgba(var(--brand-color-rgb),.15) 4px)}.dock-position-slider::-webkit-slider-thumb:active{cursor:grabbing;background:radial-gradient(circle,var(--brand-color-hover) 4px,rgba(var(--brand-color-rgb),.2) 4px)}.dock-position-slider::-moz-range-thumb{width:20px;height:20px;background:radial-gradient(circle,var(--brand-color) 4px,transparent 4px);border-radius:var(--radius-full);cursor:grab;border:none}.dock-position-slider::-moz-range-thumb:active{cursor:grabbing}.dock-position-slider:focus{outline:none}.dock-position-slider:focus::-webkit-slider-thumb{box-shadow:0 0 0 2px var(--focus-ring)}.dock-position-slider:disabled{opacity:.35;cursor:not-allowed}.dock-position-slider:disabled::-webkit-slider-thumb{cursor:not-allowed;background:radial-gradient(circle,var(--color-disabled) 4px,transparent 4px)}.dock-btn{width:var(--touch-target-min);height:var(--touch-target-min);border:none;border-radius:var(--radius-lg);background:transparent;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease,opacity .15s ease;touch-action:manipulation;position:relative;flex-shrink:0}.dock-btn svg{fill:currentColor;stroke:currentColor;width:var(--icon-size-mobile);height:var(--icon-size-mobile);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dock-btn:active{background:#00000014}.dock-btn:disabled{opacity:var(--disabled-opacity);cursor:not-allowed;color:var(--color-disabled)}.dock-btn.play{color:var(--brand-color)}.dock-btn.pause,.dock-btn.add{color:var(--text-secondary)}.dock-btn.has-x-overlay{position:relative}.dock-btn.has-x-overlay .x-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;pointer-events:none;width:var(--icon-size-mobile);height:var(--icon-size-mobile)}.dock-btn.has-x-overlay.active .x-overlay,.dock-btn.mute.has-x-overlay .x-overlay{display:none}.dock-btn.mute.has-x-overlay.active .x-overlay{display:block}body.tab-learn .mobile-nav-container{display:none}}@media(pointer:coarse)and (orientation:landscape){body.tab-learn .learn-dock{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-xs) 0;min-height:auto;padding:var(--space-xs) env(safe-area-inset-right,8px) var(--space-xs) env(safe-area-inset-left,8px)}body.tab-learn .learn-dock.position-top{padding:var(--space-xs) env(safe-area-inset-right,8px) var(--space-xs) env(safe-area-inset-left,8px)}body.tab-learn .learn-dock .dock-config-row,body.tab-learn .learn-dock .dock-controls-row{display:contents}body.tab-learn .learn-dock .dock-slider-row{flex:0 0 100%;width:100%;max-width:none;display:block;position:relative;order:-1;margin-bottom:calc(var(--space-md) * -1)}body.tab-learn .learn-dock.position-top .dock-slider-row{order:10;margin-bottom:0;margin-top:calc(var(--space-md) * -1)}body.tab-learn .learn-dock .dock-slider-track-wrapper{padding-top:var(--space-lg);position:relative;width:100%}body.tab-learn .learn-dock.position-top .dock-slider-track-wrapper{margin-bottom:calc(var(--space-md) * -1)}body.tab-learn .learn-dock .dock-slider-min,body.tab-learn .learn-dock .dock-slider-max,body.tab-learn .learn-dock .dock-slider-current{position:absolute;top:-2px}body.tab-learn .learn-dock .dock-select{flex:0 0 auto;width:clamp(50px,10vw,80px);min-width:unset;max-width:unset;height:clamp(24px,4vw,28px);font-size:clamp(var(--font-size-2xs),1.5vw,var(--font-size-xs));padding:0 clamp(4px,.8vw,6px)}body.tab-learn .learn-dock .dock-btn{width:var(--touch-target-min);height:var(--touch-target-min);flex-shrink:0}body.tab-learn .learn-dock .dock-btn svg{width:var(--icon-size-mobile);height:var(--icon-size-mobile)}body.tab-learn .learn-dock .dock-btn.has-x-overlay .x-overlay{width:var(--icon-size-mobile);height:var(--icon-size-mobile)}body.tab-learn .playback-status{padding-left:calc(var(--space-2xl) + env(safe-area-inset-left,0px));padding-right:calc(var(--space-2xl) + env(safe-area-inset-right,0px))}body.tab-learn .familiarity-rating-bar{right:env(safe-area-inset-right,0px)}}@media(pointer:coarse)and (orientation:portrait){body.tab-learn .learn-dock{--dock-gap: var(--space-2xs);--dock-margin: var(--space-lg);--dock-padding-bottom: var(--space-xs)}body.tab-learn .learn-dock .dock-select{height:36px;font-size:var(--font-size-xs)}body.tab-learn .learn-dock .dock-controls-row{gap:var(--space-2xs)}}.mobile-nav-container{display:none}@media(hover:none),(pointer:coarse){.mobile-nav-container{display:flex;justify-content:space-between;position:fixed;bottom:70px;left:0;right:0;padding:0 var(--space-2xl);pointer-events:none;z-index:99}.mobile-nav-btn{pointer-events:auto;width:56px;height:56px;border-radius:var(--radius-full);border:none;background:var(--surface-translucent);box-shadow:var(--shadow-md);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;touch-action:manipulation;position:relative}.mobile-nav-btn svg{width:24px;height:24px;fill:currentColor;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mobile-nav-btn.back,.mobile-nav-btn.skip{color:var(--text-secondary)}.mobile-nav-btn:active{transform:scale(.95);background:var(--btn-secondary-bg)}.mobile-nav-btn:disabled{color:var(--color-disabled);opacity:.5;cursor:not-allowed;box-shadow:var(--shadow-sm)}.mobile-nav-btn:disabled:active{transform:none}}@media(max-width:400px){.mobile-nav-btn{width:48px;height:48px}.mobile-nav-btn svg{width:var(--icon-size-desktop);height:var(--icon-size-desktop)}}.playback-overlay,.floating-add-btn{display:none}@media(hover:hover)and (pointer:fine){body.tab-learn .floating-add-btn{display:flex;position:fixed;right:24px;bottom:24px;width:48px;height:48px;border:none;border-radius:var(--radius-full);background:var(--fab-bg-neutral);color:#fff;cursor:pointer;align-items:center;justify-content:center;box-shadow:var(--fab-shadow);transition:transform .15s ease,box-shadow .15s ease,background .15s ease;z-index:50}body.tab-learn .floating-add-btn svg{fill:currentColor;pointer-events:none}body.tab-learn .floating-add-btn:hover:not(:disabled){background:var(--fab-bg-neutral-hover);box-shadow:var(--fab-shadow-hover)}body.tab-learn .floating-add-btn:active:not(:disabled){transform:scale(.95)}body.tab-learn .floating-add-btn:disabled{opacity:.4;cursor:not-allowed}body.tab-learn .floating-add-btn.source-mylist{display:none!important}}@media(hover:none),(pointer:coarse){.playback-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:48px;background:transparent;border-radius:var(--radius-lg);opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease;z-index:10;pointer-events:none}.playback-overlay.active{opacity:1;visibility:visible;pointer-events:auto}.playback-overlay.hiding{opacity:0;pointer-events:none}body.tab-learn .playback-status{position:relative}.overlay-btn{width:64px;height:64px;border:none;border-radius:var(--radius-full);background:#50505080;color:#ffffffe6;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s ease,background .15s ease;touch-action:manipulation;position:relative}.overlay-btn svg{fill:currentColor;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.overlay-btn:active{transform:scale(.92);background:#8080804d}.overlay-btn:disabled{opacity:.4;cursor:not-allowed}.overlay-btn:disabled:active{transform:none}.overlay-back,.overlay-skip{width:46px;height:46px;color:#ffffffd9}.overlay-play-group{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg)}.overlay-quiz{width:46px;height:46px;color:#ffffffe6}.overlay-quiz svg{fill:none;stroke:currentColor}.overlay-play,.overlay-pause{width:62px;height:62px;color:#fffffff2}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes overlayFadeOut{0%{opacity:1}to{opacity:0}}.floating-add-btn{display:flex;position:absolute;right:0;top:35%;width:var(--touch-target-min);height:var(--touch-target-min);border:none;border-radius:var(--radius-full);background:var(--fab-bg-neutral);color:#ffffffe6;cursor:grab;align-items:center;justify-content:center;transition:background .15s ease,opacity .15s ease,box-shadow .15s ease;touch-action:none;z-index:15;user-select:none;-webkit-user-select:none}.floating-add-btn svg{fill:currentColor;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.floating-add-btn:active{cursor:grabbing;background:var(--fab-bg-neutral-active);box-shadow:var(--fab-shadow-hover)}.floating-add-btn:disabled{opacity:.4;cursor:not-allowed}.floating-add-btn:disabled:active{background:var(--fab-bg-neutral);box-shadow:none}.floating-add-btn.source-mylist{display:none!important}}.mylist-input-fab{display:none}@media(hover:none),(pointer:coarse){body.tab-mylist .mylist-input-fab{display:flex;position:fixed;right:16px;bottom:calc(60px + env(safe-area-inset-bottom,0px));width:56px;height:56px;border:none;border-radius:var(--radius-full);background:var(--fab-bg-brand);color:#fff;cursor:pointer;align-items:center;justify-content:center;box-shadow:var(--fab-shadow);transition:transform .15s ease,box-shadow .15s ease;touch-action:none;z-index:50}body.tab-mylist .mylist-input-fab svg{fill:currentColor;pointer-events:none}body.tab-mylist .mylist-input-fab:active{transform:scale(.92);background:var(--fab-bg-brand-hover);box-shadow:var(--fab-shadow-hover)}}@media(hover:hover)and (pointer:fine){body.tab-mylist .mylist-input-fab{display:flex;position:fixed;right:24px;bottom:24px;width:48px;height:48px;border:none;border-radius:var(--radius-full);background:var(--fab-bg-brand);color:#fff;cursor:pointer;align-items:center;justify-content:center;box-shadow:var(--fab-shadow);transition:transform .15s ease,box-shadow .15s ease,background .15s ease;z-index:50}body.tab-mylist .mylist-input-fab svg{fill:currentColor;pointer-events:none}body.tab-mylist .mylist-input-fab:hover{background:var(--fab-bg-brand-hover);box-shadow:var(--fab-shadow-hover)}body.tab-mylist .mylist-input-fab:active{transform:scale(.95)}}.mylist-fam-chips{display:none}body.tab-mylist .mylist-fam-chips{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-sm);position:fixed;z-index:51;visibility:hidden;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .15s ease,transform .15s ease,visibility 0s linear .15s}body.tab-mylist .mylist-fam-chips.expanded{visibility:visible;opacity:1;transform:translateY(0);pointer-events:auto;transition:opacity .15s ease,transform .15s ease,visibility 0s linear 0s}.mylist-fam-hint{display:none;text-align:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-secondary);background:var(--bg-card);padding:var(--space-sm) var(--space-md);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--fab-shadow);margin-bottom:var(--space-xs);white-space:nowrap}.mylist-fam-chips.show-hint .mylist-fam-hint{display:block}.mylist-fam-chip{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-xl);background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-2xl);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;box-shadow:var(--fab-shadow);min-height:var(--touch-target-min, 44px);white-space:nowrap;transition:border-color .15s ease,color .15s ease,transform .15s ease}.mylist-fam-chip:hover,.mylist-fam-chip:focus-visible{border-color:var(--brand-color);color:var(--brand-color);outline:none}.mylist-fam-chip:active{transform:scale(.96)}.mylist-fam-chip-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.mylist-fam-chip-icon svg{pointer-events:none}.input-bottom-sheet{position:fixed;inset:0;z-index:10000;display:block;pointer-events:none;visibility:hidden}.input-bottom-sheet.active{pointer-events:auto;visibility:visible}.input-sheet-backdrop{position:absolute;inset:0;background:#00000080;opacity:0;transition:opacity .25s ease}.input-bottom-sheet.active .input-sheet-backdrop{opacity:1}.input-sheet-content{position:fixed;bottom:0;left:0;right:0;background:var(--surface-solid);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;padding:var(--space-2xl);padding-bottom:calc(var(--space-2xl) + env(safe-area-inset-bottom,0px));transform:translateY(100%);transition:transform .25s ease-out;box-shadow:0 -4px 20px #00000026;max-height:90vh;overflow-y:auto}.input-bottom-sheet.active .input-sheet-content{transform:translateY(0)}.input-sheet-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2xl)}.input-sheet-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.input-sheet-close{width:30px;height:30px;border:none;background:none;border-radius:var(--radius-sm);font-size:var(--font-size-3xl);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:all .2s ease}.input-sheet-close:hover{background:var(--bg-badge);color:var(--text-primary)}.input-bottom-sheet .input-wrapper{margin-bottom:var(--space-xl)}.input-bottom-sheet #sheetSmartInput{width:100%;padding:var(--space-xl) var(--space-2xl);border:1px solid var(--input-border);border-radius:var(--radius-lg);font-size:var(--font-size-xl);background:var(--surface-solid);box-sizing:border-box;transition:border-color .2s ease,background .2s ease}.input-bottom-sheet #sheetSmartInput:focus{outline:none;border-color:var(--border-accent);background:var(--surface-solid)}.input-bottom-sheet .umlaut-picker{display:flex;gap:var(--space-sm);justify-content:center;flex-wrap:nowrap}.input-bottom-sheet .umlaut-btn{min-width:36px;width:auto;padding:0 var(--space-md);height:var(--touch-target-min);border:1px solid var(--input-border);border-radius:var(--radius-md);background:var(--surface-solid);font-size:var(--font-size-2xl);cursor:pointer;transition:background .15s ease,border-color .15s ease;box-shadow:var(--shadow-key)}.input-bottom-sheet .umlaut-btn:hover{background:var(--bg-card);border-color:var(--input-border)}.input-bottom-sheet .umlaut-btn:active{background:var(--btn-secondary-bg)}[data-tooltip]{position:relative;overflow:visible!important}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);padding:var(--tooltip-padding)!important;background:var(--tooltip-bg)!important;backdrop-filter:var(--tooltip-blur);-webkit-backdrop-filter:var(--tooltip-blur);color:var(--tooltip-color)!important;font-size:var(--tooltip-font-size)!important;border-radius:var(--tooltip-radius);box-shadow:var(--tooltip-shadow);height:auto!important;line-height:var(--line-height-snug)!important;font-weight:var(--font-weight-normal)!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .15s ease,visibility .15s ease;pointer-events:none;z-index:10000}[data-tooltip]:hover:after{opacity:1;visibility:visible;transition-delay:.2s}[data-tooltip].tooltip-left:after{left:0;transform:none;margin-left:-8px}[data-tooltip].tooltip-right:after{left:auto;right:0;transform:none}[data-tooltip].tooltip-below:after{bottom:auto;top:calc(100% + 6px)}[data-tooltip]:after{max-width:calc(100vw - 20px)}@media(hover:hover)and (pointer:fine){body.tab-learn .playback-controls-row [data-tooltip]:after,.mylist-sticky-header [data-tooltip]:after{bottom:auto;top:calc(100% + var(--space-sm))}}@media(hover:none){[data-tooltip]:after{display:none}}.mobile-tooltip-flash{position:fixed;z-index:10000;background:var(--tooltip-bg);backdrop-filter:var(--tooltip-blur);-webkit-backdrop-filter:var(--tooltip-blur);color:var(--tooltip-color);font-size:var(--tooltip-font-size);padding:var(--tooltip-padding);border-radius:var(--tooltip-radius);box-shadow:var(--tooltip-shadow);white-space:nowrap;pointer-events:none;animation:mobileTooltipFade 1.2s ease-out forwards}@keyframes mobileTooltipFade{0%,50%{opacity:1}to{opacity:0}}.tts-word{transition:background-color .1s ease;border-radius:var(--radius-sm)}.tts-word-active{background-color:rgba(var(--brand-color-rgb),.25);border-radius:var(--radius-sm)}[data-theme=dark] .tts-word-active{background-color:rgba(var(--brand-color-rgb),.35);border-radius:var(--radius-sm)}.fullscreen-overlay .tts-word-active,.screensaver-overlay .tts-word-active{background-color:rgba(var(--brand-color-rgb),.4)}.tts-annotation{opacity:.5}.exams-tab{padding:var(--space-2xl);max-width:600px;margin:0 auto}.panel-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-md) 0}.panel-content{width:100%}.panel-instructions{color:var(--text-secondary);font-size:var(--font-size-md);margin-bottom:var(--space-2xl);line-height:var(--line-height-normal)}.transcribe-mode-toggle{display:flex;gap:0;margin-bottom:var(--space-2xl);border:1px solid var(--border-medium);border-radius:var(--radius-lg);overflow:hidden;width:fit-content}.transcribe-mode-btn{padding:var(--space-sm) var(--space-2xl);border:none;background:var(--bg-card);color:var(--text-secondary);font-size:var(--font-size-md);cursor:pointer;font-weight:var(--font-weight-medium);transition:background .15s,color .15s}.transcribe-mode-btn.active{background:var(--brand-color);color:#fff}[data-theme=dark] .transcribe-mode-toggle{border-color:var(--border-light)}[data-theme=dark] .transcribe-mode-btn{background:var(--bg-list-items)}[data-theme=dark] .transcribe-mode-btn.active{background:var(--brand-color);color:#fff}.transcribe-record-area{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);margin-bottom:var(--space-2xl)}.transcribe-record-btn{width:80px;height:80px;border-radius:var(--radius-full);border:3px solid var(--brand-color);background:none;color:var(--brand-color);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .2s ease}.transcribe-record-btn:hover{background:var(--brand-color);color:#fff}.transcribe-record-btn.recording{border-color:var(--color-error);background:var(--color-error);color:#fff;animation:transcribe-pulse 1.5s infinite}@keyframes transcribe-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.panel-timer{font-size:var(--font-size-sm);color:var(--text-secondary);font-variant-numeric:tabular-nums}.panel-upload-area{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding-top:var(--space-2xl);border-top:1px solid var(--border-divider)}.panel-upload-btn{background:none;border:1px solid var(--border-subtle);color:var(--text-secondary);padding:var(--space-md) var(--space-2xl);border-radius:var(--radius-lg);font-size:var(--font-size-md);cursor:pointer}.panel-upload-btn:hover{border-color:var(--brand-color);color:var(--brand-color)}.panel-upload-hint{font-size:var(--font-size-xs);color:var(--text-muted)}.panel-loading{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);padding:var(--space-3xl) 0}.panel-spinner{width:40px;height:40px;border:3px solid var(--border-subtle);border-top-color:var(--brand-color);border-radius:var(--radius-full);animation:transcribe-spin .8s linear infinite}@keyframes transcribe-spin{to{transform:rotate(360deg)}}.transcribe-audio-player{width:100%;margin-bottom:var(--space-2xl);border-radius:var(--radius-lg)}.transcribe-loop-notice{background:rgba(var(--brand-color-rgb),.1);border-left:3px solid var(--brand-color);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--text-primary);margin-bottom:var(--space-2xl);font-weight:var(--font-weight-medium)}.transcribe-full-text-toggle{background:none;border:none;color:var(--brand-color);font-size:var(--font-size-xs);cursor:pointer;padding:var(--space-xs) 0;text-decoration:underline;margin-top:var(--space-xs)}.transcribe-full-text-block{margin-top:var(--space-md);padding:var(--space-md);background:var(--bg-list-items);border-radius:var(--radius-sm);border:1px solid var(--border-light)}.transcribe-full-text{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-loose);white-space:pre-line}[data-theme=dark] .transcribe-loop-notice{background:rgba(var(--brand-color-rgb),.15)}.transcribe-rotate-controls{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)}.transcribe-rotate-btn{width:32px;height:32px;border-radius:var(--radius-lg);border:1px solid var(--border-medium);background:var(--bg-card);color:var(--text-primary);font-size:var(--font-size-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0}.transcribe-rotate-btn:active{background:var(--bg-hover)}.transcribe-rotate-counter{font-size:var(--font-size-sm);color:var(--text-secondary);min-width:40px;text-align:center;font-variant-numeric:tabular-nums}.transcribe-rotate-hint{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-left:var(--space-xs)}[data-theme=dark] .transcribe-rotate-btn{border-color:var(--border-light);background:var(--bg-list-items)}[data-theme=dark] .transcribe-rotate-btn:active{background:var(--bg-hover)}[data-theme=dark] .transcribe-full-text-block{background:var(--bg-list-items);border-color:var(--border-light)}.transcribe-result-block{margin-bottom:var(--space-2xl)}.transcribe-result-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);margin-bottom:var(--space-xs);text-transform:uppercase;letter-spacing:.05em}.transcribe-german-text{font-size:var(--font-size-lg);color:var(--text-primary);line-height:var(--line-height-relaxed)}.transcribe-english-text{font-size:var(--font-size-md);color:var(--text-secondary);line-height:var(--line-height-relaxed)}.transcribe-colloquial-notes{background:var(--bg-list-items);border-left:3px solid var(--color-warning);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--text-primary);margin-bottom:var(--space-2xl)}.transcribe-word-list{display:flex;flex-direction:column;gap:var(--space-xs)}.transcribe-word-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:var(--font-size-md)}.transcribe-word-item.in-dictionary{border-left:3px solid var(--brand-color)}.transcribe-word-item.is-colloquial{border-left:3px solid var(--color-warning)}.transcribe-word-info{flex:1;min-width:0}.transcribe-word-german{font-weight:var(--font-weight-semibold);color:var(--text-primary)}.transcribe-word-english{font-size:var(--font-size-sm);color:var(--text-secondary)}.transcribe-word-type{font-size:var(--font-size-xs);color:var(--text-muted);margin-left:var(--space-xs)}.transcribe-word-note{font-size:var(--font-size-xs);color:var(--color-warning)}.transcribe-word-badge{font-size:var(--font-size-2xs);padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius-sm);background:var(--bg-badge);color:var(--text-secondary);margin-left:var(--space-xs)}.transcribe-known-badge{font-size:var(--font-size-xs);color:var(--brand-color);white-space:nowrap;flex-shrink:0;margin-left:var(--space-md)}.transcribe-add-btn{background:none;border:1px solid var(--brand-color);color:var(--brand-color);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;white-space:nowrap;flex-shrink:0;margin-left:var(--space-md)}.transcribe-add-btn:hover{background:var(--brand-color);color:#fff}.transcribe-add-btn.added{border-color:var(--color-success);color:var(--color-success);cursor:default}.panel-action-btn,.panel-retry-btn{display:block;width:100%;padding:var(--space-md);background:none;border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:var(--radius-lg);font-size:var(--font-size-sm);cursor:pointer;margin-top:var(--space-lg)}.panel-action-btn:hover,.panel-retry-btn:hover{border-color:var(--brand-color);color:var(--brand-color)}.panel-error{color:var(--color-error);text-align:center;padding:var(--space-2xl) 0;font-size:var(--font-size-md)}.transcribe-no-record{color:var(--text-secondary);font-size:var(--font-size-sm);text-align:center;padding:var(--space-md) 0;margin:0}.transcribe-no-words{color:var(--text-muted);font-size:var(--font-size-sm);text-align:center;padding:var(--space-lg)}.transcribe-word-grammar{font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:var(--space-2xs)}.transcribe-word-relations{margin-top:var(--space-xs);font-size:var(--font-size-xs);line-height:var(--line-height-loose)}.transcribe-rel-label{color:var(--text-muted);font-weight:var(--font-weight-semibold);margin-right:var(--space-2xs)}.transcribe-rel-tag{display:inline-block;padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius-sm);background:var(--bg-badge);color:var(--text-secondary);margin-right:var(--space-2xs);margin-bottom:var(--space-2xs)}.image-vocab-capture-area{display:flex;gap:var(--space-md);justify-content:center;margin:var(--space-xl) 0}.image-vocab-preview-img{display:block;max-width:100%;max-height:200px;margin:var(--space-md) auto;border-radius:var(--radius-lg);object-fit:contain}.image-vocab-hint-area{margin:var(--space-md) 0}.image-vocab-hint-input{width:100%;box-sizing:border-box;padding:var(--space-md);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-solid);color:var(--text-primary);font-size:var(--font-size-md)}.image-vocab-hint-input:focus{outline:none;border-color:var(--brand-color)}.image-vocab-analyze-btn{width:100%;margin-top:var(--space-md);background:var(--brand-color)!important;color:#fff!important;border:none!important;font-weight:var(--font-weight-semibold)}.image-vocab-scene-summary{padding:var(--space-xl);background:var(--bg-secondary);border-radius:var(--radius-lg);margin-bottom:var(--space-xl)}.image-vocab-scene-german{font-size:var(--font-size-md);color:var(--text-primary);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-xs)}.image-vocab-scene-english{font-size:var(--font-size-sm);color:var(--text-secondary)}.image-vocab-word-cards{display:flex;flex-direction:column;gap:var(--space-md)}.image-vocab-word-card{padding:var(--space-xl);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-solid)}.image-vocab-word-header{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-xs)}.image-vocab-german{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary)}.image-vocab-ipa{font-size:var(--font-size-sm);color:var(--text-muted)}.image-vocab-type{font-size:var(--font-size-xs);padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius-sm);background:var(--bg-badge);color:var(--text-secondary)}.image-vocab-english{font-size:var(--font-size-md);color:var(--text-secondary);margin-bottom:var(--space-xs)}.image-vocab-grammar{font-size:var(--font-size-xs);color:var(--text-secondary);margin-bottom:var(--space-xs)}.image-vocab-note{font-size:var(--font-size-xs);color:var(--text-muted);margin-bottom:var(--space-xs)}.image-vocab-rels{font-size:var(--font-size-xs);line-height:var(--line-height-loose);margin-bottom:var(--space-sm)}.image-vocab-known-badge{display:inline-block;font-size:var(--font-size-xs);color:var(--text-muted);border:1px solid var(--border-subtle);padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-sm)}.image-vocab-actions{display:flex;gap:var(--space-md);margin-top:var(--space-xl)}.image-vocab-actions .panel-action-btn{flex:1;margin-top:0}.scenes-section{padding:var(--space-2xl);padding-bottom:calc(var(--space-3xl) + 70px)}.scenes-index-header{text-align:center;margin-bottom:var(--space-2xl)}.scenes-index-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-xs) 0}.scenes-index-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.scenes-category{margin-bottom:var(--space-2xl)}.scenes-category-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.scenes-category-icon{font-size:var(--font-size-xl)}.scenes-category-name{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.scenes-category-name-en{font-size:var(--font-size-xs);color:var(--text-secondary);font-weight:var(--font-weight-normal)}.scenes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.scenes-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-xl);cursor:pointer;transition:background .15s;min-height:var(--touch-target-min);display:flex;flex-direction:column;justify-content:center}.scenes-card:active{background:var(--bg-hover)}.scenes-card-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-2xs) 0}.scenes-card-name-en{font-size:var(--font-size-xs);color:var(--text-secondary);margin:0}.scenes-card-count{font-size:var(--font-size-2xs);color:var(--text-tertiary);margin-top:var(--space-xs)}.scenes-detail-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-2xl);position:sticky;top:0;background:var(--bg-app);padding:var(--space-md) 0;z-index:5}.scenes-back-btn{background:none;border:none;color:var(--text-secondary);font-size:var(--font-size-lg);cursor:pointer;padding:var(--space-sm);min-width:var(--touch-target-min);min-height:var(--touch-target-min);display:flex;align-items:center;justify-content:center}.scenes-detail-title{flex:1}.scenes-detail-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.scenes-detail-name-en{font-size:var(--font-size-xs);color:var(--text-secondary);margin:0}.scenes-nav-btn{background:none;border:none;color:var(--text-secondary);font-size:var(--font-size-lg);cursor:pointer;padding:var(--space-sm);min-width:var(--touch-target-min);min-height:var(--touch-target-min);display:flex;align-items:center;justify-content:center}.scenes-nav-btn:disabled{opacity:.3;cursor:default}.scenes-word-list{display:flex;flex-direction:column;gap:var(--space-sm)}.scenes-word-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.scenes-word-summary{display:flex;align-items:center;padding:var(--space-lg) var(--space-xl);cursor:pointer;min-height:var(--touch-target-min);gap:var(--space-md)}.scenes-word-summary:active{background:var(--bg-hover)}.scenes-word-german{font-weight:var(--font-weight-semibold);color:var(--text-primary);flex:1}.scenes-word-english{color:var(--text-secondary);font-size:var(--font-size-sm);text-align:right}.scenes-word-expand{color:var(--text-tertiary);font-size:var(--font-size-xs);transition:transform .2s}.scenes-word-card.expanded .scenes-word-expand{transform:rotate(180deg)}.scenes-word-details{display:none;padding:0 var(--space-xl) var(--space-xl);border-top:1px solid var(--border-color)}.scenes-word-card.expanded .scenes-word-details{display:block}.scenes-word-ipa{color:var(--text-secondary);font-size:var(--font-size-sm);font-family:Noto Sans,sans-serif;margin-bottom:var(--space-sm)}.scenes-word-def{color:var(--text-primary);font-size:var(--font-size-sm);margin-bottom:var(--space-sm)}.scenes-word-example{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-sm)}.scenes-word-grammar{color:var(--text-secondary);font-size:var(--font-size-xs);white-space:pre-line;margin-bottom:var(--space-md);background:var(--bg-hover);padding:var(--space-md);border-radius:var(--radius-md)}.scenes-word-actions{display:flex;gap:var(--space-md);align-items:center}.scenes-add-btn{background:var(--brand-color);color:#fff;border:none;border-radius:var(--radius-lg);padding:var(--space-sm) var(--space-xl);font-size:var(--font-size-sm);cursor:pointer;min-height:var(--touch-target-min)}.scenes-add-btn.added{background:var(--bg-hover);color:var(--text-secondary);cursor:default}.scenes-known-badge{font-size:var(--font-size-xs);color:var(--text-tertiary);background:var(--bg-hover);padding:var(--space-2xs) var(--space-md);border-radius:var(--radius-md)}.scenes-speak-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--space-sm);min-width:var(--touch-target-min);min-height:var(--touch-target-min);display:inline-flex;align-items:center;justify-content:center}@media(min-width:769px){.scenes-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1200px){.scenes-grid{grid-template-columns:repeat(4,1fr)}}.grammar-section{padding:var(--space-2xl) var(--space-2xl) 120px;overflow-y:auto;-webkit-overflow-scrolling:touch}.grammar-subtab-toggle{display:flex;justify-content:center;gap:var(--space-xs);margin-bottom:var(--space-2xl)}.grammar-subtab-btn{padding:var(--space-sm) var(--space-2xl);border:1px solid var(--border-light);background:transparent;color:var(--text-secondary);border-radius:var(--radius-2xl);font-size:var(--font-size-sm);cursor:pointer}.grammar-subtab-btn.active{background:var(--brand-color);color:#fff;border-color:var(--brand-color)}.grammar-index-header{text-align:center;margin-bottom:var(--space-2xl)}.grammar-index-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.grammar-index-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin:var(--space-xs) 0 0}.grammar-category{margin-bottom:var(--space-2xl)}.grammar-category-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)}.grammar-category-icon{font-size:var(--font-size-xl)}.grammar-category-name{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.grammar-category-name-en{font-weight:var(--font-weight-normal);color:var(--text-secondary);font-size:var(--font-size-sm);margin-left:var(--space-xs)}.grammar-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.grammar-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-xl);cursor:pointer;transition:background .15s;min-height:var(--touch-target-min, 44px);display:flex;flex-direction:column;justify-content:center}.grammar-card:active{background:var(--bg-hover)}.grammar-card-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.grammar-card-title-en{font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:var(--space-2xs)}.grammar-card-meta{margin-top:var(--space-sm);display:flex;gap:var(--space-xs);flex-wrap:wrap}.grammar-level-badge{font-size:var(--font-size-2xs);padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);background:var(--bg-hover);color:var(--text-secondary)}.grammar-level-a1,.grammar-level-a2,.grammar-level-b1,.grammar-level-b2,.grammar-level-c1,.grammar-level-c2{background:var(--bg-badge);color:var(--text-secondary)}.grammar-detail-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);position:sticky;top:0;background:var(--surface-solid);padding:var(--space-md) 0;z-index:5}.grammar-back-btn{background:none;border:none;font-size:var(--font-size-xl);cursor:pointer;color:var(--brand-color);padding:var(--space-sm);min-width:var(--touch-target-min, 44px);min-height:var(--touch-target-min, 44px);display:flex;align-items:center;justify-content:center}.grammar-detail-title{flex:1;min-width:0}.grammar-detail-name{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--text-primary)}.grammar-detail-name-en{font-size:var(--font-size-sm);color:var(--text-secondary)}.grammar-nav-btn{background:none;border:none;font-size:var(--font-size-md);cursor:pointer;color:var(--brand-color);padding:var(--space-sm);min-width:var(--touch-target-min, 44px);min-height:var(--touch-target-min, 44px);display:flex;align-items:center;justify-content:center}.grammar-nav-btn:disabled{color:var(--text-tertiary);cursor:default}.grammar-detail-meta{display:flex;gap:var(--space-xs);margin-bottom:var(--space-lg)}.grammar-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:var(--space-lg)}.grammar-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm);white-space:nowrap}.grammar-table th,.grammar-table td{padding:var(--space-sm) var(--space-lg);border:1px solid var(--border-light);text-align:left}.grammar-table thead th{background:var(--bg-hover);font-weight:var(--font-weight-bold);color:var(--text-primary)}.grammar-table tbody th{font-weight:var(--font-weight-semibold);background:var(--bg-hover);color:var(--text-primary)}.grammar-table tbody td{color:var(--text-primary)}.grammar-table tbody tr:nth-child(2n) td{background:var(--bg-card)}.grammar-table-sm{font-size:var(--font-size-xs)}.grammar-footer-table{margin-top:var(--space-lg)}.grammar-footer-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);margin-bottom:var(--space-sm)}.grammar-rule-block{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-md)}.grammar-rule-heading{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-md)}.grammar-rule-examples{display:flex;flex-direction:column;gap:var(--space-sm)}.grammar-example-pair{padding-left:var(--space-xl)}.grammar-example-de{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:var(--font-weight-medium)}.grammar-example-en{font-size:var(--font-size-xs);color:var(--text-tertiary)}.grammar-list{display:flex;flex-direction:column;gap:var(--space-md)}.grammar-list-item{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-xl)}.grammar-list-term{display:flex;align-items:baseline;gap:var(--space-md);margin-bottom:var(--space-sm)}.grammar-list-word{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--brand-color)}.grammar-list-meaning{font-size:var(--font-size-sm);color:var(--text-secondary)}.grammar-list-example{padding-left:var(--space-xl);margin-top:var(--space-xs)}.grammar-notes{margin-top:var(--space-lg);padding:var(--space-xl);background:var(--bg-hover);border-radius:var(--radius-lg);font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-relaxed)}.grammar-page-counter{text-align:center;margin-top:var(--space-2xl);font-size:var(--font-size-xs);color:var(--text-tertiary)}@media(min-width:769px){.grammar-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1200px){.grammar-grid{grid-template-columns:repeat(4,1fr)}}.explore-subtab-toggle{display:flex;justify-content:center;gap:var(--space-xs);padding:var(--space-md) var(--space-lg);background:var(--bg-app);position:sticky;top:0;z-index:110}@media(hover:hover)and (pointer:fine){.explore-subtab-toggle{position:fixed;top:0;left:0;right:0;padding-top:calc(var(--mylist-header-tab-area) + var(--space-md));z-index:150;will-change:transform}}.explore-subtab-btn{padding:var(--space-sm) var(--space-2xl);background:transparent;border:1px solid var(--border-light);border-radius:var(--radius-2xl);cursor:pointer;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:color .2s ease,background .2s ease,border-color .2s ease}.explore-subtab-btn:hover{color:var(--text-primary);border-color:var(--border-medium)}.explore-subtab-btn.active{color:var(--brand-color);background:rgba(var(--brand-color-rgb),.08);border-color:var(--brand-color)}.explore-content{padding:0}.explore-tips-content .tips-filter-row{display:flex;gap:var(--space-md);padding:var(--space-md) var(--space-2xl)}.practice-subtab-toggle{display:flex;justify-content:center;gap:var(--space-xs);padding:var(--space-md) var(--space-lg);background:var(--bg-app);position:sticky;top:0;z-index:110}@media(hover:hover)and (pointer:fine){.practice-subtab-toggle{position:fixed;top:0;left:0;right:0;padding-top:calc(var(--mylist-header-tab-area) + var(--space-md));z-index:150}}.practice-subtab-btn{padding:var(--space-sm) var(--space-2xl);background:transparent;border:1px solid var(--border-light);border-radius:var(--radius-2xl);cursor:pointer;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:color .2s ease,background .2s ease,border-color .2s ease}.practice-subtab-btn:hover{color:var(--text-primary);border-color:var(--border-medium)}.practice-subtab-btn.active{color:var(--brand-color);background:rgba(var(--brand-color-rgb),.08);border-color:var(--brand-color)}.practice-content{padding:0}.practice-content .panel-content{display:block}.me-section{max-width:600px;margin:0 auto;padding:var(--space-2xl)}.me-jump-row{display:flex;gap:var(--space-xs);padding:var(--space-md) var(--space-lg);background:var(--bg-app);position:sticky;top:0;z-index:110;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.me-jump-row::-webkit-scrollbar{display:none}.me-jump-btn{flex:0 0 auto;padding:var(--space-sm) var(--space-2xl);background:transparent;border:1px solid var(--border-light);border-radius:var(--radius-2xl);cursor:pointer;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap;transition:color .2s ease,background .2s ease,border-color .2s ease}.me-jump-btn:hover{color:var(--text-primary);border-color:var(--border-medium)}.me-jump-btn.active{color:var(--brand-color);background:rgba(var(--brand-color-rgb),.08);border-color:var(--brand-color)}@media(hover:none),(pointer:coarse){.me-section{padding-top:var(--space-2xl)}.me-jump-row{padding-top:calc(var(--space-md) + env(safe-area-inset-top,0px))}}@media(hover:hover)and (pointer:fine){.me-jump-row{position:fixed;top:0;left:0;right:0;padding-top:calc(var(--mylist-header-tab-area) + var(--space-md));z-index:150;justify-content:center;will-change:transform}}.more-subtab-toggle{display:flex;justify-content:center;padding:var(--space-xs) 0;background:var(--bg-app);position:sticky;top:0;z-index:110}.more-subtab-btn{display:flex;align-items:center;justify-content:center;padding:var(--space-md) var(--space-3xl);background:transparent;border:none;cursor:pointer;color:var(--tab-btn-color);transition:color .2s ease}.more-subtab-btn svg{font-size:var(--tab-icon-size);line-height:var(--line-height-none)}.more-subtab-btn:hover{color:var(--tab-btn-color-active)}.more-subtab-btn.active{color:var(--tab-btn-color-active);background:rgba(var(--brand-color-rgb),.08)}@media(hover:hover)and (pointer:fine){.more-subtab-btn{padding:var(--space-xs) var(--space-3xl)}.more-subtab-btn svg{font-size:var(--font-size-xl)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}