:root{--theme-color-primary: #4f46e5;--theme-color-primary-dark: #4338ca;--theme-color-secondary: #06b6d4;--theme-color-success: #22c55e;--theme-color-warning: #f59e0b;--theme-color-error: #ef4444;--theme-color-bg: #f8fafc;--theme-color-surface: #ffffff;--theme-color-text: #1e293b;--theme-color-text-muted: #64748b;--theme-color-border: #e2e8f0;--theme-color-overlay: rgba(0, 0, 0, .5);--theme-color-focus: rgba(79, 70, 229, .3);--theme-color-improver-easier: #FDD525;--theme-color-improver-harder: #55185D;--theme-color-improver-topics: #f97316;--theme-color-improver-age: #4f46e5;--theme-color-comment-reply-bg: #f1f5f9;--theme-color-video-tag-bg: #fee2e2;--theme-color-video-tag-text: #991b1b;--theme-color-neon-orange: #ff6a00;--theme-color-neon-cyan: #00f5ff;--theme-color-neon-pink: #ff2d95;--theme-color-neon-lime: #b8ff00;--theme-color-neon-violet: #bf5af2;--theme-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, "Noto Sans JP", sans-serif;--theme-font-size-xs: .75rem;--theme-font-size-sm: .875rem;--theme-font-size-md: 1rem;--theme-font-size-lg: 1.125rem;--theme-font-size-xl: 1.25rem;--theme-font-size-2xl: 1.5rem;--theme-font-size-3xl: 2rem;--theme-font-weight-normal: 400;--theme-font-weight-medium: 500;--theme-font-weight-semibold: 600;--theme-font-weight-bold: 700;--theme-line-height-tight: 1.25;--theme-line-height-normal: 1.5;--theme-line-height-relaxed: 1.75;--theme-letter-spacing-normal: 0;--theme-letter-spacing-wide: .025em;--theme-spacing-xs: .25rem;--theme-spacing-sm: .5rem;--theme-spacing-md: 1rem;--theme-spacing-lg: 1.5rem;--theme-spacing-xl: 2rem;--theme-spacing-2xl: 3rem;--theme-radius-sm: .25rem;--theme-radius-md: .5rem;--theme-radius-lg: .75rem;--theme-radius-xl: 1rem;--theme-radius-full: 9999px;--theme-border-width-thin: 1px;--theme-border-width-normal: 2px;--theme-border-width-thick: 3px;--theme-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--theme-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--theme-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--theme-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1);--theme-transition-fast: .15s ease;--theme-transition-base: .25s ease;--theme-transition-slow: .35s ease;--theme-ease-ease: ease;--theme-ease-ease-in: ease-in;--theme-ease-ease-out: ease-out;--theme-ease-ease-in-out: ease-in-out;--theme-z-base: 0;--theme-z-dropdown: 10;--theme-z-sticky: 20;--theme-z-fixed: 30;--theme-z-modal: 40;--theme-z-popover: 50;--theme-hint-bg: var(--theme-color-surface);--theme-hint-border: var(--theme-color-border);--theme-hint-text: var(--theme-color-text-muted);--theme-hint-text-hover: var(--theme-color-primary);--theme-hint-size: 48px;--theme-hint-icon-size: 24px;--theme-hint-icon-height: 32px;--theme-hint-gap: var(--theme-spacing-xl);--theme-hint-radius: var(--theme-radius-full);--theme-hint-pulse-duration: 2s;--theme-hint-stagger-delay: 1s;--theme-story-page-bg: #ffffff;--theme-story-page-padding: 16px;--theme-story-footer-height: 40px;--theme-story-footer-border-top: 1px;--theme-story-footer-border-color: var(--theme-color-border);--theme-story-swipe-hint-font-size: .75rem;--theme-story-swipe-hint-color: var(--theme-color-text-muted);--theme-story-swipe-hint-hover-color: var(--theme-color-text);--theme-story-swipe-hint-opacity: .7;--theme-story-list-gap: 2px;--theme-story-item-padding: var(--theme-spacing-xs) var(--theme-spacing-sm);--theme-story-item-border-radius: var(--theme-radius-lg);--theme-story-item-border: var(--theme-border-width-normal);--theme-story-item-border-color: var(--theme-color-border);--theme-story-item-border-hover: var(--theme-color-primary);--theme-story-item-bg: var(--theme-color-surface);--theme-story-item-bg-hover: color-mix(in srgb, var(--theme-color-primary) 10%, white);--theme-story-item-bg-selected: #fef9c3;--theme-story-title-font-size: var(--theme-font-size-xl);--theme-story-title-font-weight: var(--theme-font-weight-semibold);--theme-story-title-color: var(--theme-color-text);--theme-story-description-font-size: var(--theme-font-size-sm);--theme-story-description-color: var(--theme-color-text-muted);--theme-story-meta-font-size: var(--theme-font-size-xs);--theme-story-meta-color: var(--theme-color-text-muted);--theme-story-filter-bar-tab-border-color: #e2e8f0;--theme-story-filter-bar-tab-border-radius: .75rem;--theme-story-filter-bar-tab-bg: transparent;--theme-story-filter-bar-tab-font-size: .8rem;--theme-story-filter-bar-tab-text-color: #64748b;--theme-story-filter-bar-tab-active-bg: #f0f9ff;--theme-story-filter-bar-tab-active-border-color: #4f46e5;--theme-story-filter-bar-tab-active-text-color: #1e293b;--theme-story-filter-bar-tab-sort-bg: #f8fafc;--theme-story-filter-bar-tab-count-past-color: #22c55e;--theme-story-filter-bar-tab-count-current-color: #3b82f6;--theme-story-filter-bar-tab-count-next-color: #f59e0b;--theme-story-filter-bar-tab-count-future-color: #ef4444;--theme-menu-body-padding: 0;--theme-menu-card-grid-padding: 1rem;--theme-menu-footer-height: 40px;--theme-menu-footer-border-top: 1px;--theme-menu-footer-border-color: #e2e8f0;--theme-menu-swipe-hint-font-size: .75rem;--theme-menu-swipe-hint-color: #718096;--theme-menu-swipe-hint-hover-color: #4a5568;--theme-menu-swipe-hint-opacity: .7;--theme-menu-card-gap: 16px;--theme-menu-card-padding: 24px 16px;--theme-menu-card-border-radius: 12px;--theme-menu-card-min-height: 160px;--theme-menu-card-transition: .15s ease;--theme-menu-card-animation-duration: .3s;--theme-menu-card-animation-easing: ease;--theme-menu-card-badge-top: 8px;--theme-menu-card-badge-right: 8px;--theme-menu-card-badge-bg: rgba(0, 0, 0, .3);--theme-menu-card-badge-color: #ffffff;--theme-menu-card-badge-font-size: 10px;--theme-menu-card-badge-padding: 4px 8px;--theme-menu-card-badge-border-radius: 12px;--theme-menu-card-badge-font-weight: 600;--theme-menu-card-icon-margin-bottom: 12px;--theme-menu-card-label-font-weight: 600;--theme-menu-card-label-font-size: 16px;--theme-settings-background-color: #f8fafc;--theme-settings-label-color: #1e293b;--theme-settings-label-font-size: 1rem;--theme-settings-label-font-weight: 600;--theme-settings-label-line-height: 1.2;--theme-settings-description-color: #64748b;--theme-settings-description-font-size: .875rem;--theme-settings-description-line-height: 1.2;--theme-settings-content-padding-vertical: 1rem;--theme-settings-section-padding-vertical: .5rem;--theme-settings-header-row-gap: .75rem;--theme-settings-header-row-padding-horizontal: .75rem;--theme-settings-header-brand-gap: .75rem;--theme-settings-select-padding: .75rem 1rem;--theme-settings-select-font-size: 1rem;--theme-settings-select-color: #1e293b;--theme-settings-select-background: #ffffff;--theme-settings-select-border-color: #e2e8f0;--theme-settings-select-border-radius: 8px;--theme-settings-select-focus-border-color: #4f46e5;--theme-language-selector-button-width: 236px;--theme-language-selector-button-padding: .75rem 1rem;--theme-language-selector-button-font-size: 1rem;--theme-language-selector-button-color: #1e293b;--theme-language-selector-button-background: #ffffff;--theme-language-selector-button-border-color: #e2e8f0;--theme-language-selector-button-border-radius: 8px;--theme-language-selector-button-focus-border-color: #4f46e5;--theme-language-selector-button-hover-border-color: #4f46e5;--theme-language-modal-overlay-background: rgba(0, 0, 0, .5);--theme-language-modal-max-width: 400px;--theme-language-modal-max-height: 50vh;--theme-language-modal-border-radius: 12px;--theme-language-modal-box-shadow: 0 10px 25px rgba(0, 0, 0, .2);--theme-language-modal-animation-duration: .2s;--theme-app-header-height: 50px;--theme-app-header-padding: 1rem;--theme-app-header-border-bottom: 1px;--theme-app-header-border-color: #e2e8f0;--theme-app-header-brand-gap: .75rem;--theme-app-header-title-font-size: 1.5rem;--theme-app-header-title-font-weight: 700;--theme-app-header-title-color: #2d3748;--theme-app-header-logo-size: 40px;--theme-lang-pair-badge-color: #6b7280;--theme-lang-pair-badge-bg: #f1f5f9;--theme-page-header-title-color: #64748b;--theme-page-header-title-font-size: 1.25rem;--theme-page-header-title-font-weight: 600;--theme-main-gap: .5rem;--theme-main-padding: .5rem 1rem;--theme-main-section-gap: .5rem;--theme-main-header-gap: .5rem;--theme-main-text-min-font-size: 1rem;--theme-main-text-max-font-size: 3rem;--theme-main-text-min-padding: .5rem;--theme-main-text-max-padding: 1.5rem;--theme-main-header-min-font-size: 1rem;--theme-main-header-max-font-size: 1.5rem;--theme-tlang-header-color: var(--theme-tlang-text-color);--theme-tlang-header-font-size: 1.25rem;--theme-tlang-header-padding-right: 1rem;--theme-tlang-header-font-weight: 600;--theme-tlang-header-padding-left: 40px;--theme-tlang-header-background-color: #f3f4f6;--theme-tlang-header-background-gradient: linear-gradient(45deg, #f3f4f6 0%, #ffffff 100%);--theme-tlang-background-color: #ffffff;--theme-tlang-background-gradient: linear-gradient(135deg, #ffffff 0%, #f3f4f6 100%);--theme-tlang-border-radius: 12px;--theme-tlang-padding: 1.5rem;--theme-tlang-box-shadow: 0 2px 4px rgb(0 0 0 / .1);--theme-tlang-text-color: #1a202c;--theme-tlang-text-font-size: 3rem;--theme-tlang-text-font-weight: 300;--theme-tlang-line-height: 1.4;--theme-slang-header-color: #000080;--theme-slang-header-font-size: 1.25rem;--theme-slang-header-padding-right: 1rem;--theme-slang-header-font-weight: 600;--theme-slang-header-padding-left: 40px;--theme-slang-header-background-color: #e6f2ff;--theme-slang-header-background-gradient: linear-gradient(45deg, #e6f2ff 0%, #ffffff 100%);--theme-slang-header-transition: .3s ease;--theme-slang-border-radius: 12px;--theme-slang-padding: 1.5rem;--theme-slang-padding-top: 60px;--theme-slang-background-color: #ffffff;--theme-slang-background-gradient: linear-gradient(135deg, #ffffff 0%, #e6f2ff 100%);--theme-slang-box-shadow: 0 1px 3px rgb(0 0 0 / .1);--theme-slang-box-transition: .3s ease;--theme-slang-text-color: #1e293b;--theme-slang-text-font-size: 3rem;--theme-slang-text-font-weight: 300;--theme-slang-line-height: 1.4;--theme-slang-text-transition: .3s ease;--theme-reveal-background-color: #4299e1;--theme-reveal-text-color: #ffffff;--theme-reveal-border-radius: 8px;--theme-reveal-height: 50px;--theme-reveal-padding: 0 1.5rem;--theme-reveal-font-size: 1rem;--theme-reveal-font-weight: 600;--theme-reveal-box-shadow: 0 2px 8px rgb(66 153 225 / .3);--theme-reveal-hover-box-shadow: 0 4px 12px rgb(66 153 225 / .4);--theme-reveal-transition: .3s ease;--theme-reveal-transform-transition: .2s ease;--theme-reveal-hover-scale: 1.05;--theme-speaker-width: 44px;--theme-speaker-height: 44px;--theme-speaker-border-radius: 50%;--theme-speaker-border: 2px solid #a0aec0;--theme-speaker-border-color: #a0aec0;--theme-speaker-hover-border-color: #718096;--theme-speaker-hover-scale: 1.05;--theme-speaker-active-scale: .95;--theme-speaker-transition: .2s ease;--theme-speaker-icon-size: 24px;--theme-speaker-icon-fill: #a0aec0;--theme-speaker-on-background: #4299e1;--theme-speaker-on-border-color: #4299e1;--theme-speaker-on-icon-fill: #ffffff;--theme-speaker-speaking-animation-duration: 1.5s;--theme-speaker-glow-spread: 0 0 0 0 rgba(66, 153, 225, .7);--theme-speaker-glow-center: 0 0 0 8px rgba(66, 153, 225, 0);--theme-speaking-animation-duration: 1s;--theme-fitting-button-height: 52px;--theme-fitting-button-padding: 0 20px;--theme-fitting-button-gap: 12px;--theme-fitting-border-width: 3px;--theme-fitting-border-color: #888;--theme-fitting-inner-border-color: #ffffff;--theme-fitting-easy-bg: #22c55e;--theme-fitting-hard-bg: #ef4444;--theme-fitting-text-color: #ffffff;--theme-fitting-muted-opacity: .35;--theme-fitting-font-size: .75rem;--theme-fitting-font-weight: 600;--theme-fitting-transition: .2s ease;--theme-fitting-active-scale: 1.05;--theme-fitting-border-radius: 999px;--theme-main-footer-border-top: 1px;--theme-main-footer-border-color: #e2e8f0;--theme-main-footer-row-gap: 0px;--theme-main-swipe-hint-font-size: .75rem;--theme-main-swipe-hint-color: #718096;--theme-main-swipe-hint-hover-color: #4a5568;--theme-main-swipe-hint-opacity: .7;--theme-main-nav-button-padding: .75rem 1.25rem;--theme-main-nav-button-font-size: 1.5rem;--theme-main-nav-button-font-weight: 600;--theme-main-nav-button-color: #718096;--theme-main-nav-button-hover-color: #ffffff;--theme-main-nav-button-hover-bg: #4a5568;--theme-main-nav-button-border-radius: 8px;--theme-main-nav-counter-font-size: .875rem;--theme-main-nav-counter-font-weight: 600;--theme-main-nav-counter-color: #718096;--theme-main-nav-counter-min-width: 60px;--theme-text-color: #1e293b;--theme-text-muted: #64748b;--theme-border-color: #e2e8f0;--theme-card-bg: #ffffff;--theme-input-bg: #f8fafc;--theme-link-color: #00f0ff;--theme-link-hover: #4dfaff;--theme-highlight-accent: #ff6b2c;--theme-highlight-accent-glow: rgba(255, 107, 44, .4);--theme-highlight-danger: #e84855;--theme-highlight-danger-glow: rgba(232, 72, 85, .4);--theme-highlight-info: #00f0ff;--theme-highlight-info-glow: rgba(0, 240, 255, .4);--theme-highlight-success: #39ff14;--theme-highlight-success-glow: rgba(57, 255, 20, .4);--theme-highlight-warning: #ffe600;--theme-earth-800: #241e18;--theme-earth-900: #120e09;--theme-font-family-display: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif;--theme-font-family-mono: "Courier New", Courier, monospace;--theme-line-height: 1.6;--theme-letter-spacing: -.008em;--theme-letter-spacing-tight: -.03em;--theme-space-1: .25rem;--theme-space-2: .5rem;--theme-space-3: .75rem;--theme-space-4: 1rem;--theme-space-5: 1.25rem;--theme-space-6: 1.5rem;--theme-font-size-4xl: 2.25rem;--theme-badge-accent-bg: #ff6b2c;--theme-badge-accent-color: #0a0805;--theme-badge-accent-padding: .25rem .75rem;--theme-badge-accent-radius: 9999px;--theme-badge-accent-size: .75rem;--theme-badge-accent-weight: 600;--theme-badge-accent-transform: uppercase;--theme-badge-accent-spacing: .05em;--theme-badge-info-bg: #00f0ff;--theme-badge-info-color: #0a0805;--theme-badge-info-padding: .25rem .75rem;--theme-badge-info-radius: 9999px;--theme-badge-info-size: .75rem;--theme-badge-info-weight: 600;--theme-badge-info-transform: uppercase;--theme-badge-info-spacing: .05em;--theme-menu-card-background: linear-gradient(135deg, #3b82f6 0%, #14b8a6 100%);--theme-menu-card-disabled-background: linear-gradient(135deg, #9ca3af 0%, #6b7280 100%);--theme-menu-card-label-color: #ffffff;--theme-menu-toast-background: rgba(0, 0, 0, .8);--theme-menu-toast-color: #ffffff;--theme-menu-toast-padding: 12px 24px;--theme-menu-toast-border-radius: 24px;--theme-menu-toast-font-size: 14px;--theme-custom-select-focus-box-shadow: 0 0 0 3px rgba(79, 70, 229, .1);--theme-custom-select-dropdown-background: #ffffff;--theme-custom-select-dropdown-box-shadow: 0 4px 12px rgba(0, 0, 0, .15);--theme-custom-select-option-selected-background: rgba(59, 130, 246, .1);--theme-custom-select-mobile-backdrop-background: rgba(0, 0, 0, .5);--theme-custom-select-mobile-content-border-radius: 16px 16px 0 0;--theme-language-modal-option-hover-background: rgba(0, 0, 0, .05);--theme-language-modal-option-selected-background: rgba(59, 130, 246, .1);--theme-language-modal-scrollbar-width: 8px;--theme-language-modal-scrollbar-radius: 4px;--theme-language-selector-button-focus-box-shadow: 0 0 0 3px rgba(79, 70, 229, .1);--theme-scroll-indicator-height: 24px;--theme-scroll-indicator-opacity: .25;--theme-scroll-indicator-gradient-top: rgba(0, 0, 0, .4);--theme-scroll-indicator-gradient-bottom: rgba(0, 0, 0, .3);--theme-scroll-indicator-gradient-fade: rgba(0, 0, 0, .1);--theme-blog-articles-gap: 2rem;--theme-blog-articles-padding-top: 1.5rem;--theme-blog-articles-padding-bottom: 0;--theme-blog-articles-padding-left: 0;--theme-blog-articles-padding-right: 0;--theme-blog-articles-margin-left: 0;--theme-blog-articles-margin-right: 0;--theme-markdown-text-color: #102E4A;--theme-markdown-text-muted: #A89D8F;--theme-markdown-border-color: #3D3328;--theme-markdown-card-bg: #1A1510;--theme-markdown-input-bg: #241E18;--theme-markdown-earth-800: #241E18;--theme-markdown-earth-900: #120E09;--theme-markdown-primary-color: #FF6B2C;--theme-markdown-link-color: #00F0FF;--theme-markdown-link-hover: #4DFAFF;--theme-markdown-highlight-accent: #FF6B2C;--theme-markdown-highlight-accent-glow: rgba(255, 107, 44, .4);--theme-markdown-highlight-danger: #E84855;--theme-markdown-highlight-danger-glow: rgba(232, 72, 85, .4);--theme-markdown-highlight-info: #00F0FF;--theme-markdown-highlight-info-glow: rgba(0, 240, 255, .4);--theme-markdown-highlight-success: #39FF14;--theme-markdown-highlight-success-glow: rgba(57, 255, 20, .4);--theme-markdown-highlight-warning: #FFE600;--theme-markdown-uno23-color: #8d0801;--theme-markdown-font-family: sans-serif;--theme-markdown-font-family-display: var(--theme-markdown-font-family);--theme-markdown-font-family-mono: monospace;--theme-markdown-font-size-sm: .875rem;--theme-markdown-font-size-md: 1rem;--theme-markdown-font-size-xl: 1.25rem;--theme-markdown-font-size-2xl: 1.5rem;--theme-markdown-font-size-3xl: 1.875rem;--theme-markdown-font-size-4xl: 2.25rem;--theme-markdown-font-weight-medium: 500;--theme-markdown-font-weight-semibold: 600;--theme-markdown-font-weight-bold: 700;--theme-markdown-line-height-tight: 1.25;--theme-markdown-line-height-normal: 1.6;--theme-markdown-letter-spacing-tight: -.03em;--theme-markdown-letter-spacing: -.008em;--theme-markdown-spacing-xs: .25rem;--theme-markdown-spacing-sm: .5rem;--theme-markdown-spacing-md: .75rem;--theme-markdown-spacing-lg: 1rem;--theme-markdown-spacing-xl: 1.25rem;--theme-markdown-spacing-2xl: 1.5rem;--theme-markdown-radius-sm: .25rem;--theme-markdown-radius-md: .5rem;--theme-markdown-radius-lg: .75rem;--theme-markdown-transition-fast: .15s ease;--theme-markdown-badge-accent-bg: #FF6B2C;--theme-markdown-badge-accent-color: #0A0805;--theme-markdown-badge-accent-padding: .25rem .75rem;--theme-markdown-badge-accent-radius: 9999px;--theme-markdown-badge-accent-size: .75rem;--theme-markdown-badge-accent-weight: 600;--theme-markdown-badge-accent-spacing: .05em;--theme-markdown-badge-accent-transform: uppercase;--theme-markdown-badge-info-bg: #00F0FF;--theme-markdown-badge-info-color: #0A0805;--theme-markdown-badge-info-padding: .25rem .75rem;--theme-markdown-badge-info-radius: 9999px;--theme-markdown-badge-info-size: .75rem;--theme-markdown-badge-info-weight: 600;--theme-markdown-badge-info-spacing: .05em;--theme-markdown-badge-info-transform: uppercase;--theme-article-contents-background-color: #ffffff;--theme-article-contents-border-radius: .75rem;--theme-article-contents-padding-top: 0;--theme-article-contents-margin-top: 1.5rem;--theme-article-contents-margin-bottom: 0;--theme-article-contents-title-font-size: 1rem;--theme-article-contents-title-font-weight: 600;--theme-article-contents-title-color: #fbbf24;--theme-article-contents-title-margin-bottom: .75rem;--theme-article-contents-list-max-height: 5.5rem;--theme-article-contents-list-gap: .5rem;--theme-article-contents-link-font-size: .875rem;--theme-article-contents-link-color: #fbbf24;--theme-article-contents-link-hover-color: #fbbf24;--theme-article-contents-link-text-decoration: none;--theme-article-contents-link-hover-text-decoration: underline;--theme-article-contents-link-date-color: #fbbf24;--theme-article-contents-link-date-margin-right: .5rem;--theme-notify-frame-border-radius: 8px;--theme-notify-frame-padding: 4px 12px;--theme-notify-frame-bg: linear-gradient(135deg, #3b82f6 0%, #14b8a6 100%);--theme-notify-text-color: #ffffff;--theme-notify-text-font-size: 14px;--theme-notify-text-font-weight: 600;--theme-notify-scroll-duration: 4s;--theme-relax-tree-container-max-height: 50vh;--theme-relax-tree-row-padding: .5rem 0;--theme-relax-tree-row-gap: 0;--theme-relax-tree-child-indent: 1.5rem;--theme-relax-tree-checkbox-size: 18px;--theme-relax-tree-font-size: .9rem;--theme-relax-tree-label-color: #1e293b;--theme-relax-tree-toggle-color: #64748b;--theme-relax-tree-master-bg: #f1f5f9;--theme-relax-tree-master-padding: .5rem .75rem;--theme-relax-story-list-bg-hover: rgba(0,0,0,.03);--theme-relax-story-list-bg-selected: rgba(59,130,246,.08);--theme-relax-story-list-border-color: #f3f4f6;--theme-collapsible-panel-border-color: var(--theme-color-border);--theme-collapsible-panel-header-height: 44px;--theme-collapsible-panel-title-size: .95rem;--theme-collapsible-panel-title-weight: 600;--theme-collapsible-panel-arrow-size: .7rem;--theme-collapsible-panel-body-padding: .75rem;--theme-collapsible-panel-transition: .45s ease}.credit-content{padding:var(--spacing-md)}.credit-login-prompt{text-align:center;padding:var(--spacing-xl);color:var(--color-text-muted)}.credit-login-button{margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-lg);background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;font-size:var(--font-size-md);cursor:pointer;touch-action:manipulation}.credit-login-button:hover{opacity:.9}.credit-loading{text-align:center;padding:var(--spacing-xl);color:var(--color-text-muted)}.credit-error{text-align:center;padding:var(--spacing-xl);color:#ef4444}.credit-retry-button{display:block;margin:var(--spacing-md) auto 0;padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-surface);color:var(--color-text);border:2px solid var(--color-border);border-radius:var(--radius-md);font-weight:600;cursor:pointer;touch-action:manipulation}.credit-title{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-md)}.credit-balance-card{text-align:center;padding:var(--spacing-lg) var(--spacing-md);background:var(--color-surface);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md)}.credit-balance-number{font-size:3rem;font-weight:700;color:var(--color-text);line-height:1}.credit-balance-label{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--spacing-xs)}.credit-progress{margin-bottom:var(--spacing-lg)}.credit-progress-label{display:flex;justify-content:space-between;font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--spacing-xs)}.credit-progress-bar{height:6px;background:var(--color-border);border-radius:var(--radius-full);overflow:hidden}.credit-progress-fill{height:100%;background:linear-gradient(90deg,#8b5cf6,#6366f1);border-radius:var(--radius-full);transition:width .5s ease}.credit-packages{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.credit-package-card{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-md) var(--spacing-sm);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:border-color .2s,transform .1s;touch-action:manipulation}.credit-package-card:hover{border-color:#6366f1}.credit-package-card:active{transform:scale(.97)}.credit-package-credits{font-size:1.5rem;font-weight:700;color:var(--color-text)}.credit-package-label{font-size:var(--font-size-xs);color:var(--color-text-muted)}.credit-package-price{font-size:var(--font-size-sm);font-weight:600;color:#6366f1;margin-top:var(--spacing-xs)}.credit-package-buy{margin-top:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:600;cursor:pointer;touch-action:manipulation}.credit-package-buy:hover{opacity:.9}.credit-custom{margin-bottom:var(--spacing-lg)}.credit-custom-label{display:block;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-muted);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.05em}.credit-custom-row{display:flex;gap:var(--spacing-sm)}.credit-custom-input{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-md);outline:none;transition:border-color .2s}.credit-custom-input:focus{border-color:#6366f1}.credit-custom-input--error{border-color:#ef4444}.credit-custom-buy{padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;touch-action:manipulation}.credit-custom-buy:hover{opacity:.9}.credit-admin-reload{text-align:right;margin-bottom:var(--spacing-sm)}.credit-admin-reload-btn{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-surface);color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-xs);cursor:pointer;touch-action:manipulation}.credit-admin-reload-btn:hover{color:var(--color-text);border-color:var(--color-text-muted)}.credit-admin-reload-btn--done{color:#22c55e;border-color:#22c55e}.credit-toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%) translateY(100px);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);font-weight:600;z-index:1000;transition:transform .3s ease}.credit-toast--promotion{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 4px 20px rgba(99,102,241,.4)}.credit-toast--visible{transform:translate(-50%) translateY(0)}.credit-tx-toolbar{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.credit-tx-toolbar-label{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.credit-currency-select{padding:6px var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-sm);cursor:pointer;outline:none;touch-action:manipulation;min-height:36px}.credit-currency-select:focus{border-color:#6366f1}.credit-display-toggle{width:auto;min-width:80px;padding:0 10px}.credit-display-toggle+.credit-currency-select{margin-left:-2px}.credit-group-btns{display:flex;gap:2px;margin-left:auto}.credit-group-btn{width:40px;min-height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:600;cursor:pointer;touch-action:manipulation}.credit-group-btn:hover{color:var(--color-text);border-color:var(--color-text-muted)}.credit-group-btn.active{background:#6366f1;color:#fff;border-color:#6366f1}.credit-tx-list{max-height:220px;overflow-y:auto;position:relative;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.credit-tx-header{display:grid;grid-template-columns:1fr 50px 50px 60px 55px 70px 65px;background:var(--color-surface);border-bottom:1px solid var(--color-border);font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em}.credit-tx-sort{background:none;border:none;padding:var(--spacing-xs) var(--spacing-sm);text-align:left;font-size:inherit;font-weight:inherit;color:inherit;cursor:pointer;touch-action:manipulation;font-family:inherit}.credit-tx-sort:hover{color:var(--color-text)}.credit-tx-header .credit-tx-sort:nth-child(n+2){text-align:right}.credit-tx-row{display:grid;grid-template-columns:1fr 50px 50px 60px 55px 70px 65px;color:var(--color-text);border-bottom:1px solid var(--color-border)}.credit-tx-row:nth-child(2n){background:color-mix(in srgb,var(--color-border) 15%,transparent)}.credit-tx-row:last-child{border-bottom:none}.credit-tx-cell{padding:var(--spacing-xs) var(--spacing-sm);white-space:nowrap}.credit-tx-service,.credit-tx-credits{text-align:right;font-weight:500}.credit-tx-value{text-align:right;color:var(--color-text-muted)}.credit-tx-total{text-align:right;font-weight:600}.credit-tx-total-header{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;text-align:right;padding:var(--spacing-xs) var(--spacing-sm)}:root{--color-primary: var(--theme-color-primary);--color-primary-dark: var(--theme-color-primary-dark);--color-primary-light: color-mix(in srgb, var(--theme-color-primary) 85%, white);--color-secondary: var(--theme-color-secondary);--color-success: var(--theme-color-success);--color-warning: var(--theme-color-warning);--color-error: var(--theme-color-error);--color-bg: var(--theme-color-bg);--color-surface: var(--theme-color-surface);--color-overlay: var(--theme-color-overlay);--color-text: var(--theme-color-text);--color-text-muted: var(--theme-color-text-muted);--color-border: var(--theme-color-border);--color-divider: var(--theme-color-border);--color-focus-ring: var(--theme-color-focus);--font-family-base: var(--theme-font-family);--font-size-xs: var(--theme-font-size-xs);--font-size-sm: var(--theme-font-size-sm);--font-size-md: var(--theme-font-size-md);--font-size-lg: var(--theme-font-size-lg);--font-size-xl: var(--theme-font-size-xl);--font-size-2xl: var(--theme-font-size-2xl);--font-size-3xl: var(--theme-font-size-3xl);--font-size-4xl: var(--theme-font-size-4xl);--font-weight-normal: var(--theme-font-weight-normal);--font-weight-medium: var(--theme-font-weight-medium);--font-weight-semibold: var(--theme-font-weight-semibold);--font-weight-bold: var(--theme-font-weight-bold);--line-height-tight: var(--theme-line-height-tight);--line-height-normal: var(--theme-line-height-normal);--line-height-relaxed: var(--theme-line-height-relaxed);--letter-spacing-normal: var(--theme-letter-spacing-normal);--letter-spacing-wide: var(--theme-letter-spacing-wide);--spacing-xs: var(--theme-spacing-xs);--spacing-sm: var(--theme-spacing-sm);--spacing-md: var(--theme-spacing-md);--spacing-lg: var(--theme-spacing-lg);--spacing-xl: var(--theme-spacing-xl);--spacing-2xl: var(--theme-spacing-2xl);--radius-sm: var(--theme-radius-sm);--radius-md: var(--theme-radius-md);--radius-lg: var(--theme-radius-lg);--radius-xl: var(--theme-radius-xl);--radius-full: var(--theme-radius-full);--border-width-thin: var(--theme-border-width-thin);--border-width-normal: var(--theme-border-width-normal);--border-width-thick: var(--theme-border-width-thick);--shadow-sm: var(--theme-shadow-sm);--shadow-md: var(--theme-shadow-md);--shadow-lg: var(--theme-shadow-lg);--shadow-xl: var(--theme-shadow-xl);--transition-fast: var(--theme-transition-fast);--transition-base: var(--theme-transition-base);--transition-slow: var(--theme-transition-slow);--ease-ease: var(--theme-ease-ease);--ease-ease-in: var(--theme-ease-ease-in);--ease-ease-out: var(--theme-ease-ease-out);--ease-ease-in-out: var(--theme-ease-ease-in-out);--z-base: var(--theme-z-base);--z-dropdown: var(--theme-z-dropdown);--z-sticky: var(--theme-z-sticky);--z-fixed: var(--theme-z-fixed);--z-modal: var(--theme-z-modal);--z-popover: var(--theme-z-popover);--tlang-header-color: var(--theme-tlang-header-color);--tlang-header-bg: var(--theme-tlang-header-background-color);--tlang-header-font-size: var(--theme-tlang-header-font-size);--tlang-header-font-weight: var(--theme-tlang-header-font-weight);--tlang-header-text-transform: var(--theme-tlang-header-text-transform);--tlang-header-letter-spacing: var(--theme-tlang-header-letter-spacing);--tlang-bg: var(--theme-tlang-background-color);--tlang-text-color: var(--theme-tlang-text-color);--tlang-text-font-size: var(--theme-tlang-text-font-size);--tlang-text-font-weight: var(--theme-tlang-text-font-weight);--tlang-line-height: var(--theme-tlang-line-height);--tlang-radius: var(--theme-tlang-border-radius);--tlang-padding: var(--theme-tlang-padding);--tlang-border-width: var(--theme-tlang-border-width);--tlang-border-color: var(--theme-tlang-border-color);--slang-header-color: var(--theme-slang-header-color);--slang-header-bg: var(--theme-slang-header-background-color);--slang-header-font-size: var(--theme-slang-header-font-size);--slang-header-font-weight: var(--theme-slang-header-font-weight);--slang-header-text-transform: var(--theme-slang-header-text-transform);--slang-header-letter-spacing: var(--theme-slang-header-letter-spacing);--slang-bg: var(--theme-slang-background-color);--slang-text-color: var(--theme-slang-text-color);--slang-text-font-size: var(--theme-slang-text-font-size);--slang-text-font-weight: var(--theme-slang-text-font-weight);--slang-line-height: var(--theme-slang-line-height);--slang-radius: var(--theme-slang-border-radius);--slang-padding: var(--theme-slang-padding);--slang-border-width: var(--theme-slang-border-width);--slang-border-color: var(--theme-slang-border-color);--hint-bg: var(--theme-hint-bg);--hint-border: var(--theme-hint-border);--hint-text: var(--theme-hint-text);--hint-text-hover: var(--theme-hint-text-hover);--hint-size: var(--theme-hint-size);--hint-icon-size: var(--theme-hint-icon-size);--hint-icon-height: var(--theme-hint-icon-height);--hint-gap: var(--theme-hint-gap);--hint-radius: var(--theme-hint-radius);--hint-pulse-duration: var(--theme-hint-pulse-duration);--hint-stagger-delay: var(--theme-hint-stagger-delay);--story-header-font-size: var(--theme-story-header-font-size);--story-header-font-weight: var(--theme-story-header-font-weight);--story-header-color: var(--theme-story-header-color);--story-item-padding: var(--theme-story-item-padding);--story-item-border-radius: var(--theme-story-item-border-radius);--story-item-border: var(--theme-story-item-border);--story-item-border-color: var(--theme-story-item-border-color);--story-item-border-hover: var(--theme-story-item-border-hover);--story-item-bg: var(--theme-story-item-bg);--story-item-bg-hover: var(--theme-story-item-bg-hover);--story-item-bg-selected: var(--theme-story-item-bg-selected);--story-title-font-size: var(--theme-story-title-font-size);--story-title-font-weight: var(--theme-story-title-font-weight);--story-title-color: var(--theme-story-title-color)}@layer reset,base,components,utilities;@layer reset{*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Noto Sans JP,sans-serif;font-size:var(--font-size-md);line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}}@layer base{#app{width:100%;height:100%;max-width:600px;margin:0 auto;display:flex;flex-direction:column;overflow:hidden;touch-action:none;background-color:var(--color-bg)}.loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);color:var(--color-text-muted);font-size:var(--font-size-lg)}:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}::selection{background-color:var(--color-primary);color:#fff}select,input,textarea,button{font-family:inherit}option{font-family:inherit,"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,sans-serif}}@layer components{.app-viewport{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.app-header{flex-shrink:0;height:var(--theme-app-header-height);display:flex;align-items:center;padding:0 var(--theme-app-header-padding);border-bottom:var(--theme-app-header-border-bottom) solid var(--theme-app-header-border-color)}.app-header-brand{display:flex;align-items:center;gap:var(--theme-app-header-brand-gap);position:relative}.lang-pair-badge{display:none;position:absolute;top:-6px;left:0;font-size:.55rem;font-weight:600;letter-spacing:.05em;color:var(--theme-lang-pair-badge-color, #6b7280);background:var(--theme-lang-pair-badge-bg, #f1f5f9);padding:0 3px;border-radius:2px;line-height:1.3;z-index:1}.app-header-brand h1{font-size:var(--theme-app-header-title-font-size);font-weight:var(--theme-app-header-title-font-weight);color:var(--theme-app-header-title-color);margin:0}.app-header-page-title{font-size:var(--theme-page-header-title-font-size);font-weight:var(--theme-page-header-title-font-weight);color:var(--theme-page-header-title-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;text-align:right}.app-header-brand h1 .uno23-token,.blog-header-brand h1 .uno23-token,.settings-header-brand h1 .uno23-token{font-size:inherit;font-weight:inherit;color:var(--theme-markdown-uno23-color, #8d0801)}.app-logo{width:var(--theme-app-header-logo-size);height:var(--theme-app-header-logo-size)}.app-header-notify{flex:1 1 auto;min-width:0;overflow:hidden;display:flex;align-items:center}.notify-frame{width:100%;padding:var(--theme-notify-frame-padding);border-radius:var(--theme-notify-frame-border-radius);background:var(--theme-notify-frame-bg);overflow:hidden;transform:translateY(100%);opacity:0;transition:transform .3s ease,opacity .3s ease}.notify-frame.visible{transform:translateY(0);opacity:1}.notify-marquee{display:inline-block;white-space:nowrap;animation:notify-scroll var(--theme-notify-scroll-duration) linear infinite}.notify-text{color:var(--theme-notify-text-color);font-size:var(--theme-notify-text-font-size);font-weight:var(--theme-notify-text-font-weight)}@keyframes notify-scroll{0%{transform:translate(100%)}to{transform:translate(-100%)}}.page-container{display:flex;width:400%;flex:1;min-height:0;transition:transform .4s cubic-bezier(.25,.46,.45,.94);transform:translate(-50%)}.page-container.show-menu{transform:translate(0)}.page-container.show-secondary{transform:translate(-25%)}.page-container.show-story{transform:translate(-75%)}.page{width:25%;flex:1;min-height:0;overflow:hidden;flex-shrink:0;display:flex;flex-direction:column;position:relative}.main-screen{display:flex;flex-direction:column;gap:var(--theme-main-gap);padding:var(--theme-main-padding);flex:1;position:relative;min-height:0;max-height:100%;overflow:hidden;--text-sizer-max-font: var(--theme-main-text-max-font-size);--text-sizer-min-padding: var(--theme-main-text-min-padding);--text-sizer-max-header: var(--theme-main-header-max-font-size)}.main-screen-loading{flex:1;display:flex;align-items:center;justify-content:center}.main-screen-loading .loading{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg)}.loading-text{font-size:1.1rem;color:var(--color-text-secondary, #64748b)}.spinner{width:1.5rem;height:1.5rem;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.tlang-section{display:flex;flex-direction:column;gap:var(--theme-main-section-gap);flex:1;min-height:0}.tlang-header{color:var(--theme-tlang-header-color, #8B131D);background:var(--theme-tlang-header-background-gradient, var(--theme-tlang-header-background-color));font-size:var(--theme-main-header-min-font-size);font-weight:var(--theme-tlang-header-font-weight, 600);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;gap:var(--theme-main-header-gap, .5rem);padding-right:var(--theme-tlang-header-padding-right, 1rem);position:relative}.tlang-label{flex:1;text-align:left;padding-left:var(--theme-tlang-header-padding-left, 40px);color:var(--theme-tlang-header-color, #8B131D);font-size:inherit}.header-face{position:absolute;left:20px;top:50%;transform:translate(-50%,-50%);height:50%;pointer-events:none}.language-selector-wrap>.header-face{position:absolute;left:0;top:-5px;transform:translate(-50%);height:50%;pointer-events:none;z-index:1}.tlang-box{background:var(--theme-tlang-background-gradient, var(--theme-tlang-background-color));border-radius:var(--theme-tlang-border-radius);padding:var(--theme-main-text-max-padding);display:flex;justify-content:center;align-items:center;box-shadow:var(--theme-tlang-box-shadow);overflow:hidden;flex:1;min-height:0}.tlang-text{color:var(--theme-tlang-text-color);font-size:var(--theme-main-text-min-font-size);font-weight:var(--theme-tlang-text-font-weight, normal);text-align:center;line-height:var(--theme-tlang-line-height);overflow:hidden;word-wrap:break-word;hyphens:auto}.tlang-text.speaking{animation:text-pulse var(--theme-speaking-animation-duration) ease-in-out infinite}@keyframes text-pulse{0%,to{opacity:1}50%{opacity:.7}}.slang-section{display:flex;flex-direction:column;gap:var(--theme-main-section-gap);flex:1;min-height:0}.slang-header{color:var(--theme-slang-header-color, #000080);background:var(--theme-slang-header-background-gradient, var(--theme-slang-header-background-color));font-size:var(--theme-main-header-min-font-size);font-weight:var(--theme-slang-header-font-weight, 600);display:flex;align-items:center;flex-shrink:0;gap:var(--theme-main-header-gap, .5rem);opacity:1;transition:opacity var(--theme-slang-header-transition, .3s ease);pointer-events:auto;padding-right:var(--theme-slang-header-padding-right, 1rem);position:relative}.slang-header.revealed{opacity:1}.slang-label{flex:1;text-align:left;padding-left:var(--theme-slang-header-padding-left, 40px);color:var(--theme-slang-header-color, #06b6d4);font-size:inherit}.slang-box{background:var(--theme-slang-background-gradient, var(--theme-slang-background-color));box-shadow:var(--theme-slang-box-shadow);border-radius:var(--theme-slang-border-radius);padding:var(--theme-main-text-max-padding);display:flex;flex-direction:column;justify-content:center;overflow:hidden;flex:1;min-height:0;position:relative;transition:background-color var(--theme-slang-box-transition),box-shadow var(--theme-slang-box-transition)}.slang-text{color:var(--theme-slang-text-color);font-size:var(--theme-main-text-min-font-size);font-weight:var(--theme-slang-text-font-weight, normal);text-align:center;line-height:var(--theme-slang-line-height);overflow:hidden;opacity:0;visibility:hidden;transition:opacity var(--theme-slang-text-transition),visibility var(--theme-slang-text-transition);word-wrap:break-word;hyphens:auto}.slang-text.revealed{opacity:1;visibility:visible}.slang-text.speaking{animation:text-pulse var(--theme-speaking-animation-duration) ease-in-out infinite}.slang-annotation-rule{display:none}.slang-annotation{font-size:var(--theme-main-text-min-font-size);color:var(--theme-color-text-muted);line-height:var(--theme-slang-line-height);text-align:left;word-wrap:break-word;hyphens:auto;flex:1;min-height:0;overflow-y:auto;opacity:0;visibility:hidden;transition:opacity var(--theme-slang-text-transition),visibility var(--theme-slang-text-transition);background:color-mix(in srgb,var(--theme-color-primary) 6%,transparent);border-left:2px solid var(--theme-color-primary);border-radius:0 6px 6px 0;margin-top:8px;padding:6px 8px}.slang-annotation.revealed{opacity:1;visibility:visible}.slang-annotation strong{font-weight:600;color:var(--theme-color-text)}.slang-annotation em{font-style:italic}.reveal-button{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);background-color:var(--theme-reveal-background-color);color:var(--theme-reveal-text-color);border-radius:var(--theme-reveal-border-radius);height:var(--theme-reveal-height);padding:var(--theme-reveal-padding);font-size:var(--theme-reveal-font-size);font-weight:var(--theme-reveal-font-weight);font-family:inherit;border:none;cursor:pointer;box-shadow:var(--theme-reveal-box-shadow);opacity:1;transition:opacity var(--theme-reveal-transition),pointer-events var(--theme-reveal-transition),transform var(--theme-reveal-transform-transition),box-shadow var(--theme-reveal-box-shadow-transition);pointer-events:auto;z-index:10;display:flex;align-items:center;justify-content:center}.reveal-button:hover{transform:translate(-50%,-50%) scale(var(--theme-reveal-hover-scale));box-shadow:var(--theme-reveal-hover-box-shadow)}.reveal-button.hidden{opacity:0;visibility:hidden;pointer-events:none;z-index:-1}.speaker-button{width:var(--theme-speaker-width);height:var(--theme-speaker-height);border-radius:var(--theme-speaker-border-radius);border:var(--theme-speaker-border);background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--theme-speaker-transition);flex-shrink:0}.speaker-button svg{width:var(--theme-speaker-icon-size);height:var(--theme-speaker-icon-size);fill:var(--theme-speaker-icon-fill);transition:fill var(--theme-speaker-transition)}.speaker-button:hover{border-color:var(--theme-speaker-hover-border-color);transform:scale(var(--theme-speaker-hover-scale))}.speaker-button:active{transform:scale(var(--theme-speaker-active-scale))}.speaker-button.on{background:var(--theme-speaker-on-background);border-color:var(--theme-speaker-on-border-color)}.speaker-button.on svg{fill:var(--theme-speaker-on-icon-fill)}.speaker-button.speaking{animation:speaker-glow var(--theme-speaker-speaking-animation-duration) ease-in-out infinite}@keyframes speaker-glow{0%,to{box-shadow:var(--theme-speaker-glow-spread)}50%{box-shadow:var(--theme-speaker-glow-center)}}.playback-button{width:var(--theme-speaker-width);height:var(--theme-speaker-height);border-radius:var(--theme-speaker-border-radius);border:var(--theme-speaker-border);background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--theme-speaker-transition);flex-shrink:0}.playback-button:hover{border-color:var(--theme-speaker-hover-border-color);transform:scale(var(--theme-speaker-hover-scale))}.slang-spacer{width:var(--theme-speaker-width);flex-shrink:0}.slang-header-left{flex:2;display:flex;align-items:center;gap:var(--theme-main-header-gap, .5rem)}.slang-header-center{display:flex;align-items:center;justify-content:center;flex-shrink:0}.slang-header-right{flex:1;display:flex;align-items:center;justify-content:flex-end}.playback-tap-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;cursor:pointer}.playback-modal-body{display:flex;flex-direction:column;gap:.5rem;padding:1rem;overflow-y:auto;flex:1;min-height:0}.playback-row{display:flex;align-items:center;justify-content:space-between;min-height:2.5rem}.playback-label{font-size:var(--theme-settings-select-font-size, .9rem);color:var(--theme-settings-select-color, inherit)}.playback-toggle{min-width:3.5rem;padding:.35rem .75rem;border:1px solid var(--theme-settings-select-border-color, #ddd);border-radius:6px;background:transparent;font-size:.8rem;font-weight:600;cursor:pointer;color:var(--theme-settings-description-color, #888);font-family:inherit;text-transform:uppercase;letter-spacing:.03em}.playback-toggle.active{border-color:var(--color-primary, #4a90d9);background:color-mix(in srgb,var(--color-primary, #4a90d9) 10%,transparent);color:var(--color-primary, #4a90d9)}.playback-delay{display:flex;align-items:center;gap:.5rem}.playback-delay-btn{width:2rem;height:2rem;border-radius:50%;border:1px solid var(--theme-settings-select-border-color, #ddd);background:transparent;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:inherit;font-family:inherit}.playback-delay-btn:active{background:color-mix(in srgb,var(--color-primary, #4a90d9) 10%,transparent)}.playback-delay-value{min-width:3ch;text-align:center;font-weight:600;font-size:.9rem}.playback-actions{display:flex;gap:.5rem;align-items:center}.playback-icon-btn{width:2.25rem;height:2.25rem;border-radius:50%;padding:0;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--theme-settings-select-border-color, #555);cursor:pointer;color:var(--theme-settings-description-color, #aaa)}.playback-icon-btn.active,.playback-icon-btn-start{border-color:var(--color-primary, #3b82f6);color:var(--color-primary, #3b82f6);background:color-mix(in srgb,var(--color-primary, #3b82f6) 10%,transparent)}.playback-voice-indicator{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:50%;color:var(--color-text-tertiary, #999);transition:color .3s ease;position:fixed;bottom:1rem;left:1rem;z-index:91;pointer-events:none}.playback-voice-indicator.active{color:#22c55e}.playback-voice-indicator.unsupported{opacity:.3}.playback-countdown{font-size:2rem;font-weight:700;color:var(--color-primary, #4a90d9);animation:countdownPop .3s ease-out}@keyframes countdownPop{0%{transform:scale(1.5);opacity:.5}to{transform:scale(1);opacity:1}}.playback-sequence-row{display:flex;align-items:center;gap:.5rem;min-height:2.5rem}.playback-step-letter{width:1.5rem;height:1.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;flex-shrink:0}.playback-row-pause .playback-step-letter{background:var(--theme-settings-select-border-color, #444);color:var(--theme-settings-description-color, #aaa)}.playback-row-feature .playback-step-letter{background:var(--color-primary, #3b82f6);color:#fff}.playback-sequence-cell{flex:1;display:flex;align-items:center;gap:.5rem;background:var(--theme-language-modal-option-hover-background, #252540);border-radius:.5rem;padding:.5rem .75rem}.playback-row-pause .playback-sequence-cell{border-left:3px solid var(--playback-pause-color, #f59e0b)}.playback-row-feature .playback-sequence-cell{border-left:3px solid var(--color-primary, #3b82f6)}.playback-row-init .playback-step-letter{background:#8b5cf6;color:#fff}.playback-row-init .playback-sequence-cell{border-left:3px solid #8b5cf6;background:color-mix(in srgb,#8b5cf6 8%,var(--theme-language-modal-option-hover-background, #252540))}.playback-init-toggles{display:flex;gap:.5rem;align-items:center}.playback-init-toggle{padding:.3rem .6rem;border:1px solid var(--theme-settings-select-border-color, #555);border-radius:6px;background:transparent;font-size:.75rem;font-weight:600;cursor:pointer;color:var(--theme-settings-description-color, #888);font-family:inherit}.playback-init-toggle.active{border-color:#8b5cf6;background:color-mix(in srgb,#8b5cf6 12%,transparent);color:#8b5cf6}.playback-type-label{width:3rem;font-size:.75rem;font-weight:600;flex-shrink:0}.playback-type-pause{color:var(--playback-pause-color, #f59e0b)}.playback-type-step{color:var(--color-primary, #3b82f6)}.playback-mode-toggle{display:flex;background:var(--theme-language-modal-overlay-background, #1a1a2e);border-radius:.375rem;overflow:hidden;border:1px solid var(--theme-settings-select-border-color, #444);flex-shrink:0}.playback-mode-btn{padding:.2rem .5rem;font-size:.7rem;background:transparent;color:var(--theme-settings-description-color, #888);border:none;cursor:pointer;font-family:inherit}.playback-mode-btn.active{background:var(--playback-pause-color, #f59e0b);color:#000;font-weight:600}.playback-aspect-select{background:var(--theme-language-modal-option-hover-background, #333);color:inherit;border:1px solid var(--theme-settings-select-border-color, #555);border-radius:.25rem;padding:.2rem .4rem;font-size:.75rem;width:8rem;font-family:inherit}.playback-aspect-select.disabled{opacity:.5}.playback-voice-hint{font-size:.7rem;font-style:italic;color:var(--playback-pause-color, #f59e0b);padding:.15rem .5rem;background:color-mix(in srgb,var(--playback-pause-color, #f59e0b) 10%,transparent);border-radius:.25rem;border:1px solid color-mix(in srgb,var(--playback-pause-color, #f59e0b) 30%,transparent)}.playback-voice-hint.hidden,.playback-delay.hidden{display:none}.playback-hidden{visibility:hidden}.playback-sequence-footer{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-top:1px solid var(--theme-settings-select-border-color, #333);flex-shrink:0}.playback-configurator{max-height:calc(100dvh - 2rem)!important}.playback-active{position:relative;z-index:1}.playback-active:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:inherit;border:2px solid currentColor;background:transparent;opacity:.4;transform:translate(10px);pointer-events:none;-webkit-mask:radial-gradient(circle at calc(50% - 10px) 50%,transparent 53%,black 55%);mask:radial-gradient(circle at calc(50% - 10px) 50%,transparent 53%,black 55%)}.main-page-footer{flex-shrink:0;border-top:var(--theme-main-footer-border-top) solid var(--theme-main-footer-border-color);background:transparent;display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:auto auto auto;row-gap:var(--theme-main-footer-row-gap);padding:0}.main-page-footer .nav-button-prev{grid-column:1;grid-row:2;display:flex;align-items:center;justify-content:center}.main-page-footer .swipe-hint-left{grid-column:1;grid-row:3;display:flex;align-items:center;justify-content:flex-start;text-align:left;padding:.25rem}.main-page-footer .nav-counter{grid-column:2;grid-row:2;display:flex;align-items:center;justify-content:center;min-width:var(--theme-main-nav-counter-min-width)}.main-page-footer .swipe-hint-right{grid-column:3;grid-row:3;display:flex;align-items:center;justify-content:flex-end;text-align:right;padding:.25rem}.main-page-footer .nav-button-next{grid-column:3;grid-row:2;display:flex;align-items:center;justify-content:center}.nav-button{background-color:transparent;color:var(--theme-main-nav-button-color);border:none;border-radius:var(--theme-main-nav-button-border-radius);padding:var(--theme-main-nav-button-padding);font-size:var(--theme-main-nav-button-font-size);font-weight:var(--theme-main-nav-button-font-weight);cursor:pointer;transition:background-color .2s,color .2s,transform .1s;display:flex;align-items:center;justify-content:center;touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media(hover:hover){.nav-button:hover{background-color:var(--theme-main-nav-button-hover-bg);color:var(--theme-main-nav-button-hover-color)}}.nav-button:active{transform:none}.nav-button:focus{outline:none}.nav-counter{color:var(--theme-main-nav-counter-color);font-size:var(--theme-main-nav-counter-font-size);font-weight:var(--theme-main-nav-counter-font-weight)}.nav-counter-button{background-color:transparent;color:var(--theme-main-nav-counter-color);border:none;border-radius:var(--theme-main-nav-button-border-radius);padding:var(--theme-main-nav-button-padding);font-size:var(--theme-main-nav-counter-font-size);font-weight:var(--theme-main-nav-counter-font-weight);font-family:inherit;cursor:pointer;transition:background-color .2s,color .2s;display:flex;align-items:center;gap:.4rem;touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media(hover:hover){.nav-counter-button:hover{background-color:var(--theme-main-nav-button-hover-bg);color:var(--theme-main-nav-button-hover-color)}}.counter-eye{opacity:.4;flex-shrink:0}.counter-eye.open{opacity:1}.level-indicator{cursor:pointer;opacity:.6;transition:opacity .2s}.level-indicator:hover{opacity:1}.card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.card-header{padding:var(--spacing-md);border-bottom:var(--border-width-thin) solid var(--color-border)}.card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text)}.card-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--spacing-xs)}.card-content{padding:var(--spacing-md);color:var(--color-text)}.menu-page{display:flex;flex-direction:column;height:100%;min-height:0;background:transparent}.menu-header{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary);text-align:center;margin-bottom:var(--spacing-xl)}.menu-loading,.menu-error,.menu-empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:var(--font-size-lg)}.menu-page-body{flex:1;min-height:0;overflow-y:auto;touch-action:pan-y;padding:var(--theme-menu-body-padding)}.menu-card-grid{flex:1;min-height:0;overflow-y:auto;touch-action:pan-y;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--theme-menu-card-gap);padding:var(--theme-menu-card-grid-padding);position:relative}.menu-page-footer{flex-shrink:0;height:var(--theme-menu-footer-height);border-top:var(--theme-menu-footer-border-top) solid var(--theme-menu-footer-border-color);background:transparent;display:flex;align-items:center;justify-content:center}.menu-card{background:var(--theme-menu-card-background);border-radius:var(--theme-menu-card-border-radius);padding:var(--theme-menu-card-padding);text-align:center;cursor:pointer;position:relative;min-height:var(--theme-menu-card-min-height);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform var(--theme-menu-card-transition),box-shadow var(--theme-menu-card-transition);opacity:0;animation:cardFadeIn var(--theme-menu-card-animation-duration) var(--theme-menu-card-animation-easing) forwards}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.menu-card:active{transform:scale(.98)}.menu-card.disabled{background:var(--theme-menu-card-disabled-background);cursor:not-allowed}.menu-card-badge{position:absolute;top:var(--theme-menu-card-badge-top);right:var(--theme-menu-card-badge-right);background:var(--theme-menu-card-badge-bg);color:var(--theme-menu-card-badge-color);font-size:var(--theme-menu-card-badge-font-size);padding:var(--theme-menu-card-badge-padding);border-radius:var(--theme-menu-card-badge-border-radius);font-weight:var(--theme-menu-card-badge-font-weight)}.menu-card-icon{margin-bottom:var(--theme-menu-card-icon-margin-bottom)}.menu-card-label{color:var(--theme-menu-card-label-color);font-weight:var(--theme-menu-card-label-font-weight);font-size:var(--theme-menu-card-label-font-size)}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.menu-card.shake{animation:shake .5s ease}.menu-toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%);background:var(--theme-menu-toast-background);color:var(--theme-menu-toast-color);padding:var(--theme-menu-toast-padding);border-radius:var(--theme-menu-toast-border-radius);font-size:var(--theme-menu-toast-font-size);opacity:0;transition:opacity .3s ease;z-index:2000}.menu-toast.show{opacity:1}.deploy-time-toast{position:fixed;top:var(--theme-app-header-height, 50px);left:50%;transform:translate(-50%);background:rgba(0,0,0,.8);color:#fff;padding:8px 16px;border-radius:20px;font-size:13px;opacity:0;transition:opacity .3s ease;z-index:2000;pointer-events:none;white-space:nowrap}.deploy-time-toast.show{opacity:1}.swipe-hint{display:flex;justify-content:center;text-align:center;color:var(--theme-menu-swipe-hint-color);font-size:var(--theme-menu-swipe-hint-font-size);padding:0 var(--spacing-xs);opacity:var(--theme-menu-swipe-hint-opacity);transition:opacity .2s,color .2s;width:100%}.swipe-hint-left,.swipe-hint-right{flex:1;cursor:pointer;padding:.25rem;transition:opacity .2s,color .2s;touch-action:manipulation}.swipe-hint-left{text-align:left}.swipe-hint-right{text-align:right}.swipe-hint-left:only-child,.swipe-hint-right:only-child{flex:none;text-align:center}.swipe-hint-left:hover,.swipe-hint-right:hover{opacity:1;color:var(--theme-menu-swipe-hint-hover-color)}.main-page-footer .swipe-hint{color:var(--theme-main-swipe-hint-color);font-size:var(--theme-main-swipe-hint-font-size);opacity:var(--theme-main-swipe-hint-opacity)}.main-page-footer .swipe-hint-left:hover,.main-page-footer .swipe-hint-right:hover{opacity:1;color:var(--theme-main-swipe-hint-hover-color)}.secondary-page{height:100%;display:flex;flex-direction:column;overflow:hidden}.secondary-page-footer{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg);border-top:var(--border-width-thin) solid var(--color-border);flex-shrink:0}.back-button{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-bg);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base)}.back-button:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.back-button:active{transform:scale(.95)}.back-button svg{width:20px;height:20px;transition:fill var(--transition-base)}.page-content{flex:1;padding:0;overflow-y:auto}.login-content{text-align:center;padding:var(--spacing-xl) 0}.settings-content{padding:var(--spacing-xl) 0}.blog-content{text-align:left;padding:0}.blog-content h2,.login-content h2,.settings-content h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--spacing-md)}.blog-content p,.login-content p,.settings-content p{font-size:var(--font-size-md);color:var(--color-text-muted);line-height:var(--line-height-relaxed)}.blog-header{height:var(--theme-app-header-height);display:flex;align-items:center;justify-content:space-between;padding:0 var(--theme-app-header-padding);border-bottom:var(--theme-app-header-border-bottom) solid var(--theme-app-header-border-color);background:var(--color-surface);gap:var(--theme-spacing-md);flex-shrink:0}.blog-header-brand{display:flex;align-items:center;gap:.75rem;flex:0 0 auto}.blog-header-brand h1{font-size:var(--theme-app-header-title-font-size);font-weight:var(--theme-app-header-title-font-weight);color:var(--theme-app-header-title-color);margin:0}.blog-header .app-logo{width:var(--theme-app-header-logo-size);height:var(--theme-app-header-logo-size)}.blog-header-title{font-size:var(--theme-page-header-title-font-size);font-weight:var(--theme-page-header-title-font-weight);color:var(--theme-page-header-title-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;text-align:right}.home-button{background:none;border:none;cursor:pointer;padding:var(--theme-spacing-sm);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);transition:all var(--transition-base);color:var(--color-text);flex:0 0 auto}.home-button:hover{background:var(--color-primary);color:#fff}.home-button:active{transform:scale(.95)}.home-button svg{fill:currentColor}.article-contents{padding:var(--theme-article-contents-padding-top) var(--theme-blog-articles-padding-right) var(--theme-blog-articles-padding-bottom) var(--theme-blog-articles-padding-left);background:var(--theme-article-contents-background-color);border-radius:var(--theme-article-contents-border-radius);margin-top:var(--theme-article-contents-margin-top);margin-bottom:var(--theme-article-contents-margin-bottom);margin-left:var(--theme-blog-articles-margin-left);margin-right:var(--theme-blog-articles-margin-right)}.article-contents-inner{padding:var(--spacing-lg)}.blog-content h2.article-contents-title{font-size:var(--theme-article-contents-title-font-size);font-weight:var(--theme-article-contents-title-font-weight);color:var(--theme-article-contents-title-color);margin-bottom:var(--theme-article-contents-title-margin-bottom)}.article-contents-list{max-height:var(--theme-article-contents-list-max-height);overflow-y:auto;display:flex;flex-direction:column;gap:var(--theme-article-contents-list-gap)}.article-contents-link{font-size:var(--theme-article-contents-link-font-size);color:var(--theme-article-contents-link-color);text-decoration:var(--theme-article-contents-link-text-decoration);display:flex;align-items:baseline}.article-contents-link:hover{color:var(--theme-article-contents-link-hover-color);text-decoration:var(--theme-article-contents-link-hover-text-decoration)}.article-contents-link-date{color:var(--theme-article-contents-link-date-color);margin-right:var(--theme-article-contents-link-date-margin-right);flex-shrink:0}.article-contents-link-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.article-contents-link--unpublished{opacity:.5}.article-contents-link--unpublished .article-contents-link-title:after{content:" (draft)";font-size:.75em;font-weight:var(--font-weight-normal)}.blog-articles{display:flex;flex-direction:column;gap:var(--theme-blog-articles-gap);padding:var(--theme-blog-articles-padding-top) var(--theme-blog-articles-padding-right) var(--theme-blog-articles-padding-bottom) var(--theme-blog-articles-padding-left);margin-left:var(--theme-blog-articles-margin-left);margin-right:var(--theme-blog-articles-margin-right)}.blog-article{background:var(--color-surface);border-radius:var(--radius-lg);padding:0 var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);box-shadow:var(--shadow-sm);border-top:0}.blog-article-header{position:relative;padding-top:24px}.blog-article-meta{display:flex;flex-direction:column;gap:var(--theme-blog-article-header-meta-gap, .25rem);margin-bottom:var(--theme-blog-article-header-meta-padding-bottom, var(--spacing-sm))}.blog-article-date,.blog-article-updated{font-size:var(--theme-blog-article-header-published-font-size, var(--font-size-sm));line-height:16px}.blog-article-date{font-weight:var(--theme-blog-article-header-published-font-weight, 300);color:var(--theme-blog-article-header-published-color, var(--color-text-muted))}.blog-article-updated{font-weight:var(--theme-blog-article-header-updated-font-weight, 300);color:var(--theme-blog-article-header-updated-color, var(--color-text-muted))}.blog-article-lang-badge{background:var(--color-primary);color:#fff;padding:.125rem .375rem;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.blog-article--unpublished .blog-article-header:before{content:"DRAFT";position:absolute;top:-8px;right:-8px;background:var(--color-warning);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:.125rem .5rem;border-radius:var(--radius-md);transform:rotate(15deg);box-shadow:var(--shadow-sm);z-index:1}.blog-article-title{font-size:var(--theme-blog-article-title-font-size);font-weight:var(--theme-blog-article-title-font-weight, var(--font-weight-bold));color:var(--theme-blog-article-header-title-color, var(--theme-markdown-text-color));margin-bottom:var(--theme-blog-article-title-margin-bottom, var(--spacing-sm));line-height:var(--theme-blog-article-title-line-height, var(--line-height-tight));text-align:left}.blog-article-title strong{font-weight:var(--theme-blog-article-title-font-weight, var(--font-weight-bold))}.blog-article-content{color:var(--theme-blog-article-content-color, var(--color-text));line-height:var(--theme-blog-article-content-line-height, var(--line-height-relaxed));font-size:var(--theme-blog-article-content-font-size, var(--font-size-md))}.blog-article-content h2,.blog-article-content h3{color:var(--theme-blog-article-heading2-color, var(--color-primary));margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm);font-weight:var(--font-weight-bold)}.blog-article-content h2{font-size:var(--theme-blog-article-heading2-font-size, var(--font-size-xl))}.blog-article-content h3{font-size:var(--theme-blog-article-heading3-font-size, var(--font-size-lg));color:var(--theme-blog-article-heading3-color, var(--color-primary))}.blog-article-content p{margin-bottom:var(--theme-blog-article-paragraph-margin-bottom, var(--spacing-md))}.blog-article-content ul,.blog-article-content ol{margin-bottom:var(--theme-blog-article-list-margin-bottom, var(--spacing-md));padding-left:var(--theme-blog-article-list-padding-left, var(--spacing-lg))}.blog-article-content li{margin-bottom:var(--spacing-xs)}.blog-article-content code{background:var(--theme-blog-article-code-background, var(--color-background));color:var(--theme-blog-article-code-color, var(--color-text));padding:.125rem .25rem;border-radius:var(--radius-sm);font-family:monospace;font-size:var(--theme-blog-article-code-font-size, var(--font-size-sm))}.blog-article-content pre{background:var(--theme-blog-article-pre-background, var(--color-background));padding:var(--theme-blog-article-pre-padding, var(--spacing-md));border-radius:var(--theme-blog-article-pre-border-radius, var(--radius-md));overflow-x:auto;margin-bottom:var(--spacing-md)}.blog-article-content pre code{padding:0;background:none}.blog-article-content a{color:var(--theme-blog-article-link-color, var(--color-primary));text-decoration:underline}.blog-article-content strong{font-weight:var(--font-weight-bold)}.blog-article-content em{font-style:italic}.blog-article-content blockquote{border-left:var(--theme-blog-article-blockquote-border-left, 3px) solid var(--theme-blog-article-blockquote-border-left-color, var(--color-primary));padding-left:var(--spacing-md);margin-bottom:var(--spacing-md);color:var(--theme-blog-article-blockquote-color, var(--color-text-muted));font-style:italic}.blog-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-2xl)}.blog-loading .spinner{width:2rem;height:2rem;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.blog-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-2xl);text-align:center}.blog-error .error-message{color:var(--color-error);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md)}.blog-retry-button{background:var(--color-primary);color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base)}.blog-retry-button:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.blog-retry-button:active{transform:translateY(0)}.blog-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-2xl);text-align:center}.blog-empty-hint{color:var(--color-text-muted);font-size:var(--font-size-sm)}.settings-header{height:var(--theme-app-header-height);display:flex;align-items:center;justify-content:space-between;padding:0 var(--theme-app-header-padding);border-bottom:var(--theme-app-header-border-bottom) solid var(--theme-app-header-border-color);background:var(--color-surface);gap:var(--theme-spacing-md);flex-shrink:0;overflow:hidden;max-width:100%}.settings-header-brand{display:flex;align-items:center;gap:var(--theme-settings-header-brand-gap);flex:0 0 auto}.settings-header-brand h1{font-size:var(--theme-app-header-title-font-size);font-weight:var(--theme-app-header-title-font-weight);color:var(--theme-app-header-title-color);margin:0}.settings-header .app-logo{width:var(--theme-app-header-logo-size);height:var(--theme-app-header-logo-size)}.settings-header-title{font-size:var(--theme-page-header-title-font-size);font-weight:var(--theme-page-header-title-font-weight);color:var(--theme-page-header-title-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;text-align:right}.settings-page{display:flex;flex-direction:column;height:100%;background:var(--theme-settings-background-color);max-width:100%}.settings-content{flex:1;overflow-y:auto;padding:var(--theme-settings-content-padding-vertical) var(--theme-app-header-padding);position:relative}.settings-section{padding:var(--theme-settings-section-padding-vertical) 0}.settings-header-row{padding:0 var(--theme-settings-header-row-padding-horizontal);display:flow-root}.settings-header-row>.language-selector-wrap{float:right;margin-left:var(--theme-settings-header-row-gap);position:relative}.settings-label{display:block;color:var(--theme-settings-label-color);font-size:var(--theme-settings-label-font-size);font-weight:var(--theme-settings-label-font-weight);line-height:var(--theme-settings-label-line-height);margin:0;font-family:inherit;hyphens:auto;-webkit-hyphens:auto}.settings-description{display:block;color:var(--theme-settings-description-color);font-size:var(--theme-settings-description-font-size);margin:0;line-height:var(--theme-settings-description-line-height);font-family:inherit;hyphens:auto;-webkit-hyphens:auto}.settings-email-status{display:block;font-size:var(--font-size-sm, .875rem);margin:.25rem 0 0}.settings-email-status-verified{color:var(--color-success, #16a34a)}.settings-email-status-pending{color:var(--color-error, #dc2626)}.settings-email-status-none{color:var(--theme-settings-description-color)}.settings-email-input{width:100%;padding:.375rem .5rem;font-size:inherit;font-family:inherit;border:1px solid var(--color-primary, #4f46e5);border-radius:var(--radius-md, .5rem);background:var(--color-surface, #ffffff);color:var(--color-text, #1e293b);outline:none;box-sizing:border-box}.settings-verify-button{display:inline-block;margin-top:.375rem;padding:.375rem .75rem;font-size:var(--font-size-sm, .875rem);font-family:inherit;border:1px solid var(--color-primary, #4f46e5);border-radius:var(--radius-md, .5rem);background:transparent;color:var(--color-primary, #4f46e5);cursor:pointer}.settings-verify-button:hover{background:var(--color-primary, #4f46e5);color:var(--color-surface, #ffffff)}.legal-page{display:flex;flex-direction:column;flex:1;min-height:0}.legal-content{flex:1;overflow-y:auto;min-height:0;padding:var(--theme-settings-content-padding-vertical) var(--theme-app-header-padding);position:relative}.legal-section{padding:var(--theme-settings-section-padding-vertical) 0;border-bottom:1px solid var(--color-border)}.legal-section:last-child{border-bottom:none}.legal-section-title{font-size:1.25rem;font-weight:600;color:var(--color-text);margin:0 0 1rem;font-family:inherit}.legal-section h3{font-size:.95rem;font-weight:600;color:var(--color-text);margin:1rem 0 .5rem;font-family:inherit}.legal-section p{font-size:var(--theme-settings-description-font-size);color:var(--theme-settings-description-color);margin:0 0 .5rem;line-height:var(--theme-settings-description-line-height);font-family:inherit}.legal-section ul{margin:.5rem 0;padding-left:1.5rem;list-style:disc}.legal-section li{font-size:var(--theme-settings-description-font-size);color:var(--theme-settings-description-color);line-height:var(--theme-settings-description-line-height);font-family:inherit;margin-bottom:.25rem}.legal-highlight{background:var(--color-primary);color:var(--color-surface);border-radius:.5rem;padding:.75rem 1rem;margin:.5rem 0}.legal-highlight p{color:inherit;font-weight:500}.legal-effective-date{font-size:.8rem;color:var(--color-text-secondary);margin-top:1rem;font-style:italic}.custom-select{position:relative;width:100%}.custom-select-trigger{width:100%;padding:var(--theme-settings-select-padding);font-size:var(--theme-settings-select-font-size);font-family:inherit;color:var(--theme-settings-select-color);background:var(--theme-settings-select-background);border:1px solid var(--theme-settings-select-border-color);border-radius:var(--theme-settings-select-border-radius);cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease;display:flex;align-items:center;justify-content:space-between;text-align:left}.custom-select-trigger:hover{border-color:var(--theme-settings-select-focus-border-color)}.custom-select.open .custom-select-trigger{border-color:var(--theme-settings-select-focus-border-color);box-shadow:var(--theme-custom-select-focus-box-shadow)}.custom-select-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:inherit}.custom-select-arrow{flex-shrink:0;margin-left:.5rem;transition:transform .2s ease;color:var(--theme-settings-description-color)}.custom-select.open .custom-select-arrow{transform:rotate(180deg)}.custom-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--theme-custom-select-dropdown-background);border:1px solid var(--theme-settings-select-border-color);border-radius:var(--theme-settings-select-border-radius);box-shadow:var(--theme-custom-select-dropdown-box-shadow);max-height:250px;overflow-y:auto;-webkit-overflow-scrolling:touch;z-index:1000;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease;font-family:inherit}.custom-select.open .custom-select-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.custom-select-dropdown.dropdown-above{transform:translateY(10px)}.custom-select.open .custom-select-dropdown.dropdown-above{transform:translateY(0)}.custom-select-option{padding:.5rem 1rem;cursor:pointer;transition:background-color .15s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:inherit}.custom-select-option:hover,.custom-select-option:focus{background-color:var(--theme-settings-select-background)}.custom-select-option.selected{background-color:var(--theme-custom-select-option-selected-background);font-weight:500}.custom-select-option.disabled{opacity:.5;cursor:not-allowed}.custom-select-dropdown::-webkit-scrollbar{width:8px}.custom-select-dropdown::-webkit-scrollbar-track{background:transparent}.custom-select-dropdown::-webkit-scrollbar-thumb{background:var(--theme-settings-description-color);border-radius:4px}.custom-select-dropdown::-webkit-scrollbar-thumb:hover{background:var(--theme-settings-select-border-color)}.custom-select-mobile-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:flex;align-items:flex-end;justify-content:center}.custom-select-mobile-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--theme-custom-select-mobile-backdrop-background)}.custom-select-mobile-content{position:relative;width:100%;max-width:600px;background:var(--theme-custom-select-dropdown-background);border-radius:var(--theme-custom-select-mobile-content-border-radius);max-height:80vh;display:flex;flex-direction:column;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.custom-select-mobile-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--theme-settings-select-border-color);flex-shrink:0}.custom-select-mobile-close{background:none;border:none;font-size:1.5rem;color:var(--color-text-muted);cursor:pointer;padding:.25rem .5rem;line-height:1}.custom-select-mobile-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text)}.custom-select-mobile-options{overflow-y:auto;-webkit-overflow-scrolling:touch;padding:.5rem 0}.custom-select-mobile-option{width:100%;text-align:left;padding:1rem;background:none;border:none;font-size:var(--font-size-md);color:var(--color-text);cursor:pointer;transition:background-color .15s ease;font-family:inherit;border-bottom:1px solid var(--color-border)}.custom-select-mobile-option:last-child{border-bottom:none}.custom-select-mobile-option:active{background-color:var(--theme-settings-select-background)}.custom-select-mobile-option.selected{background-color:var(--theme-custom-select-option-selected-background);font-weight:var(--font-weight-medium);color:var(--color-primary)}.custom-select-mobile-option.disabled{opacity:.5;cursor:not-allowed}.language-selector-button{padding:var(--theme-language-selector-button-padding);font-size:var(--theme-language-selector-button-font-size);font-family:inherit;color:var(--theme-language-selector-button-color);background:var(--theme-language-selector-button-background);border:1px solid var(--theme-language-selector-button-border-color);border-radius:var(--theme-language-selector-button-border-radius);cursor:pointer;text-align:left;display:block;transition:all var(--transition-base);box-sizing:border-box;white-space:nowrap;width:var(--theme-language-selector-button-width);overflow:hidden;text-overflow:ellipsis}.language-selector-button:hover{border-color:var(--theme-language-selector-button-hover-border-color)}.language-selector-button:focus{outline:none;border-color:var(--theme-language-selector-button-focus-border-color);box-shadow:var(--theme-language-selector-button-focus-box-shadow)}.language-selector-button-label{flex:1}.language-selector-button-arrow{flex-shrink:0;margin-left:var(--spacing-sm);color:var(--theme-settings-description-color);transition:transform var(--transition-base)}.language-selector-button:hover .language-selector-button-arrow{color:var(--theme-language-selector-button-hover-border-color)}.language-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--theme-language-modal-overlay-background);display:flex;align-items:center;justify-content:center;z-index:9999;padding:var(--spacing-md)}.language-modal-content{background:var(--theme-color-surface);border-radius:var(--theme-language-modal-border-radius);box-shadow:var(--theme-language-modal-box-shadow);width:100%;max-width:var(--theme-language-modal-max-width);max-height:var(--theme-language-modal-max-height);display:flex;flex-direction:column;overflow:hidden;animation:modalFadeIn var(--theme-language-modal-animation-duration) ease-out}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.language-modal-header{padding:1rem;padding-bottom:var(--spacing-sm);font-size:var(--theme-settings-label-font-size);font-weight:var(--theme-settings-label-font-weight);font-family:inherit;color:var(--theme-settings-label-color);border-bottom:1px solid var(--theme-settings-select-border-color);flex-shrink:0;display:flex;align-items:center;justify-content:space-between}.language-modal-header .header-face{position:static;transform:none;height:1.5em;flex-shrink:0;pointer-events:none}.language-modal-list{position:relative;flex:1;display:flex;flex-direction:column;overflow:hidden}.language-modal-list-scroll{flex:1;overflow-y:auto;position:relative}.scroll-indicator-gradient{position:absolute;left:0;right:0;height:var(--theme-scroll-indicator-height, 24px);pointer-events:none;z-index:2;opacity:0;transition:opacity var(--theme-transition-fast, .15s ease);flex-shrink:0}.scroll-indicator-gradient.top{top:0;background:linear-gradient(to bottom,color-mix(in srgb,var(--theme-scroll-indicator-gradient-top, var(--theme-color-text)) 70%,transparent 30%),color-mix(in srgb,var(--theme-scroll-indicator-gradient-bottom, var(--theme-color-text)) 40%,transparent 60%),color-mix(in srgb,var(--theme-scroll-indicator-gradient-fade, var(--theme-color-text)) 10%,transparent 90%))}.scroll-indicator-gradient.bottom{bottom:0;background:linear-gradient(to top,color-mix(in srgb,var(--theme-scroll-indicator-gradient-top, var(--theme-color-text)) 70%,transparent 30%),color-mix(in srgb,var(--theme-scroll-indicator-gradient-bottom, var(--theme-color-text)) 40%,transparent 60%),color-mix(in srgb,var(--theme-scroll-indicator-gradient-fade, var(--theme-color-text)) 10%,transparent 90%))}.scrollable-with-indicator.has-top-gradient .scroll-indicator-gradient.top,.scrollable-with-indicator.has-bottom-gradient .scroll-indicator-gradient.bottom{opacity:var(--theme-scroll-indicator-opacity, .25)}.language-modal-option{width:100%;padding:var(--theme-settings-select-padding);font-size:var(--theme-settings-select-font-size);font-family:inherit;color:var(--theme-settings-select-color);background:var(--theme-settings-select-background);border:none;border-bottom:1px solid var(--theme-settings-select-border-color);cursor:pointer;text-align:left;transition:background-color var(--transition-base);box-sizing:border-box}.language-modal-option:last-child{border-bottom:none}.language-modal-option:hover,.language-modal-option:focus{background-color:var(--theme-language-modal-option-hover-background);outline:none}.language-modal-option.selected{background-color:var(--theme-language-modal-option-selected-background);font-weight:var(--font-weight-medium);color:var(--color-primary)}.language-modal-option.disabled{opacity:.5;cursor:not-allowed}.language-modal-list::-webkit-scrollbar{width:var(--theme-language-modal-scrollbar-width)}.language-modal-list::-webkit-scrollbar-track{background:transparent}.language-modal-list::-webkit-scrollbar-thumb{background:var(--theme-settings-description-color);border-radius:var(--theme-language-modal-scrollbar-radius)}.language-modal-list::-webkit-scrollbar-thumb:hover{background:var(--theme-settings-select-border-color)}.story-page{flex:1;display:flex;flex-direction:column;height:100%;min-height:0}.story-page-body{flex:1;min-height:0;overflow-y:auto;touch-action:pan-y;padding:var(--spacing-md)}.story-page-footer{flex-shrink:0;height:var(--theme-menu-footer-height);border-top:var(--theme-menu-footer-border-top) solid var(--theme-menu-footer-border-color);background:transparent;display:flex;align-items:center;justify-content:center}.story-loading{flex:1;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted)}.story-filter-bar{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);position:sticky;top:0;z-index:1;background-color:var(--color-bg);padding:var(--spacing-xs) 0}.story-filter-btn{flex:1;padding:var(--spacing-sm) var(--spacing-xs);font-size:.85em;font-family:inherit;color:var(--theme-story-title-color);background:var(--theme-story-item-bg);border:1px solid var(--theme-story-item-border-color);border-radius:var(--theme-story-item-border-radius);cursor:pointer;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:all var(--transition-base)}.story-filter-btn:hover{border-color:var(--theme-story-item-border-hover)}.story-filter-btn.active{font-weight:600;border-color:var(--theme-story-item-border-hover)}.story-filter-btn.disabled{opacity:.4;pointer-events:none}.story-list{display:flex;flex-direction:column;gap:var(--theme-story-list-gap)}.story-item{position:relative;padding:var(--theme-story-item-padding);border-radius:var(--theme-story-item-border-radius);background-color:var(--theme-story-item-bg);border:var(--theme-story-item-border) solid var(--theme-story-item-border-color);cursor:pointer;transition:all var(--transition-base)}.story-item:hover{border-color:var(--theme-story-item-border-hover);background-color:var(--theme-story-item-bg-hover);transform:translate(4px)}.story-item.selected{border-color:var(--theme-story-item-border-hover);background-color:var(--theme-story-item-bg-selected)}.study-badge{position:absolute;top:8px;right:8px;background:var(--theme-color-primary, #4f46e5);color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;opacity:.85}.story-item-focused{border-color:var(--theme-story-item-border-hover);background-color:var(--theme-story-item-bg-hover);transform:translate(4px)}.story-title{font-size:var(--theme-story-title-font-size);font-weight:var(--theme-story-title-font-weight);color:var(--theme-story-title-color)}.story-age-indicator{display:inline-block;width:4px;height:14px;border-radius:2px;vertical-align:middle;margin-right:4px}.story-description{font-size:var(--theme-story-description-font-size);color:var(--theme-story-description-color)}.story-meta{font-size:var(--theme-story-meta-font-size);color:var(--theme-story-meta-color)}.story-last-viewed{position:absolute;top:-2px;right:19px;font-size:.7rem;color:var(--theme-color-text-muted);opacity:.6}.story-item.above-level{opacity:.6}.story-bucket-label{font-size:.7em;font-style:italic;margin-top:2px}.story-bucket-label[data-bucket=past]{color:#22c55e}.story-bucket-label[data-bucket=current]{color:#3b82f6}.story-bucket-label[data-bucket=next]{color:#f59e0b}.story-bucket-label[data-bucket=future]{color:#ef4444}.story-l-value{font-style:normal}.story-filter-bar{display:flex;flex-direction:column;gap:0;padding:8px var(--theme-story-page-padding, 16px) 0;position:sticky;top:0;z-index:10;background-color:var(--theme-story-page-bg, #fff)}.story-difficulty-tabs{display:flex;gap:4px;max-height:0;overflow:hidden;opacity:0;transition:max-height .3s ease,opacity .2s ease,margin-top .3s ease}.story-difficulty-tabs.expanded{max-height:50px;opacity:1;margin-top:4px}.story-mode-tabs{margin-bottom:4px}.story-mode-toggle{display:flex;flex-direction:column;line-height:1.15}.story-filter-tabs{display:flex;gap:4px}.story-difficulty-tab{flex:1;padding:8px 4px;border:1px solid var(--theme-story-filter-bar-tab-border-color);border-radius:var(--theme-story-filter-bar-tab-border-radius);background-color:var(--theme-story-filter-bar-tab-bg);font-size:var(--theme-story-filter-bar-tab-font-size);font-family:inherit;cursor:pointer;text-align:center;color:var(--theme-story-filter-bar-tab-text-color);transition:all var(--transition-base)}.story-difficulty-tab.active{background-color:var(--theme-story-filter-bar-tab-active-bg);border-color:var(--theme-story-filter-bar-tab-active-border-color);color:var(--theme-story-filter-bar-tab-active-text-color);font-weight:600}.story-difficulty-tab .tab-count{display:block;font-size:.85em;opacity:.7}.story-dummy-tab{cursor:default;opacity:.3}.story-difficulty-tab[data-group=all] .tab-count{color:var(--theme-story-filter-bar-tab-text-color)}.story-difficulty-tab[data-group=past] .tab-count{color:var(--theme-story-filter-bar-tab-count-past-color)}.story-difficulty-tab[data-group=current] .tab-count{color:var(--theme-story-filter-bar-tab-count-current-color)}.story-difficulty-tab[data-group=next] .tab-count{color:var(--theme-story-filter-bar-tab-count-next-color)}.story-difficulty-tab[data-group=future] .tab-count{color:var(--theme-story-filter-bar-tab-count-future-color)}.story-sort-tab{background-color:var(--theme-story-filter-bar-tab-sort-bg);font-size:.85em}.story-purpose-btn{font-size:.85em}.story-purpose-btn.disabled{opacity:.3;pointer-events:none}.story-desc-tab{font-size:.85em}.story-desc-tab.story-desc-right{margin-left:auto;opacity:.7}.story-desc-tab.story-desc-right.active{opacity:1}.story-sort-row{display:flex;justify-content:space-between;align-items:center;margin-top:4px;gap:4px}.story-sort-row-btn{background:none;border:none;color:var(--theme-story-filter-bar-tab-text-color);font-size:.8em;padding:2px 6px;cursor:pointer;opacity:.6;transition:opacity .2s ease;border-radius:4px}.story-sort-row-btn:hover{opacity:.85}.story-sort-row-btn.active{opacity:1;font-weight:600}.story-sort-row-left{text-align:left}.story-sort-row-center{text-align:center;flex:1}.story-sort-row-right{text-align:right}.story-sort-row-spacer{min-width:3em}#hintIndicatorContainer{position:absolute;bottom:var(--spacing-lg);left:0;right:0;display:flex;justify-content:center;pointer-events:none;z-index:var(--z-sticky)}.hint-indicator{display:flex;gap:var(--hint-gap);pointer-events:auto;opacity:1;transition:opacity var(--transition-base)}.hint-indicator.hidden{opacity:0;pointer-events:none}.hint-link{width:var(--hint-size);height:var(--hint-size);display:flex;align-items:center;justify-content:center;background:var(--hint-bg);border:var(--border-width-normal) solid var(--hint-border);border-radius:var(--hint-radius);cursor:pointer;color:var(--hint-text);transition:all var(--transition-base);animation:hint-pulse var(--hint-pulse-duration) ease-in-out infinite;opacity:.7}.hint-link:hover{color:var(--hint-text-hover);border-color:var(--hint-text-hover);opacity:1;transform:scale(1.1)}.hint-link:active{transform:scale(.95)}.hint-link.hidden{display:none}.hint-link-left{animation-delay:0s}.hint-link-right{animation-delay:var(--hint-stagger-delay)}@keyframes hint-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}.hint-link svg{width:var(--hint-icon-size);height:var(--hint-icon-height);fill:currentColor}.scrollable-with-indicator{position:relative}.scrollable-with-indicator:before{content:"";position:absolute;top:0;left:0;right:0;height:var(--theme-scroll-indicator-height, 24px);background:linear-gradient(to bottom,var(--theme-scroll-indicator-gradient-top, rgba(0, 0, 0, .4)) 0%,var(--theme-scroll-indicator-gradient-bottom, rgba(0, 0, 0, .3)) 50%,var(--theme-scroll-indicator-gradient-fade, rgba(0, 0, 0, .1)) 100%);opacity:0;pointer-events:none;transition:opacity var(--theme-transition-fast, .15s ease);z-index:1}.scrollable-with-indicator:after{content:"";position:absolute;bottom:0;left:0;right:0;height:var(--theme-scroll-indicator-height, 24px);background:linear-gradient(to top,var(--theme-scroll-indicator-gradient-top, rgba(0, 0, 0, .4)) 0%,var(--theme-scroll-indicator-gradient-bottom, rgba(0, 0, 0, .3)) 50%,var(--theme-scroll-indicator-gradient-fade, rgba(0, 0, 0, .1)) 100%);opacity:0;pointer-events:none;transition:opacity var(--theme-transition-fast, .15s ease);z-index:1}.scrollable-with-indicator.top-visible:before{opacity:var(--theme-scroll-indicator-opacity, .25)}.scrollable-with-indicator.bottom-visible:after{opacity:var(--theme-scroll-indicator-opacity, .25)}.scroll-sentinel{position:absolute;width:1px;height:1px;pointer-events:none;opacity:0}.scroll-sentinel-top{top:0;left:0}.scroll-sentinel-bottom{bottom:0;left:0}}@layer utilities{@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}.u-mt-xs{margin-top:var(--spacing-xs)}.u-mt-sm{margin-top:var(--spacing-sm)}.u-mt-md{margin-top:var(--spacing-md)}.u-mt-lg{margin-top:var(--spacing-lg)}.u-mt-xl{margin-top:var(--spacing-xl)}.u-mb-xs{margin-bottom:var(--spacing-xs)}.u-mb-sm{margin-bottom:var(--spacing-sm)}.u-mb-md{margin-bottom:var(--spacing-md)}.u-mb-lg{margin-bottom:var(--spacing-lg)}.u-mb-xl{margin-bottom:var(--spacing-xl)}.u-p-xs{padding:var(--spacing-xs)}.u-p-sm{padding:var(--spacing-sm)}.u-p-md{padding:var(--spacing-md)}.u-p-lg{padding:var(--spacing-lg)}.u-p-xl{padding:var(--spacing-xl)}.u-text-center{text-align:center}.u-text-left{text-align:left}.u-text-right{text-align:right}.u-text-muted{color:var(--color-text-muted)}.u-text-primary{color:var(--color-primary)}.u-text-secondary{color:var(--color-secondary)}.u-hidden{display:none!important}.u-block{display:block}.u-flex{display:flex}.u-inline-flex{display:inline-flex}.u-flex-center{display:flex;align-items:center;justify-content:center}.u-flex-column{display:flex;flex-direction:column}.u-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}}.login-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;min-height:50vh}.login-content h2{font-size:1.5rem;margin-bottom:1rem}.login-content p{margin-bottom:1.5rem;max-width:300px}.login-form{display:flex;flex-direction:column;gap:var(--spacing-sm, .5rem);width:100%;max-width:280px}.login-field{display:flex;flex-direction:column;gap:.25rem}.login-input-wrapper{position:relative;display:flex;align-items:center}.login-input-wrapper input{width:100%;padding:.625rem 2.5rem .625rem .75rem;font-size:var(--font-size-md, 1rem);font-family:inherit;border:1px solid var(--color-border, #e2e8f0);border-radius:var(--radius-md, .5rem);background:var(--color-surface, #ffffff);color:var(--color-text, #1e293b);outline:none;transition:border-color .15s}.login-input-wrapper input:focus{border-color:var(--color-primary, #4f46e5)}.login-input-wrapper input::placeholder{color:var(--color-text-muted, #94a3b8)}.login-toggle-password{position:absolute;right:.5rem;background:none;border:none;padding:.25rem;cursor:pointer;color:var(--color-text-muted, #94a3b8);display:flex;align-items:center;justify-content:center;line-height:1}.login-toggle-password:hover{color:var(--color-text, #1e293b)}.login-field input{width:100%;padding:.625rem .75rem;font-size:var(--font-size-md, 1rem);font-family:inherit;border:1px solid var(--color-border, #e2e8f0);border-radius:var(--radius-md, .5rem);background:var(--color-surface, #ffffff);color:var(--color-text, #1e293b);outline:none;transition:border-color .15s}.login-field input:focus{border-color:var(--color-primary, #4f46e5)}.login-field input::placeholder{color:var(--color-text-muted, #94a3b8)}.login-error{font-size:var(--font-size-sm, .875rem);color:var(--color-error, #ef4444);min-height:1.2em;text-align:left}.login-success{font-size:var(--font-size-sm, .875rem);color:var(--color-success, #22c55e);min-height:1.2em;text-align:left}.login-button{padding:.75rem 2rem;font-size:var(--font-size-md, 1rem);font-weight:600;font-family:inherit;border:none;border-radius:var(--radius-md, .5rem);cursor:pointer;transition:transform .15s,box-shadow .15s}.login-button--primary{background:var(--color-primary, #4f46e5);color:#fff}.login-button--secondary{background:var(--color-secondary, #06b6d4);color:#fff}.login-button--logout{background:var(--color-error, #ef4444);color:#fff}.login-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(79,70,229,.3)}.login-button:active{transform:translateY(0)}.login-mode-links{display:flex;flex-direction:column;gap:.5rem;margin-top:var(--spacing-md, 1rem)}.login-mode-link{background:none;border:none;color:var(--color-primary, #4f46e5);font-family:inherit;font-size:var(--font-size-sm, .875rem);cursor:pointer;padding:0}.login-mode-link:hover{text-decoration:underline}.login-hint{font-size:var(--font-size-sm, .875rem);opacity:.6;margin-top:1rem}.comment-page-content{display:flex;flex-direction:column;height:100%;padding:0}.comment-list-section{flex:1;min-height:110px;display:flex;flex-direction:column;padding:0 16px;border-bottom:1px solid var(--theme-color-border)}.comment-list-scroll{flex:1;overflow-y:auto;position:relative;border:1px solid var(--theme-color-border);border-radius:var(--theme-radius-md)}.comment-list-item{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;cursor:pointer;border-bottom:1px solid var(--theme-color-border);transition:background-color var(--theme-transition-fast)}.comment-list-item:last-child{border-bottom:none}.comment-list-item:hover{background:color-mix(in srgb,var(--theme-color-primary) 5%,var(--theme-color-surface))}.comment-list-item.selected{background:color-mix(in srgb,var(--theme-color-primary) 10%,var(--theme-color-surface))}.comment-list-item.has-reply{background:color-mix(in srgb,var(--theme-color-success) 5%,var(--theme-color-surface))}.comment-list-item.has-reply.selected{background:color-mix(in srgb,var(--theme-color-primary) 10%,var(--theme-color-surface))}.comment-list-subject{font-size:var(--theme-font-size-sm);color:var(--theme-color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;margin-right:8px}.comment-list-meta{display:flex;align-items:center;gap:6px;flex-shrink:0}.comment-list-date{font-size:var(--theme-font-size-xs);color:var(--theme-color-text-muted)}.comment-reply-indicator{color:var(--theme-color-success);font-size:var(--theme-font-size-sm)}.comment-empty{text-align:center;color:var(--theme-color-text-muted);font-size:var(--theme-font-size-sm);padding:16px}.comment-form-section{flex-shrink:0;display:flex;flex-direction:column;padding:12px 16px}.comment-field-group{margin-bottom:12px}.comment-label{display:block;font-size:var(--theme-font-size-xs);font-weight:var(--theme-font-weight-medium);color:var(--theme-color-text-muted);margin-bottom:4px;text-transform:uppercase;letter-spacing:var(--theme-letter-spacing-wide)}.comment-input{width:100%;padding:8px 12px;border:1px solid var(--theme-color-border);border-radius:var(--theme-radius-md);font-family:inherit;font-size:var(--theme-font-size-sm);color:var(--theme-color-text);background:var(--theme-color-surface);box-sizing:border-box}.comment-input:focus{outline:none;border-color:var(--theme-color-primary);box-shadow:0 0 0 2px var(--theme-color-focus)}.comment-input[readonly]{background:var(--theme-color-bg);cursor:default}.comment-subject{max-width:100%}.comment-body{min-height:80px;max-height:200px;resize:vertical}.comment-char-count{display:block;text-align:right;font-size:var(--theme-font-size-xs);color:var(--theme-color-text-muted);margin-top:4px}.comment-actions{display:flex;justify-content:space-between;align-items:center;margin-top:8px;gap:8px}.comment-actions-right{display:flex;gap:8px}.comment-btn{padding:8px 16px;border:1px solid var(--theme-color-border);border-radius:var(--theme-radius-md);font-family:inherit;font-size:var(--theme-font-size-sm);cursor:pointer;transition:all var(--theme-transition-fast)}.comment-btn-new{background:var(--theme-color-surface);color:var(--theme-color-primary)}.comment-btn-new:hover{background:color-mix(in srgb,var(--theme-color-primary) 10%,var(--theme-color-surface))}.comment-btn-send{background:var(--theme-color-primary);color:#fff;border-color:var(--theme-color-primary)}.comment-btn-send:hover:not(:disabled){background:var(--theme-color-primary-dark)}.comment-btn-send:disabled{opacity:.5;cursor:not-allowed}.comment-reply-section{margin-top:4px;padding:12px;background:var(--theme-color-comment-reply-bg);border-radius:var(--theme-radius-md);border-left:3px solid var(--theme-color-primary)}.comment-reply-text{font-size:var(--theme-font-size-sm);color:var(--theme-color-text);line-height:var(--theme-line-height-relaxed);white-space:pre-wrap}.comment-send-error{color:var(--theme-color-error);font-size:var(--theme-font-size-sm);margin-top:8px;text-align:center}.comment-error{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;color:var(--theme-color-text-muted)}.comment-retry-button{padding:8px 16px;border:1px solid var(--theme-color-primary);border-radius:var(--theme-radius-md);background:var(--theme-color-surface);color:var(--theme-color-primary);cursor:pointer;font-family:inherit}.video-page-content{display:flex;flex-direction:column;height:100%;gap:var(--theme-spacing-sm, .5rem)}.video-search-section{padding:var(--theme-spacing-sm, .5rem) 0}.video-search-input{width:100%;padding:var(--theme-spacing-sm, .5rem) var(--theme-spacing-md, 1rem);border:1px solid var(--theme-color-border);border-radius:var(--theme-radius-md, .5rem);font-size:var(--theme-font-size-sm, .875rem);background:var(--theme-color-surface);color:var(--theme-color-text);outline:none;font-family:inherit}.video-search-input:focus{border-color:var(--theme-color-focus);box-shadow:0 0 0 2px var(--theme-color-focus)}.video-search-input::placeholder{color:var(--theme-color-text-muted)}.video-list-scroll{flex:1;overflow-y:auto;position:relative;min-height:3rem}.video-item{display:flex;gap:var(--theme-spacing-sm, .5rem);padding:var(--theme-spacing-sm, .5rem);border-bottom:1px solid var(--theme-color-border);text-decoration:none;color:var(--theme-color-text);align-items:flex-start;transition:background-color .15s ease}.video-item:hover{background-color:var(--theme-color-surface)}.video-item:active{background-color:var(--theme-color-border)}.video-thumbnail{width:80px;height:45px;object-fit:cover;border-radius:var(--theme-radius-sm, .25rem);flex-shrink:0;background:var(--theme-color-border)}.video-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.video-title{font-size:var(--theme-font-size-sm, .875rem);font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-description{font-size:var(--theme-font-size-xs, .75rem);color:var(--theme-color-text-muted);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.video-tag{font-size:var(--theme-font-size-xs, .75rem);padding:1px 6px;border-radius:var(--theme-radius-sm, .25rem);background:var(--theme-color-video-tag-bg);color:var(--theme-color-video-tag-text)}.video-empty{text-align:center;color:var(--theme-color-text-muted);padding:var(--theme-spacing-lg, 2rem);font-size:var(--theme-font-size-sm, .875rem)}.video-error{text-align:center;padding:var(--theme-spacing-lg, 2rem);color:var(--theme-color-text-muted)}.video-retry-button{margin-top:var(--theme-spacing-sm, .5rem);padding:var(--theme-spacing-sm, .5rem) var(--theme-spacing-md, 1rem);border:1px solid var(--theme-color-border);border-radius:var(--theme-radius-md, .5rem);background:var(--theme-color-surface);color:var(--theme-color-text);cursor:pointer;font-family:inherit}.study-content{display:flex;flex-direction:column;min-height:60vh;padding:var(--theme-spacing-lg, 1.5rem) var(--theme-app-header-padding, 1rem);text-align:center}.study-generate-button{padding:var(--theme-spacing-md, 1rem) var(--theme-spacing-xl, 2rem);font-size:1.1rem;font-family:inherit;font-weight:600;color:#fff;background:var(--theme-color-primary);border:none;border-radius:var(--theme-radius-lg, .75rem);cursor:pointer;transition:opacity var(--transition-base),transform var(--transition-base)}.study-generate-button:hover{opacity:.9;transform:scale(1.02)}.study-generate-button:active{transform:scale(.98)}.study-generate-loading{display:flex;flex-direction:column;align-items:center;gap:var(--theme-spacing-lg, 1.5rem)}.study-spinner{width:3rem;height:3rem;border:3px solid var(--theme-color-border);border-top-color:var(--theme-color-primary);border-radius:50%;animation:study-spin 1s cubic-bezier(.4,0,.2,1) infinite}@keyframes study-spin{to{transform:rotate(360deg)}}.study-generate-text{font-size:1.1rem;color:var(--theme-color-text-muted);animation:study-pulse 2s ease-in-out infinite}@keyframes study-pulse{0%,to{opacity:1}50%{opacity:.5}}.study-generate-result{display:flex;flex-direction:column;align-items:center;gap:var(--theme-spacing-md, 1rem)}.study-generate-result p{margin:0;line-height:1.5}.study-generate-success{color:var(--theme-color-primary)}.study-generate-success svg{color:var(--theme-color-primary)}.study-generate-count{font-size:.9rem;color:var(--theme-color-text-muted)}.study-generate-error{color:var(--theme-color-error, #dc2626)}.study-generate-error svg{color:var(--theme-color-error, #dc2626)}.study-generate-retry{margin-top:var(--theme-spacing-sm, .5rem);padding:var(--theme-spacing-sm, .5rem) var(--theme-spacing-lg, 1.5rem);font-size:.95rem;font-family:inherit;font-weight:500;color:#fff;background:var(--theme-color-primary);border:none;border-radius:var(--theme-radius-md, .5rem);cursor:pointer}.study-reset-btn{padding:var(--theme-spacing-md, 1rem) var(--theme-spacing-xl, 2rem);font-size:1.1rem;font-family:inherit;font-weight:600;color:#fff;background:var(--theme-color-primary);border:none;border-radius:var(--theme-radius-lg, .75rem);cursor:pointer;transition:opacity var(--transition-base),transform var(--transition-base)}.study-reset-btn-danger{background:var(--theme-color-error, #dc2626)}.study-reset-btn:hover{opacity:.9;transform:scale(1.02)}.study-reset-warning{color:var(--theme-color-error, #dc2626);font-size:.9rem;margin-bottom:.75rem;line-height:1.4}.study-reset-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.study-reset-success{color:var(--theme-color-success, #16a34a);font-size:.95rem}.study-reset-error{color:var(--theme-color-error, #dc2626);font-size:.95rem}.study-reset-loading{color:var(--theme-color-text-muted);font-size:.95rem}.study-reset-note{color:var(--theme-color-text-muted);font-size:.9rem;font-style:italic}.my-stories-controls-top{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap}.my-stories-toggle{display:flex;border:1px solid var(--theme-color-border, #ccc);border-radius:6px;overflow:hidden;flex-shrink:0}.my-stories-toggle-btn{padding:.35rem .75rem;font-size:.85rem;font-family:inherit;border:none;background:var(--theme-color-surface, #f5f5f5);color:var(--theme-color-text-muted);cursor:pointer;transition:all .15s}.my-stories-toggle-btn.active{background:var(--theme-color-primary, #4f46e5);color:#fff}.my-stories-top-actions{display:flex;gap:.5rem;margin-left:auto}.my-stories-btn{padding:.35rem .75rem;font-size:.8rem;font-family:inherit;font-weight:600;border:none;border-radius:6px;cursor:pointer;transition:all .15s}.my-stories-btn-generate{background:var(--theme-color-primary, #4f46e5);color:#fff}.my-stories-btn-generate:disabled{opacity:.5;cursor:not-allowed}.my-stories-btn-delete-all{background:transparent;color:var(--theme-color-error, #dc2626);border:1px solid var(--theme-color-error, #dc2626)}.my-stories-btn-delete-all:disabled{opacity:.5;cursor:not-allowed}.my-stories-list{max-height:200px;overflow-y:auto;border:1px solid var(--theme-color-border, #ccc);border-radius:6px;margin-bottom:.5rem}.my-stories-list-header,.my-stories-row{display:grid;grid-template-columns:28px 1fr 80px 32px 28px 40px;align-items:center;gap:.25rem;padding:.3rem .5rem;font-size:.78rem}.my-stories-list-header{position:sticky;top:0;background:var(--theme-color-surface, #f5f5f5);border-bottom:1px solid var(--theme-color-border, #ccc);font-weight:600;color:var(--theme-color-text-muted);z-index:1}.my-stories-row{border-bottom:1px solid var(--theme-color-border, #eee);transition:opacity .25s ease-in,max-height .25s ease-in,padding .25s ease-in}.my-stories-row.story-entering{opacity:0;transform:translateY(10px);animation:storyFadeIn .3s ease-out forwards}.my-stories-row.story-leaving{opacity:0;max-height:0;padding-top:0;padding-bottom:0;overflow:hidden}@keyframes storyFadeIn{to{opacity:1;transform:translateY(0)}}.my-stories-row:last-child{border-bottom:none}.my-stories-cell-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.my-stories-cell-date{color:var(--theme-color-text-muted);text-align:center}.my-stories-cell-done{text-align:center;color:#16a34a}.my-stories-cell-repeat{text-align:center}.my-stories-repeat-square{display:inline-block;width:14px;height:14px;border-radius:2px}.my-stories-cell-lines{text-align:center;color:var(--theme-color-text-muted)}.my-stories-controls-bottom{display:flex;align-items:center;gap:.5rem}.my-stories-btn-open{background:var(--theme-color-primary, #4f46e5);color:#fff;border:none;padding:.35rem .75rem;font-size:.8rem;font-family:inherit;font-weight:600;border-radius:6px;cursor:pointer;display:none}.my-stories-btn-open.visible{display:inline-block}.my-stories-btn-delete-selected{background:transparent;color:var(--theme-color-error, #dc2626);border:1px solid var(--theme-color-error, #dc2626);padding:.35rem .75rem;font-size:.8rem;font-family:inherit;font-weight:600;border-radius:6px;cursor:pointer;display:none}.my-stories-btn-delete-selected.visible{display:inline-block}.my-stories-selected-count{font-size:.8rem;color:var(--theme-color-text-muted)}.my-stories-empty{text-align:center;padding:1.5rem .5rem;color:var(--theme-color-text-muted);font-size:.9rem}.my-stories-loading{text-align:center;padding:1.5rem 0}.my-stories-confirm{padding:.5rem 0}.my-stories-confirm p{color:var(--theme-color-error, #dc2626);font-size:.85rem;margin-bottom:.5rem;line-height:1.4}.my-stories-confirm-buttons{display:flex;gap:.5rem}.my-stories-btn-danger{background:var(--theme-color-error, #dc2626);color:#fff}.my-stories-btn-cancel{background:var(--theme-color-surface, #f5f5f5);color:var(--theme-color-text)}.my-stories-success{color:#16a34a;font-size:.85rem;margin-bottom:.5rem}.repeat-bucket-1{background:#dbeafe}.repeat-bucket-2{background:#93c5fd}.repeat-bucket-3{background:#60a5fa}.repeat-bucket-4{background:#fbbf24}.repeat-bucket-5{background:#f59e0b}.repeat-bucket-6{background:#f97316}.repeat-bucket-7{background:#ef4444}.study-relax-container{position:relative;display:flex;flex-direction:column;gap:var(--theme-relax-tree-row-gap, 0)}.study-relax-master{display:flex;align-items:center;gap:.5rem;background:var(--theme-relax-tree-master-bg, #f1f5f9);padding:var(--theme-relax-tree-master-padding, .5rem .75rem);border-radius:.375rem;margin-bottom:.5rem;cursor:pointer}.study-relax-master label{font-size:var(--theme-relax-tree-font-size, .9rem);color:var(--theme-relax-tree-label-color, #1e293b);font-weight:500;cursor:pointer;user-select:none}.study-relax-scrollable{max-height:var(--theme-relax-tree-container-max-height, 50vh);overflow-y:auto;position:relative}.study-relax-parent-header{display:flex;align-items:center;gap:.5rem;padding:var(--theme-relax-tree-row-padding, .5rem 0);cursor:pointer;user-select:none}.study-relax-toggle{font-size:.7rem;color:var(--theme-relax-tree-toggle-color, #64748b);width:1rem;text-align:center;flex-shrink:0;transition:transform .15s ease}.study-relax-toggle.open{transform:rotate(90deg)}.study-relax-children{padding-left:var(--theme-relax-tree-child-indent, 1.5rem)}.study-relax-children.collapsed{display:none}.study-relax-child{display:flex;align-items:center;gap:.5rem;padding:var(--theme-relax-tree-row-padding, .5rem 0)}.study-relax-label{font-size:var(--theme-relax-tree-font-size, .9rem);color:var(--theme-relax-tree-label-color, #1e293b);cursor:pointer;user-select:none}.study-relax-checkbox{width:var(--theme-relax-tree-checkbox-size, 18px);height:var(--theme-relax-tree-checkbox-size, 18px);cursor:pointer;flex-shrink:0;accent-color:var(--theme-color-primary, #4f46e5)}.study-relax-loading{display:flex;align-items:center;justify-content:center;padding:1.5rem;color:var(--theme-color-text-muted);font-size:var(--theme-relax-tree-font-size, .9rem)}.study-relax-auth-note{color:var(--theme-color-text-muted);font-size:.9rem;font-style:italic}.study-relax-custom-row{display:flex;align-items:center;gap:.5rem}.study-relax-custom-parent-label{font-weight:600}.study-relax-custom-add{background:var(--theme-color-primary, #4f46e5);color:#fff;border:none;border-radius:50%;width:24px;height:24px;font-size:16px;cursor:pointer;line-height:1;display:flex;align-items:center;justify-content:center}.study-relax-custom-edit,.study-relax-custom-delete{background:none;border:none;cursor:pointer;font-size:14px;opacity:.6;padding:0 2px}.study-relax-custom-edit:hover,.study-relax-custom-delete:hover{opacity:1}.study-relax-custom-form{padding:.75rem 0;display:flex;flex-direction:column;gap:.5rem}.study-relax-custom-input,.study-relax-custom-textarea{width:100%;padding:.5rem;border:1px solid var(--theme-color-border, #e5e7eb);border-radius:4px;font:inherit;box-sizing:border-box}.study-relax-custom-textarea{min-height:60px;resize:vertical}.study-relax-custom-lines{display:flex;align-items:center;gap:.5rem}.study-relax-custom-lines input{width:60px;padding:.25rem .5rem;border:1px solid var(--theme-color-border, #e5e7eb);border-radius:4px;font:inherit}.study-relax-custom-form-actions{display:flex;gap:.5rem}.study-relax-custom-save{background:var(--theme-color-primary, #4f46e5);color:#fff;border:none;border-radius:4px;padding:.4rem 1rem;cursor:pointer;font:inherit}.study-relax-custom-save:disabled{opacity:.5}.study-relax-custom-cancel{background:none;border:1px solid var(--theme-color-border, #e5e7eb);border-radius:4px;padding:.4rem 1rem;cursor:pointer;font:inherit}.study-relax-custom-screening-msg{color:var(--theme-color-error, #dc2626);font-size:.85rem;padding:.5rem;background:color-mix(in srgb,var(--theme-color-error, #dc2626) 8%,white);border-radius:4px}.study-relax-custom-screening-msg.study-relax-custom-screening-pending{color:var(--theme-color-warning, #d97706);background:color-mix(in srgb,var(--theme-color-warning, #d97706) 8%,white)}.study-relax-custom-screening-inline{color:var(--theme-color-error, #dc2626);font-size:.8rem;padding:.25rem 0 .25rem 2rem}.study-relax-custom-screening-inline.study-relax-custom-screening-pending{color:var(--theme-color-warning, #d97706)}.study-relax-custom-empty{color:var(--theme-color-text-muted, #9ca3af);font-style:italic;margin:0;padding:.25rem 0}.study-relax-custom-child .study-relax-checkbox{margin-right:.25rem}.study-relax-custom-rejected{opacity:.6}.study-relax-custom-pending{opacity:.85}.study-relax-stories{margin-top:1rem;border-top:1px solid var(--theme-color-border, #e5e7eb);padding-top:.75rem}.study-relax-stories-header{font-size:.9rem;font-weight:600;color:var(--theme-color-text-muted);margin-bottom:.5rem}.study-relax-stories-list{max-height:30vh;overflow-y:auto}.relax-story-row{display:grid;grid-template-columns:1fr auto auto auto auto;gap:.5rem;align-items:center;padding:.4rem .25rem;border-bottom:1px solid var(--theme-relax-story-list-border-color);cursor:pointer;transition:background .15s}.relax-story-row:hover{background:var(--theme-relax-story-list-bg-hover)}.relax-story-row.relax-story-selected{background:var(--theme-relax-story-list-bg-selected)}.study-topic-progress{color:var(--theme-color-text-muted);font-size:.9rem;margin-bottom:1rem;text-align:center}.study-profile{width:100%;margin-bottom:1rem}.study-profile-heading{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:.5rem 0;user-select:none;-webkit-tap-highlight-color:transparent}.study-profile-title{margin:0;font-size:1.1rem;font-weight:600;color:var(--theme-color-text)}.study-profile-chevron{transition:transform .2s ease;color:var(--theme-color-text-muted);flex-shrink:0}.study-profile-chevron-open{transform:rotate(180deg)}.study-profile-body{max-height:600px;overflow:hidden;transition:max-height .3s ease}.study-profile-collapsed{max-height:0;transition:max-height .3s ease}.study-profile-fields{display:flex;flex-direction:column;padding:0;text-align:left}.study-profile-field{display:flex;flex-direction:column;gap:.35rem}.study-profile-field .settings-header-row{gap:.5rem;align-items:center}.study-profile-label{font-size:.9rem;font-weight:500;color:var(--theme-color-text)}.study-profile-input{width:100%;padding:.5rem .75rem;font-size:1rem;border:1px solid var(--theme-color-border, #e5e7eb);border-radius:6px;background:var(--theme-color-surface, #fff);color:var(--theme-color-text);box-sizing:border-box}.study-profile-input:focus{outline:none;border-color:var(--theme-color-primary);box-shadow:0 0 0 2px rgba(99,102,241,.2)}.study-profile-value-input{width:var(--theme-language-selector-button-width);padding:var(--theme-language-selector-button-padding);font-size:var(--theme-language-selector-button-font-size);font-family:inherit;color:var(--theme-language-selector-button-color);background:var(--theme-language-selector-button-background);border:1px solid var(--theme-language-selector-button-border-color);border-radius:var(--theme-language-selector-button-border-radius);text-align:right;display:block;box-sizing:border-box;outline:none;-moz-appearance:textfield}.study-profile-value-input::-webkit-inner-spin-button,.study-profile-value-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.study-profile-value-input:focus{border-color:var(--theme-language-selector-button-focus-border-color);box-shadow:var(--theme-language-selector-button-focus-box-shadow)}.study-profile-currency-select{-moz-appearance:none;-webkit-appearance:none;appearance:none;cursor:pointer;text-align:left;padding-right:1.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' fill='none' stroke='%23666' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .4rem center}.study-profile-slider{width:100%;margin:.25rem 0;accent-color:var(--theme-color-primary)}.study-profile-slider-box{width:var(--theme-language-selector-button-width);padding:var(--theme-language-selector-button-padding);font-size:var(--theme-language-selector-button-font-size);background:var(--theme-language-selector-button-background);border:1px solid var(--theme-language-selector-button-border-color);border-radius:var(--theme-language-selector-button-border-radius);box-sizing:border-box}.study-profile-slider-labels{display:flex;justify-content:space-between;position:relative;font-size:.75rem;color:var(--theme-color-text-muted)}.study-profile-slider-labels .study-profile-value{position:absolute;left:50%;transform:translate(-50%)}.study-profile-slider-ticks{display:flex;justify-content:space-between;font-size:.65rem;color:var(--theme-color-text-muted)}.study-profile-value{font-weight:600;color:var(--theme-color-primary);font-size:.9rem}.study-profile-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem 0}.study-admin-section{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--theme-color-border, #e5e7eb);width:100%;display:flex;flex-direction:column;gap:.5rem}.study-admin-row{display:flex;gap:6px;align-items:center}.study-admin-label{font-size:.85rem;color:var(--theme-color-text-muted);white-space:nowrap}.study-admin-input{flex:1;border:1px solid var(--theme-color-border, #e5e7eb);border-radius:6px;padding:6px 8px;font-size:13px;background:transparent;color:var(--theme-color-text, #333);outline:none}.study-admin-display-name{font-size:.9rem;color:var(--theme-color-text, #333);font-weight:500}.study-admin-reset{padding:.5rem 1rem;font-size:.9rem;font-family:inherit;font-weight:500;color:#fff;background:var(--theme-color-error, #dc2626);border:none;border-radius:var(--theme-radius-md, .5rem);cursor:pointer;margin-top:.5rem}.study-admin-reset:disabled{opacity:.4;cursor:not-allowed}.study-admin-confirm{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-top:.5rem}.study-admin-confirm p{font-size:.9rem;color:var(--theme-color-error, #dc2626);margin:0}.study-admin-confirm-buttons{display:flex;gap:.5rem}.study-admin-confirm-yes{padding:.4rem .8rem;font-size:.85rem;font-family:inherit;color:#fff;background:var(--theme-color-error, #dc2626);border:none;border-radius:4px;cursor:pointer}.study-admin-confirm-no{padding:.4rem .8rem;font-size:.85rem;font-family:inherit;color:var(--theme-color-text, #333);background:var(--theme-color-border, #e5e7eb);border:none;border-radius:4px;cursor:pointer}.study-admin-success{color:var(--theme-color-success, #16a34a);font-size:.9rem;margin:0}.study-admin-error{color:var(--theme-color-error, #dc2626);font-size:.9rem;margin:0}.study-admin-loading{color:var(--theme-color-text-muted);font-size:.9rem;margin:0}.admin-content{padding:var(--theme-spacing-lg, 1.5rem) var(--theme-app-header-padding, 1rem)}.admin-placeholder{color:var(--theme-color-text-muted);text-align:center;padding:3rem 1rem;font-size:1rem}.collapsible-panel{border-top:1px solid var(--theme-collapsible-panel-border-color, var(--theme-color-border, #e2e8f0));width:100%}.collapsible-panel:first-child{border-top:none}.collapsible-panel-header{display:flex;align-items:center;gap:.4rem;cursor:pointer;user-select:none;padding:.55rem 0 .55rem .75rem;border-left:3px solid var(--theme-collapsible-panel-border-color, var(--theme-color-border, #e2e8f0));min-height:var(--theme-collapsible-panel-header-height, 36px);transition:background .15s ease,border-color .15s ease,color .15s ease}.collapsible-panel-header:hover{background:rgba(79,70,229,.04)}.collapsible-panel-header[aria-expanded=true]{border-left-color:var(--theme-color-primary, #4f46e5);background:rgba(79,70,229,.06)}.collapsible-panel-arrow{font-size:var(--theme-collapsible-panel-arrow-size, .65rem);color:var(--theme-color-text-muted, #64748b);width:.75rem;text-align:center;flex-shrink:0;transition:color .15s ease}.collapsible-panel-icon{font-size:1.5rem;width:2rem;text-align:center;flex-shrink:0;transition:transform .2s ease,filter .2s ease}.collapsible-panel-title{font-size:var(--theme-collapsible-panel-title-size, .85rem);font-weight:var(--theme-collapsible-panel-title-weight, 600);color:var(--theme-color-neon-orange, #ff6a00);margin:0;transition:font-size .2s ease,font-weight .15s ease}.collapsible-panel-header[aria-expanded=true] .collapsible-panel-title{font-size:1rem;font-weight:700}.collapsible-panel-header:hover .collapsible-panel-title{opacity:.85}.collapsible-panel-body{display:grid;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows var(--theme-collapsible-panel-transition, .35s ease)}.collapsible-panel-body.open{grid-template-rows:1fr;padding-top:var(--theme-collapsible-panel-body-padding, .5rem)}.collapsible-panel-body>div{overflow:hidden;min-height:0}.panel-bg-stripes{background-image:repeating-linear-gradient(0deg,transparent,transparent 5px,rgba(79,70,229,.04) 5px,rgba(79,70,229,.04) 6px)}.neon-orange{color:var(--theme-color-neon-orange, #ff6a00)}.neon-cyan{color:var(--theme-color-neon-cyan, #00f5ff)}.neon-pink{color:var(--theme-color-neon-pink, #ff2d95)}.neon-lime{color:var(--theme-color-neon-lime, #b8ff00)}.neon-violet{color:var(--theme-color-neon-violet, #bf5af2)}.panel-bg-diagonal{background:linear-gradient(160deg,rgba(79,70,229,.06) 50%,rgba(6,182,212,.06) 50%)}.panel-bg-teal-mint{background:linear-gradient(135deg,rgba(45,212,191,.08),rgba(110,231,183,.06))}.panel-bg-lavender-pink{background:linear-gradient(135deg,rgba(196,181,253,.1),rgba(249,168,212,.08))}.panel-bg-cool-mist{background:linear-gradient(135deg,rgba(196,181,253,.08),rgba(56,189,248,.06),rgba(110,231,183,.06))}.panel-bg-indigo-sky{background:linear-gradient(135deg,rgba(99,102,241,.07),rgba(56,189,248,.07))}.credit-usage-empty{text-align:center;padding:var(--spacing-xl);color:var(--color-text-muted);font-size:var(--font-size-sm)}.admin-credit-btn{padding:.5rem 1rem;font-size:.9rem;font-family:inherit;font-weight:500;color:#fff;background:var(--theme-color-primary, #4f46e5);border:none;border-radius:8px;cursor:pointer}.admin-credit-btn:disabled{opacity:.5;cursor:not-allowed}.admin-feedback{font-size:.85rem;margin:.4rem 0 0}.admin-feedback.success{color:var(--theme-color-success, #16a34a)}.admin-feedback.error{color:var(--theme-color-error, #dc2626)}.admin-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.75rem}.admin-action-btn{padding:.45rem .6rem;font-size:.8rem;font-family:inherit;font-weight:500;color:#fff;background:var(--theme-color-error, #dc2626);border:none;border-radius:6px;cursor:pointer}.admin-action-btn:disabled{opacity:.4;cursor:not-allowed}.admin-topic-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:6px 0;border-bottom:1px solid var(--color-border)}.admin-topic-indent-0{padding-left:0}.admin-topic-indent-1{padding-left:24px}.admin-topic-inactive{opacity:.5}.admin-topic-code{font-family:monospace;font-size:.85em;min-width:140px}.admin-topic-name{min-width:120px}.admin-topic-desc{font-size:.8em;color:#888;margin-left:1em;flex-basis:100%}.admin-badge{font-size:.75em;padding:2px 6px;border-radius:4px;background:var(--color-primary, #4f46e5);color:#fff}.admin-topic-actions{display:flex;gap:8px;margin-bottom:12px;align-items:center}.admin-topic-status{font-size:.85em;margin-top:8px}.admin-broadcast-text-row{display:flex;gap:.5rem;margin-top:.75rem}.admin-broadcast-text-row .study-admin-input{flex:1}.admin-impersonation-banner{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem;background:var(--theme-color-warning, #f59e0b);color:#1a1a1a;font-size:.85rem;border-radius:8px;margin-bottom:.75rem}.admin-impersonation-stop{padding:.3rem .8rem;font-size:.8rem;font-family:inherit;font-weight:600;color:#fff;background:var(--theme-color-error, #dc2626);border:none;border-radius:6px;cursor:pointer}.admin-user-list-controls{margin-bottom:.5rem}.admin-user-list-wrap{max-height:280px;overflow-y:auto;border:1px solid var(--theme-color-border, #e5e7eb);border-radius:6px}.admin-user-table{width:100%;border-collapse:collapse;font-size:.8rem}.admin-user-table th{text-align:left;padding:.4rem .3rem;border-bottom:1px solid var(--theme-color-border, #e5e7eb);font-weight:600;color:var(--theme-color-text, #333);cursor:pointer;user-select:none;white-space:nowrap}.admin-user-table th:hover{color:var(--theme-color-primary, #4f46e5)}.admin-user-table td{padding:.35rem .3rem;border-bottom:1px solid var(--theme-color-border, #e5e7eb)}.admin-user-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-user-date{color:var(--theme-color-text-muted, #888);white-space:nowrap}.admin-user-action{text-align:right}.admin-view-as-btn{padding:.25rem .5rem;font-size:.75rem;font-family:inherit;font-weight:500;color:#fff;background:var(--theme-color-primary, #4f46e5);border:none;border-radius:4px;cursor:pointer}.admin-view-as-btn:hover{opacity:.85}.markdown{display:block;cursor:default;line-height:var(--theme-markdown-line-height-normal, 1.6);color:var(--theme-markdown-text-color, #102E4A)}.markdown h1,.markdown h2,.markdown h3,.blog-article .markdown h1,.blog-article .markdown h2,.blog-article .markdown h3,.blog-article-main .markdown h1,.blog-article-main .markdown h2,.blog-article-main .markdown h3{font-family:var(--theme-markdown-font-family-display, var(--font-family));font-weight:var(--theme-markdown-font-weight-medium, 500);line-height:var(--theme-markdown-line-height-tight, 1.25);letter-spacing:var(--theme-markdown-letter-spacing-tight, -.03em);margin:0;margin-top:var(--theme-markdown-spacing-2xl, 1.5rem);word-break:break-word;hyphens:auto;color:var(--theme-markdown-text-color, #102E4A)}.markdown h1:first-child,.markdown h2:first-child,.markdown h3:first-child,.blog-article .markdown h1:first-child,.blog-article .markdown h2:first-child,.blog-article .markdown h3:first-child,.blog-article-main .markdown h1:first-child,.blog-article-main .markdown h2:first-child,.blog-article-main .markdown h3:first-child{margin-top:var(--theme-markdown-spacing-md, .75rem)}.markdown h1,.blog-article .markdown h1,.blog-article-main .markdown h1{font-size:var(--theme-markdown-font-size-4xl, 2.25rem)}.markdown h2,.blog-article .markdown h2,.blog-article-main .markdown h2{font-size:var(--theme-markdown-font-size-3xl, 1.875rem)!important}.markdown h3,.blog-article .markdown h3,.blog-article-main .markdown h3{font-size:var(--theme-markdown-font-size-2xl, 1.5rem)}.markdown p{margin:0;margin-top:var(--theme-markdown-spacing-sm, .5rem);letter-spacing:var(--theme-markdown-letter-spacing, -.008em);word-break:break-word;hyphens:auto}.markdown br{display:block;margin-top:var(--theme-markdown-spacing-xs, .25rem);content:""}.markdown ul,.markdown ol{padding-left:var(--theme-markdown-spacing-2xl, 1.5rem);line-height:var(--theme-markdown-line-height-normal, 1.5)}.markdown ul{list-style:disc}.markdown ul ul{list-style:circle}.markdown ul ul ul{list-style:square}.markdown ol{list-style:decimal}.markdown ul :first-child,.markdown ol :first-child{margin-top:var(--theme-markdown-spacing-sm, .5rem)}.markdown ul :last-child,.markdown ol :last-child{margin-bottom:0}.markdown li{font-size:var(--theme-markdown-font-size-md, 1rem);margin-bottom:var(--theme-markdown-spacing-xs, .25rem)}.markdown li img{height:1.1rem;vertical-align:text-bottom}.markdown li p.first{display:inline-block}.markdown dl{padding:0}.markdown dt{font-size:var(--theme-markdown-font-size-sm, .875rem);font-weight:var(--theme-markdown-font-weight-medium, 500);font-style:italic;padding:0;margin:var(--theme-markdown-spacing-md, .75rem) 0 var(--theme-markdown-spacing-xs, .25rem);color:var(--theme-markdown-text-color, #102E4A)}.markdown dt:first-child{padding:0}.markdown dt>:first-child{margin-top:0}.markdown dt>:last-child{margin-bottom:0}.markdown dd{margin:0 0 var(--theme-markdown-spacing-md, .75rem);padding:0 var(--theme-markdown-spacing-md, .75rem);color:var(--theme-markdown-text-muted, #A89D8F)}.markdown dd>:first-child{margin-top:0}.markdown dd>:last-child{margin-bottom:0}.markdown table{padding:0;margin-top:var(--theme-markdown-spacing-2xl, 1.5rem);border-collapse:collapse}.markdown tr{border-top:1px solid var(--theme-markdown-border-color, #3D3328);background-color:var(--theme-markdown-card-bg, #1A1510);margin:0;padding:0}.markdown tr:nth-child(2n){background-color:var(--theme-markdown-earth-800, #241E18)}.markdown th,.markdown td{min-width:7rem;font-size:var(--theme-markdown-font-size-md, 1rem);border:1px solid var(--theme-markdown-border-color, #3D3328);text-align:left;margin:0;padding:var(--theme-markdown-spacing-xs, .25rem) var(--theme-markdown-spacing-sm, .5rem);word-break:break-word;hyphens:auto}.markdown th:first-child,.markdown td:first-child{margin-top:0}.markdown th:last-child,.markdown td:last-child{margin-bottom:0}.markdown th[align=center],.markdown td[align=center]{text-align:center}.markdown th{font-weight:var(--theme-markdown-font-weight-medium, 500);color:var(--theme-markdown-text-color, #102E4A)}.markdown th img,.markdown td img{height:1.1rem;vertical-align:text-bottom}.markdown hr{border-color:var(--theme-markdown-border-color, #3D3328);background:transparent}.markdown blockquote{padding:0;border:0;margin:0;margin-left:var(--theme-markdown-spacing-xl, 1.25rem);border-left:3px solid var(--theme-markdown-highlight-accent, #FF6B2C);padding-left:var(--theme-markdown-spacing-md, .75rem)}.markdown blockquote p{letter-spacing:-.05em;font-size:var(--theme-markdown-font-size-xl, 1.25rem);font-weight:var(--theme-markdown-font-weight-medium, 500);line-height:var(--theme-markdown-line-height-normal, 1.5);font-style:italic;color:var(--theme-markdown-text-muted, #A89D8F)}.markdown code{margin-left:var(--theme-markdown-spacing-xs, .25rem);margin-right:var(--theme-markdown-spacing-xs, .25rem);font-family:var(--theme-markdown-font-family-mono, monospace);font-size:var(--theme-markdown-font-size-sm, .875rem);background-color:var(--theme-markdown-earth-800, #241E18);padding:.125rem .375rem;border-radius:var(--theme-markdown-radius-sm, .25rem)}.markdown pre{background-color:var(--theme-markdown-earth-900, #120E09)!important;font-size:var(--theme-markdown-font-size-sm, .875rem);padding:var(--theme-markdown-spacing-lg, 1rem);border-radius:var(--theme-markdown-radius-md, .5rem);border:1px solid var(--theme-markdown-border-color, #3D3328);overflow-x:auto}.markdown pre code{background-color:transparent;padding:0;margin:0}.markdown a{color:var(--theme-markdown-link-color, #00F0FF);text-decoration:none;transition:color var(--theme-markdown-transition-fast, .15s ease)}.markdown a:hover{color:var(--theme-markdown-link-hover, #4DFAFF);text-decoration:underline}.markdown a:after{content:"";display:inline-block;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2300F0FF'%3E%3Cpath d='M14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z'/%3E%3Cpath d='M5 21h14c1.1 0 2-.9 2-2v-7h-2v7H5V5h7V3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2z'/%3E%3C/svg%3E");background-size:cover;background-repeat:no-repeat;background-position:center;height:12px;width:12px;margin-left:2px;vertical-align:text-top}.markdown blockquote+p{margin-top:var(--theme-markdown-spacing-xl, 1.25rem)}.markdown h1+div,.markdown h1+p,.markdown h2+div,.markdown h2+p,.markdown h3+div,.markdown h3+p{margin-top:var(--theme-markdown-spacing-lg, 1rem)}.markdown h1+ol,.markdown h1+table,.markdown h1+ul,.markdown h2+ol,.markdown h2+table,.markdown h2+ul,.markdown h3+ol,.markdown h3+table,.markdown h3+ul{margin-top:var(--theme-markdown-spacing-xs, .25rem)}.markdown p+blockquote{margin-top:var(--theme-markdown-spacing-xl, 1.25rem)}.markdown p+h1,.markdown p+h2,.markdown p+h3{margin-top:var(--theme-markdown-spacing-lg, 1rem)}.markdown p+p{margin-top:var(--theme-markdown-spacing-sm, .5rem)}.markdown p+pre{margin-top:var(--theme-markdown-spacing-md, .75rem)!important}.markdown p+ol,.markdown p+table,.markdown p+ul{margin-top:var(--theme-markdown-spacing-xs, .25rem)}.markdown pre+h1,.markdown pre+h2,.markdown pre+h3,.markdown pre+ol,.markdown pre+p,.markdown pre+table,.markdown pre+ul{margin-top:var(--theme-markdown-spacing-md, .75rem)}.markdown .line-numbers pre{white-space:pre-wrap!important}.markdown .line-numbers .line-numbers-rows{top:-5px!important}.markdown .dropcap{float:left;color:var(--theme-markdown-highlight-accent, #FF6B2C);font-size:5rem;font-family:Times New Roman,Times,serif;line-height:4rem;padding:.3rem .1em 0 .1rem}.markdown div.img-square{position:relative}.markdown div.img-square.small{width:30vw;height:30vw}.markdown div.img-square.medium{width:50vw;height:50vw}.markdown div.img-square.left{float:left}.markdown div.img-square.right{float:right}.markdown div.img-square img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}.markdown .datut-token{color:var(--theme-markdown-primary-color, #FF6B2C);font-weight:var(--theme-markdown-font-weight-bold, 700);vertical-align:baseline;letter-spacing:var(--theme-markdown-letter-spacing-tight, -.03em)}.markdown .uno23-token{color:var(--theme-markdown-uno23-color, #8d0801);font-weight:var(--theme-markdown-font-weight-bold, 700)}.markdown .uno23-token strong{font-weight:var(--theme-markdown-font-weight-bold, 700)}.markdown .token{color:var(--theme-markdown-highlight-info, #00F0FF);font-weight:var(--theme-markdown-font-weight-semibold, 600)}.markdown .info-button{display:inline-block;width:18px;height:18px;cursor:pointer;vertical-align:text-bottom;margin-left:4px;background-image:url(/assets/icons/info-button.svg);background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.7;transition:opacity .2s ease}.markdown .info-button:hover{opacity:1}.markdown .info-button:focus{outline:2px solid var(--theme-markdown-highlight-info, #00F0FF);outline-offset:2px}.markdown .cola{position:relative;width:100%;padding:0 var(--theme-markdown-spacing-xs, .25rem);border:1px solid var(--theme-markdown-border-color, #3D3328);border-radius:var(--theme-markdown-radius-lg, .75rem);background-color:var(--theme-markdown-input-bg, #241E18);font-family:var(--theme-markdown-font-family-mono, monospace);color:var(--theme-markdown-highlight-info, #00F0FF);word-break:break-all}.markdown .cola .colb{position:relative;top:0;left:20%;width:80%;font-family:var(--theme-markdown-font-family, sans-serif);color:var(--theme-markdown-text-color, #102E4A);word-break:normal}.markdown .display-none{display:none}.markdown .abstract{border:1px solid var(--theme-markdown-border-color, #3D3328);border-radius:var(--theme-markdown-radius-md, .5rem);background-color:var(--theme-markdown-input-bg, #241E18);padding:var(--theme-markdown-spacing-lg, 1rem) var(--theme-markdown-spacing-2xl, 1.5rem);font-style:italic;font-size:var(--theme-markdown-font-size-sm, .875rem);margin-bottom:var(--theme-markdown-spacing-lg, 1rem);color:var(--theme-markdown-text-muted, #A89D8F)}.markdown .lineNumbers{color:var(--theme-markdown-link-color, #00F0FF)}.markdown .highlight-orange{color:var(--theme-markdown-highlight-accent, #FF6B2C)}.markdown .highlight-red{color:var(--theme-markdown-highlight-danger, #E84855)}.markdown .highlight-blue{color:var(--theme-markdown-highlight-info, #00F0FF)}.markdown .highlight-green{color:var(--theme-markdown-highlight-success, #39FF14)}.markdown .highlight-yellow{color:var(--theme-markdown-highlight-warning, #FFE600)}.markdown .glow-orange{color:var(--theme-markdown-highlight-accent, #FF6B2C);text-shadow:0 0 10px var(--theme-markdown-highlight-accent-glow, rgba(255, 107, 44, .4))}.markdown .glow-blue{color:var(--theme-markdown-highlight-info, #00F0FF);text-shadow:0 0 10px var(--theme-markdown-highlight-info-glow, rgba(0, 240, 255, .4))}.markdown .glow-red{color:var(--theme-markdown-highlight-danger, #E84855);text-shadow:0 0 10px var(--theme-markdown-highlight-danger-glow, rgba(232, 72, 85, .4))}.markdown .glow-green{color:var(--theme-markdown-highlight-success, #39FF14);text-shadow:0 0 10px var(--theme-markdown-highlight-success-glow, rgba(57, 255, 20, .4))}.markdown .gradient-text-warm{background:linear-gradient(135deg,#ff6b2c,#e84855);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.markdown .gradient-text-cool{background:linear-gradient(135deg,#00f0ff,#39ff14);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.markdown .badge-orange{display:inline-block;background:var(--badge-accent-bg, #FF6B2C);color:var(--badge-accent-color, #0A0805);padding:var(--badge-accent-padding, .25rem .75rem);border-radius:var(--badge-accent-radius, 9999px);font-size:var(--badge-accent-size, .75rem);font-weight:var(--badge-accent-weight, 600);text-transform:var(--badge-accent-transform, uppercase);letter-spacing:var(--badge-accent-spacing, .05em)}.markdown .badge-blue{display:inline-block;background:var(--badge-info-bg, #00F0FF);color:var(--badge-info-color, #0A0805);padding:var(--badge-info-padding, .25rem .75rem);border-radius:var(--badge-info-radius, 9999px);font-size:var(--badge-info-size, .75rem);font-weight:var(--badge-info-weight, 600);text-transform:var(--badge-info-transform, uppercase);letter-spacing:var(--badge-info-spacing, .05em)}.intro-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--theme-bg-color, #ffffff);z-index:1000;display:flex;flex-direction:column;overflow:hidden}.intro-overlay-header{display:flex;justify-content:flex-end;padding:8px 12px;flex-shrink:0}.intro-overlay-dismiss{background:none;border:none;font-size:28px;line-height:1;color:var(--theme-text-secondary, #666);cursor:pointer;padding:4px 8px;border-radius:4px}.intro-overlay-dismiss:hover{background:var(--theme-bg-hover, rgba(0, 0, 0, .05))}.intro-overlay-content{flex:1;overflow-y:auto;padding:0 20px 20px;-webkit-overflow-scrolling:touch}.intro-overlay-title{font-family:var(--theme-markdown-font-family-display, var(--font-family));font-weight:var(--theme-markdown-font-weight-bold, 700);font-size:var(--theme-markdown-font-size-3xl, 1.875rem);line-height:var(--theme-markdown-line-height-tight, 1.25);letter-spacing:var(--theme-markdown-letter-spacing-tight, -.03em);margin:0 0 var(--theme-markdown-spacing-lg, 1rem);color:var(--theme-markdown-text-color, #102E4A)}.intro-overlay-body.markdown,.intro-overlay-body.markdown h2:first-child{margin-top:0}