: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-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-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-item-padding: var(--theme-spacing-lg);--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-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-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-section-background: #ffffff;--theme-settings-section-border-radius: 12px;--theme-settings-section-padding: 1.5rem;--theme-settings-section-margin: 0 0 1rem 0;--theme-settings-section-shadow: 0 1px 3px rgba(0, 0, 0, .1);--theme-settings-label-color: #1e293b;--theme-settings-label-font-size: 1rem;--theme-settings-label-font-weight: 600;--theme-settings-description-color: #64748b;--theme-settings-description-font-size: .875rem;--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-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-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-tlang-header-color: #1a202c;--theme-tlang-header-font-size: 1.25rem;--theme-tlang-header-font-weight: 600;--theme-tlang-header-padding-left: 40px;--theme-tlang-background-color: #f7fafc;--theme-tlang-border-radius: 12px;--theme-tlang-padding: 1.5rem;--theme-tlang-box-shadow: 0 2px 4px rgb(0 0 0 / .1);--theme-tlang-min-height: 100px;--theme-tlang-text-color: #1a202c;--theme-tlang-text-font-size: 1.5rem;--theme-tlang-line-height: 1.4;--theme-slang-header-color: #06b6d4;--theme-slang-header-font-size: 1.25rem;--theme-slang-header-font-weight: 600;--theme-slang-header-padding-left: 40px;--theme-slang-header-transition: .3s ease;--theme-slang-border-radius: 12px;--theme-slang-padding: 1.5rem;--theme-slang-padding-top: 60px;--theme-slang-min-height: 100px;--theme-slang-background-color: #ecfdf5;--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: 1.25rem;--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-main-footer-height: 85px;--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-orange: #ff6b2c;--theme-highlight-orange-glow: rgba(255, 107, 44, .4);--theme-highlight-red: #e84855;--theme-highlight-red-glow: rgba(232, 72, 85, .4);--theme-highlight-blue: #00f0ff;--theme-highlight-blue-glow: rgba(0, 240, 255, .4);--theme-highlight-green: #39ff14;--theme-highlight-green-glow: rgba(57, 255, 20, .4);--theme-highlight-yellow: #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-orange-bg: #ff6b2c;--theme-badge-orange-color: #0a0805;--theme-badge-orange-padding: .25rem .75rem;--theme-badge-orange-radius: 9999px;--theme-badge-orange-size: .75rem;--theme-badge-orange-weight: 600;--theme-badge-orange-transform: uppercase;--theme-badge-orange-spacing: .05em;--theme-badge-blue-bg: #00f0ff;--theme-badge-blue-color: #0a0805;--theme-badge-blue-padding: .25rem .75rem;--theme-badge-blue-radius: 9999px;--theme-badge-blue-size: .75rem;--theme-badge-blue-weight: 600;--theme-badge-blue-transform: uppercase;--theme-badge-blue-spacing: .05em}markdown{cursor:default;line-height:var(--line-height, 1.6);color:var(--text-color, #E8E4DF)}markdown h1,markdown h2,markdown h3{font-family:var(--font-family-display, var(--font-family));font-weight:var(--font-weight-medium, 500);line-height:var(--line-height-tight, 1.25);letter-spacing:var(--letter-spacing-tight, -.03em);margin:0;margin-top:var(--space-6, 1.5rem);word-break:break-word;hyphens:auto;color:var(--text-color, #E8E4DF)}markdown h1:first-child,markdown h2:first-child,markdown h3:first-child{margin-top:var(--space-3, .75rem)}markdown h1{font-size:var(--font-size-4xl, 2.25rem)}markdown h2{font-size:var(--font-size-3xl, 1.875rem)}markdown h3{font-size:var(--font-size-2xl, 1.5rem)}markdown p{margin:0;margin-top:var(--space-2, .5rem);letter-spacing:var(--letter-spacing, -.008em);word-break:break-word;hyphens:auto}markdown br{display:block;margin-top:var(--space-1, .25rem);content:""}markdown ul,markdown ol{padding-left:var(--space-6, 1.5rem);line-height:var(--line-height, 1.5)}markdown ul :first-child,markdown ol :first-child{margin-top:var(--space-2, .5rem)}markdown ul :last-child,markdown ol :last-child{margin-bottom:0}markdown li{font-size:var(--font-size-md, 1rem);margin-bottom:var(--space-1, .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(--font-size-sm, .875rem);font-weight:var(--font-weight-medium, 500);font-style:italic;padding:0;margin:var(--space-3, .75rem) 0 var(--space-1, .25rem);color:var(--text-color, #E8E4DF)}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(--space-3, .75rem);padding:0 var(--space-3, .75rem);color:var(--text-muted, #A89D8F)}markdown dd>:first-child{margin-top:0}markdown dd>:last-child{margin-bottom:0}markdown table{padding:0;margin-top:var(--space-6, 1.5rem);border-collapse:collapse}markdown tr{border-top:1px solid var(--border-color, #3D3328);background-color:var(--card-bg, #1A1510);margin:0;padding:0}markdown tr:nth-child(2n){background-color:var(--earth-800, #241E18)}markdown th,markdown td{min-width:7rem;font-size:var(--font-size-md, 1rem);border:1px solid var(--border-color, #3D3328);text-align:left;margin:0;padding:var(--space-1, .25rem) var(--space-2, .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(--font-weight-medium, 500);color:var(--text-color, #E8E4DF)}markdown th img,markdown td img{height:1.1rem;vertical-align:text-bottom}markdown hr{border-color:var(--border-color, #3D3328);background:transparent}markdown blockquote{padding:0;border:0;margin:0;margin-left:var(--space-5, 1.25rem);border-left:3px solid var(--highlight-orange, #FF6B2C);padding-left:var(--space-3, .75rem)}markdown blockquote p{letter-spacing:-.05em;font-size:var(--font-size-xl, 1.25rem);font-weight:var(--font-weight-medium, 500);line-height:var(--line-height, 1.5);font-style:italic;color:var(--text-muted, #A89D8F)}markdown code{margin-left:var(--space-1, .25rem);margin-right:var(--space-1, .25rem);font-family:var(--font-family-mono, monospace);font-size:var(--font-size-sm, .875rem);background-color:var(--earth-800, #241E18);padding:.125rem .375rem;border-radius:var(--border-radius-sm, .25rem)}markdown pre{background-color:var(--earth-900, #120E09)!important;font-size:var(--font-size-sm, .875rem);padding:var(--space-4, 1rem);border-radius:var(--border-radius-md, .5rem);border:1px solid var(--border-color, #3D3328);overflow-x:auto}markdown pre code{background-color:transparent;padding:0;margin:0}markdown a{color:var(--link-color, #00F0FF);text-decoration:none;transition:color var(--transition-fast, .15s ease)}markdown a:hover{color:var(--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(--space-5, 1.25rem)}markdown h1+div,markdown h1+p,markdown h2+div,markdown h2+p,markdown h3+div,markdown h3+p{margin-top:var(--space-4, 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(--space-1, .25rem)}markdown p+blockquote{margin-top:var(--space-5, 1.25rem)}markdown p+h1,markdown p+h2,markdown p+h3{margin-top:var(--space-4, 1rem)}markdown p+p{margin-top:var(--space-2, .5rem)}markdown p+pre{margin-top:var(--space-3, .75rem)!important}markdown p+ol,markdown p+table,markdown p+ul{margin-top:var(--space-1, .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(--space-3, .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(--highlight-orange, #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(--primary-color, #FF6B2C);font-weight:var(--font-weight-bold, 700);vertical-align:baseline;letter-spacing:var(--letter-spacing-tight, -.03em)}markdown .uno23-token{color:var(--highlight-blue, #00F0FF);font-weight:var(--font-weight-bold, 700);text-decoration:none}markdown .uno23-token:hover{text-decoration:underline}markdown .uno23-token strong{font-weight:var(--font-weight-bold, 700)}markdown .token{color:var(--highlight-blue, #00F0FF);font-weight:var(--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(--highlight-blue, #00F0FF);outline-offset:2px}markdown .cola{position:relative;width:100%;padding:0 var(--space-1, .25rem);border:1px solid var(--border-color, #3D3328);border-radius:var(--border-radius-lg, .75rem);background-color:var(--input-bg, #241E18);font-family:var(--font-family-mono, monospace);color:var(--highlight-blue, #00F0FF);word-break:break-all}markdown .cola .colb{position:relative;top:0;left:20%;width:80%;font-family:var(--font-family, sans-serif);color:var(--text-color, #E8E4DF);word-break:normal}markdown .display-none{display:none}markdown .abstract{border:1px solid var(--border-color, #3D3328);border-radius:var(--border-radius-md, .5rem);background-color:var(--input-bg, #241E18);padding:var(--space-4, 1rem) var(--space-6, 1.5rem);font-style:italic;font-size:var(--font-size-sm, .875rem);margin-bottom:var(--space-4, 1rem);color:var(--text-muted, #A89D8F)}markdown .lineNumbers{color:var(--link-color, #00F0FF)}markdown .highlight-orange{color:var(--highlight-orange, #FF6B2C)}markdown .highlight-red{color:var(--highlight-red, #E84855)}markdown .highlight-blue{color:var(--highlight-blue, #00F0FF)}markdown .highlight-green{color:var(--highlight-green, #39FF14)}markdown .highlight-yellow{color:var(--highlight-yellow, #FFE600)}markdown .glow-orange{color:var(--highlight-orange, #FF6B2C);text-shadow:0 0 10px var(--highlight-orange-glow, rgba(255, 107, 44, .4))}markdown .glow-blue{color:var(--highlight-blue, #00F0FF);text-shadow:0 0 10px var(--highlight-blue-glow, rgba(0, 240, 255, .4))}markdown .glow-red{color:var(--highlight-red, #E84855);text-shadow:0 0 10px var(--highlight-red-glow, rgba(232, 72, 85, .4))}markdown .glow-green{color:var(--highlight-green, #39FF14);text-shadow:0 0 10px var(--highlight-green-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-orange-bg, #FF6B2C);color:var(--badge-orange-color, #0A0805);padding:var(--badge-orange-padding, .25rem .75rem);border-radius:var(--badge-orange-radius, 9999px);font-size:var(--badge-orange-size, .75rem);font-weight:var(--badge-orange-weight, 600);text-transform:var(--badge-orange-transform, uppercase);letter-spacing:var(--badge-orange-spacing, .05em)}markdown .badge-blue{display:inline-block;background:var(--badge-blue-bg, #00F0FF);color:var(--badge-blue-color, #0A0805);padding:var(--badge-blue-padding, .25rem .75rem);border-radius:var(--badge-blue-radius, 9999px);font-size:var(--badge-blue-size, .75rem);font-weight:var(--badge-blue-weight, 600);text-transform:var(--badge-blue-transform, uppercase);letter-spacing:var(--badge-blue-spacing, .05em)}: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-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-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}.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)}.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-logo{width:var(--theme-app-header-logo-size);height:var(--theme-app-header-logo-size)}.page-container{display:flex;width:300%;flex:1;min-height:0;transition:transform .4s cubic-bezier(.25,.46,.45,.94);transform:translate(-33.33%)}.page-container.show-menu{transform:translate(0)}.page-container.show-story{transform:translate(-66.66%)}.page{width:33.33%;flex:1;min-height:0;overflow-y:auto;flex-shrink:0;display:flex;flex-direction:column;position:relative}.page:has(.main-screen){overflow:hidden}.main-screen{display:flex;flex-direction:column;gap:var(--theme-main-gap);padding:var(--theme-main-padding);flex:1;min-height:0;overflow:hidden}.main-screen-loading{flex:1;display:flex;align-items:center;justify-content:center}.tlang-section{display:flex;flex-direction:column;gap:var(--theme-main-section-gap);flex:1;min-height:0}.tlang-header{background-color:var(--theme-color-primary, #4f46e5);color:var(--theme-tlang-header-color, #ffffff);font-size:var(--theme-tlang-header-font-size, 1.25rem);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:.5rem 1rem;border-radius:.5rem}.tlang-label{flex:1;text-align:left;padding-left:var(--theme-tlang-header-padding-left, 40px);color:var(--theme-tlang-header-color, #1a202c);font-size:var(--theme-tlang-header-font-size, 1.25rem)}.tlang-box{background-color:var(--theme-tlang-background-color);border-radius:var(--theme-tlang-border-radius);padding:var(--theme-tlang-padding);display:flex;align-items:center;justify-content:center;box-shadow:var(--theme-tlang-box-shadow);overflow:hidden;flex:1;min-height:var(--theme-tlang-min-height)}.tlang-text{color:var(--theme-tlang-text-color);font-size:var(--theme-tlang-text-font-size);text-align:center;line-height:var(--theme-tlang-line-height);overflow:hidden}.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, #06b6d4);font-size:var(--theme-slang-header-font-size, 1.25rem);font-weight:var(--theme-slang-header-font-weight, 600);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;gap:var(--theme-main-header-gap, .5rem);opacity:1;transition:opacity var(--theme-slang-header-transition, .3s ease);pointer-events:auto}.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:var(--theme-slang-header-font-size, 1.25rem)}.slang-box{background-color:var(--theme-slang-background-color);box-shadow:var(--theme-slang-box-shadow);border-radius:var(--theme-slang-border-radius);padding:var(--theme-slang-padding);display:flex;align-items:center;justify-content:center;overflow:hidden;flex:1;min-height:var(--theme-slang-min-height);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-slang-text-font-size);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)}.slang-text.revealed{opacity:1;visibility:visible}.slang-text.speaking{animation:text-pulse var(--theme-speaking-animation-duration) ease-in-out infinite}.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)}}.main-page-footer{flex-shrink:0;height:var(--theme-main-footer-height);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:1fr 1fr;row-gap:var(--theme-main-footer-row-gap);padding:0}.main-page-footer .nav-button-prev{grid-column:1;grid-row:1;display:flex;align-items:center;justify-content:center}.main-page-footer .swipe-hint-left{grid-column:1;grid-row:2;display:flex;align-items:center;justify-content:flex-start;text-align:left;padding:.25rem}.main-page-footer .nav-counter{grid-column:2;grid-row:1;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:2;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:1;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)}.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;padding:var(--theme-menu-body-padding)}.menu-card-grid{flex:1;min-height:0;overflow-y:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--theme-menu-card-gap);padding:var(--theme-menu-card-grid-padding)}.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:linear-gradient(135deg,#3b82f6,#14b8a6);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:linear-gradient(135deg,#9ca3af,#6b7280);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:#fff;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:#000c;color:#fff;padding:12px 24px;border-radius:24px;font-size:14px;opacity:0;transition:opacity .3s ease;z-index:2000}.menu-toast.show{opacity:1}.swipe-hint{display:flex;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: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-overlay{position:fixed;top:0;left:0;right:0;margin:0 auto;width:100%;max-width:600px;height:100%;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;pointer-events:none;z-index:100;background:var(--color-bg)}.secondary-page-overlay.visible{opacity:1;visibility:visible;pointer-events:auto}.secondary-page{height:100%;display:flex;flex-direction:column;overflow:hidden}.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:var(--spacing-lg);overflow-y:auto}.blog-content,.login-content,.settings-content,.legal-content{max-width:600px;margin:0 auto;text-align:center;padding:var(--spacing-xl) 0}.blog-content h2,.login-content h2,.settings-content h2,.legal-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,.legal-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}.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:.75rem;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);overflow:hidden;max-width:100%}.settings-content{flex:1;overflow-y:auto;padding:1.5rem 1rem}.settings-section{background:var(--theme-settings-section-background);border-radius:var(--theme-settings-section-border-radius);padding:var(--theme-settings-section-padding);margin:var(--theme-settings-section-margin);box-shadow:var(--theme-settings-section-shadow)}.settings-label-group{margin-bottom:1rem}.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);margin-bottom:.25rem;font-family:inherit}.settings-description{color:var(--theme-settings-description-color);font-size:var(--theme-settings-description-font-size);margin:0;line-height:1.4;font-family:inherit}.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:0 0 0 3px #4f46e51a}.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:#fff;border:1px solid var(--theme-settings-select-border-color);border-radius:var(--theme-settings-select-border-radius);box-shadow:0 4px 12px #00000026;max-height:250px;overflow-y:auto;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-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:#3b82f61a;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)}.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;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-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.story-item{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-hover)}.story-title{font-size:var(--theme-story-title-font-size);font-weight:var(--theme-story-title-font-weight);color:var(--theme-story-title-color);margin-bottom:var(--spacing-xs)}.story-description{font-size:var(--theme-story-description-font-size);color:var(--theme-story-description-color);margin-bottom:var(--spacing-sm)}.story-meta{font-size:var(--theme-story-meta-font-size);color:var(--theme-story-meta-color)}#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}}@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}}