:root{--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 5.5rem;--space-5xl: 8rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "SF Mono", Monaco, "Cascadia Code", "Courier New", monospace;--font-display: "Georgia", "Times New Roman", serif;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em;--radius-none: 0;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--notch-sm: .5rem;--notch-md: .75rem;--notch-lg: 1rem;--blur-sm: 4px;--blur-md: 8px;--blur-lg: 16px;--blur-xl: 24px;--blur-medium: 8px;--blur-strong: 16px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--z-base: 1;--z-dropdown: 10;--z-sticky: 20;--z-overlay: 30;--z-modal: 40;--z-popover: 50;--z-toast: 60}:root,[data-theme=light-whimsical]{--surface-canvas: rgba(250, 248, 255, .85);--surface-canvas-opaque: rgb(250, 248, 255);--surface-glass: rgba(255, 255, 255, .6);--surface-glass-hover: rgba(255, 255, 255, .75);--surface-paper: rgba(255, 255, 255, .9);--surface-paper-elevated: rgba(255, 255, 255, .95);--surface-elevated: rgba(255, 255, 255, .98);--surface-inset: rgba(240, 235, 250, .8);--surface-hover: rgba(255, 255, 255, .8);--surface-1: rgba(255, 255, 255, .5);--surface-2: rgba(255, 255, 255, .7);--surface-3: rgba(255, 255, 255, .85);--text-primary: rgba(45, 35, 75, .95);--text-secondary: rgba(75, 65, 105, .75);--text-tertiary: rgba(105, 95, 135, .6);--text-inverse: rgba(255, 255, 255, .95);--text-disabled: rgba(105, 95, 135, .4);--text-on-accent: rgba(255, 255, 255, .95);--accent-primary: rgb(147, 112, 219);--accent-primary-rgb: 147, 112, 219;--accent-primary-hover: rgb(127, 92, 199);--accent-secondary: rgb(255, 182, 193);--accent-secondary-rgb: 255, 182, 193;--accent-tertiary: rgb(135, 206, 235);--accent-tertiary-rgb: 135, 206, 235;--color-success: rgb(144, 238, 144);--color-warning: rgb(255, 218, 121);--color-error: rgb(255, 160, 160);--color-info: rgb(173, 216, 230);--status-success: rgb(76, 175, 80);--status-success-bg: rgba(144, 238, 144, .2);--status-success-text: rgb(56, 142, 60);--status-success-border: rgba(76, 175, 80, .4);--status-warning: rgb(255, 193, 7);--status-warning-bg: rgba(255, 218, 121, .2);--status-warning-text: rgb(245, 127, 23);--status-warning-border: rgba(255, 193, 7, .4);--status-error: rgb(244, 67, 54);--status-error-bg: rgba(255, 160, 160, .2);--status-error-text: rgb(211, 47, 47);--status-error-border: rgba(244, 67, 54, .4);--backdrop-glass: rgba(250, 248, 255, .5);--border-subtle: rgba(147, 112, 219, .15);--border-default: rgba(147, 112, 219, .25);--border-emphasis: rgba(147, 112, 219, .4);--border-interactive: rgba(147, 112, 219, .5);--shadow-sm: 0 1px 2px rgba(147, 112, 219, .1);--shadow-md: 0 4px 8px rgba(147, 112, 219, .15);--shadow-lg: 0 8px 16px rgba(147, 112, 219, .2);--shadow-xl: 0 16px 32px rgba(147, 112, 219, .25);--shadow-elevated: 0 12px 24px rgba(147, 112, 219, .2);--focus-ring: 0 0 0 3px rgba(147, 112, 219, .3);--overlay-backdrop: rgba(250, 248, 255, .7);--overlay-modal: rgba(0, 0, 0, .3)}[data-theme=epic-dramatic]{--surface-canvas: rgba(15, 20, 35, .92);--surface-canvas-opaque: rgb(15, 20, 35);--surface-glass: rgba(25, 35, 60, .7);--surface-glass-hover: rgba(35, 45, 70, .85);--surface-paper: rgba(20, 30, 50, .95);--surface-paper-elevated: rgba(25, 35, 55, 1);--surface-elevated: rgba(25, 35, 55, .98);--surface-inset: rgba(15, 22, 40, .8);--surface-hover: rgba(30, 40, 60, .8);--surface-1: rgba(20, 30, 50, .6);--surface-2: rgba(25, 35, 55, .8);--surface-3: rgba(30, 40, 60, .9);--text-primary: rgba(255, 250, 240, .95);--text-secondary: rgba(220, 215, 205, .75);--text-tertiary: rgba(180, 175, 165, .6);--text-inverse: rgba(15, 20, 35, .95);--text-disabled: rgba(180, 175, 165, .4);--text-on-accent: rgba(15, 20, 35, .95);--accent-primary: rgb(218, 165, 32);--accent-primary-rgb: 218, 165, 32;--accent-primary-hover: rgb(238, 185, 52);--accent-secondary: rgb(70, 130, 180);--accent-secondary-rgb: 70, 130, 180;--accent-tertiary: rgb(186, 85, 211);--accent-tertiary-rgb: 186, 85, 211;--color-success: rgb(46, 204, 113);--color-warning: rgb(241, 196, 15);--color-error: rgb(231, 76, 60);--color-info: rgb(52, 152, 219);--border-subtle: rgba(218, 165, 32, .15);--border-default: rgba(218, 165, 32, .3);--border-emphasis: rgba(218, 165, 32, .5);--border-interactive: rgba(218, 165, 32, .6);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 8px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .6);--shadow-xl: 0 16px 32px rgba(0, 0, 0, .7);--focus-ring: 0 0 0 3px rgba(218, 165, 32, .4);--status-success: rgb(46, 204, 113);--status-success-bg: rgba(46, 204, 113, .2);--status-success-text: rgb(39, 174, 96);--status-success-border: rgba(46, 204, 113, .4);--status-warning: rgb(241, 196, 15);--status-warning-bg: rgba(241, 196, 15, .2);--status-warning-text: rgb(183, 149, 11);--status-warning-border: rgba(241, 196, 15, .4);--status-error: rgb(231, 76, 60);--status-error-bg: rgba(231, 76, 60, .2);--status-error-text: rgb(192, 57, 43);--status-error-border: rgba(231, 76, 60, .4);--backdrop-glass: rgba(15, 20, 35, .6);--overlay-backdrop: rgba(15, 20, 35, .8);--overlay-modal: rgba(0, 0, 0, .6)}[data-theme=dark-mysterious]{--surface-canvas: rgba(10, 8, 12, .95);--surface-canvas-opaque: rgb(10, 8, 12);--surface-glass: rgba(20, 15, 25, .75);--surface-glass-hover: rgba(30, 25, 35, .9);--surface-paper: rgba(15, 12, 18, .98);--surface-paper-elevated: rgba(20, 17, 23, 1);--surface-elevated: rgba(20, 17, 23, .98);--surface-inset: rgba(10, 7, 12, .8);--surface-hover: rgba(25, 22, 28, .8);--surface-1: rgba(15, 12, 18, .7);--surface-2: rgba(20, 17, 23, .85);--surface-3: rgba(25, 22, 28, .95);--text-primary: rgba(235, 225, 230, .95);--text-secondary: rgba(185, 175, 180, .75);--text-tertiary: rgba(135, 125, 130, .6);--text-inverse: rgba(10, 8, 12, .95);--text-disabled: rgba(135, 125, 130, .4);--text-on-accent: rgba(235, 225, 230, .95);--accent-primary: rgb(178, 34, 52);--accent-primary-rgb: 178, 34, 52;--accent-primary-hover: rgb(198, 54, 72);--accent-secondary: rgb(75, 0, 130);--accent-secondary-rgb: 75, 0, 130;--accent-tertiary: rgb(85, 107, 47);--accent-tertiary-rgb: 85, 107, 47;--color-success: rgb(39, 174, 96);--color-warning: rgb(230, 126, 34);--color-error: rgb(192, 57, 43);--color-info: rgb(41, 128, 185);--border-subtle: rgba(178, 34, 52, .2);--border-default: rgba(178, 34, 52, .35);--border-emphasis: rgba(178, 34, 52, .5);--border-interactive: rgba(178, 34, 52, .6);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .6);--shadow-md: 0 4px 8px rgba(0, 0, 0, .7);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .8);--shadow-xl: 0 16px 32px rgba(0, 0, 0, .9);--focus-ring: 0 0 0 3px rgba(178, 34, 52, .4);--status-success: rgb(39, 174, 96);--status-success-bg: rgba(39, 174, 96, .2);--status-success-text: rgb(46, 204, 113);--status-success-border: rgba(39, 174, 96, .4);--status-warning: rgb(230, 126, 34);--status-warning-bg: rgba(230, 126, 34, .2);--status-warning-text: rgb(241, 196, 15);--status-warning-border: rgba(230, 126, 34, .4);--status-error: rgb(192, 57, 43);--status-error-bg: rgba(192, 57, 43, .2);--status-error-text: rgb(231, 76, 60);--status-error-border: rgba(192, 57, 43, .4);--backdrop-glass: rgba(10, 8, 12, .7);--overlay-backdrop: rgba(10, 8, 12, .85);--overlay-modal: rgba(0, 0, 0, .75)}.glass{background:var(--surface-glass);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md))}.glass-strong{background:var(--surface-paper);backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg))}.notched{clip-path:polygon(var(--notch-md) 0%,100% 0%,100% calc(100% - var(--notch-md)),calc(100% - var(--notch-md)) 100%,0% 100%,0% var(--notch-md))}.notched-sm{clip-path:polygon(var(--notch-sm) 0%,100% 0%,100% calc(100% - var(--notch-sm)),calc(100% - var(--notch-sm)) 100%,0% 100%,0% var(--notch-sm))}.notched-lg{clip-path:polygon(var(--notch-lg) 0%,100% 0%,100% calc(100% - var(--notch-lg)),calc(100% - var(--notch-lg)) 100%,0% 100%,0% var(--notch-lg))}.notched-diagonal{clip-path:polygon(0% 0%,calc(100% - var(--notch-md)) 0%,100% var(--notch-md),100% 100%,var(--notch-md) 100%,0% calc(100% - var(--notch-md)))}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background:var(--surface-canvas)}.app-shell{position:fixed;inset:0;display:grid;grid-template-rows:auto 1fr;grid-template-columns:1fr;overflow:hidden;background:var(--surface-canvas)}.app-shell__babylon-canvas{position:absolute;inset:0;z-index:0;width:100%;height:100%}.app-shell__ui-overlay{position:relative;z-index:var(--z-base);display:contents;pointer-events:none}.app-shell__ui-overlay>*{pointer-events:auto}.top-bar{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);padding:var(--space-md) var(--space-xl);background:var(--surface-canvas-opaque);border-bottom:1px solid var(--border-default);z-index:var(--z-sticky)}.top-bar__branding{display:flex;align-items:center;gap:var(--space-md)}.top-bar__logo{height:48px;width:auto;object-fit:contain}[data-theme=light-whimsical] .top-bar__logo--dark{display:block}[data-theme=light-whimsical] .top-bar__logo--light{display:none}[data-theme=epic-dramatic] .top-bar__logo--light,[data-theme=dark-mysterious] .top-bar__logo--light{display:block}[data-theme=epic-dramatic] .top-bar__logo--dark,[data-theme=dark-mysterious] .top-bar__logo--dark{display:none}.top-bar__world-info{display:flex;align-items:center;gap:var(--space-md)}.top-bar__world-name{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);letter-spacing:var(--tracking-tight)}.top-bar__tone-badge{padding:var(--space-xs) var(--space-md);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);background:var(--surface-2);border:1px solid var(--border-default);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.top-bar__status{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-sm);color:var(--text-secondary)}.content{position:relative;z-index:var(--z-base);display:grid;grid-template-rows:1fr;height:100%;overflow:hidden;pointer-events:none}.content>section{height:100%;overflow:hidden;pointer-events:auto}.status-orb{position:relative;width:12px;height:12px;border-radius:50%;background:var(--color-success);box-shadow:0 0 8px currentColor}.status-orb--active{animation:pulse-orb 2s ease-in-out infinite}.status-orb--inactive{background:var(--text-tertiary);opacity:.5}.status-orb--error{background:var(--color-error)}@keyframes pulse-orb{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.ticker{position:relative;width:100%;overflow:hidden;background:var(--surface-1);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);padding:var(--space-sm) 0}.ticker--empty{display:none!important}.ticker__track{display:inline-flex;gap:var(--space-2xl);animation:ticker-scroll 10s linear infinite;padding-right:var(--space-2xl);will-change:transform}.ticker__track:hover{animation-play-state:paused}.ticker__item{flex-shrink:0;display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-sm);color:var(--text-secondary);white-space:nowrap;max-width:600px;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease;position:relative}.ticker__item:hover{color:var(--text-primary)}.ticker__item-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticker__item:before{content:"";display:block;width:4px;height:4px;border-radius:50%;background:var(--accent-primary);flex-shrink:0}.ticker__title{color:var(--text-primary);font-weight:var(--font-semibold)}.ticker__tooltip{position:fixed;bottom:calc(100% + var(--space-md));left:50%;transform:translate(-50%);max-width:min(800px,90vw);padding:var(--space-md) var(--space-lg);background:var(--surface-elevated);border:1px solid var(--border-emphasis);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);font-size:var(--text-sm);line-height:1.6;color:var(--text-primary);pointer-events:none;z-index:1000;opacity:0;transition:opacity .2s ease;white-space:normal;word-wrap:break-word;overflow-wrap:break-word}.ticker__tooltip--visible{opacity:1}.ticker__tooltip a{color:var(--accent-primary);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease}.ticker__tooltip a:hover{border-bottom-color:var(--accent-primary)}.ticker__tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--surface-elevated)}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.toast{position:fixed;bottom:var(--space-2xl);right:var(--space-2xl);padding:var(--space-lg) var(--space-xl);background:var(--surface-1);backdrop-filter:blur(var(--blur-md));border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg),0 0 0 1px rgba(var(--accent-primary-rgb),.1);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-primary);line-height:var(--leading-tight);opacity:0;transform:translate(20px);transition:opacity .3s ease-out,transform .3s ease-out;z-index:10000;pointer-events:none;max-width:400px}.toast--success{border-color:#4caf5080;box-shadow:var(--shadow-lg),0 0 0 1px #4caf5033}.toast--error{border-color:#f4433680;box-shadow:var(--shadow-lg),0 0 0 1px #f4433633}.toast--progress{border-color:rgba(var(--accent-primary-rgb),.5);animation:toast-pulse 2s ease-in-out infinite}@keyframes toast-pulse{0%,to{box-shadow:var(--shadow-lg),0 0 0 1px rgba(var(--accent-primary-rgb),.2)}50%{box-shadow:var(--shadow-lg),0 0 0 1px rgba(var(--accent-primary-rgb),.4),0 0 20px rgba(var(--accent-primary-rgb),.2)}}@media(max-width:768px){.toast{bottom:var(--space-lg);right:var(--space-lg);left:var(--space-lg);max-width:none}}.article-card{position:relative;display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-lg);background:var(--surface-glass);backdrop-filter:blur(var(--blur-md));border:1px solid var(--border-default);cursor:pointer;transition:all var(--transition-base)}.article-card:hover{background:var(--surface-glass-hover);border-color:var(--border-emphasis);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.article-card:focus-visible{outline:none;box-shadow:var(--focus-ring),var(--shadow-lg)}.article-card--loading{pointer-events:none;opacity:.7}.article-card--error{border-color:var(--color-error);background:rgba(var(--color-error),.05)}.article-card__image{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:var(--surface-2);border-radius:var(--radius-sm)}.article-card__image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.article-card:hover .article-card__image img{transform:scale(1.05)}.article-card__content{display:flex;flex-direction:column;gap:var(--space-sm)}.article-card__category{display:inline-flex;align-self:flex-start;padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--accent-primary);background:var(--surface-2);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.article-card__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);line-height:var(--leading-tight)}.article-card__excerpt{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.article-card__meta{display:flex;align-items:center;gap:var(--space-md);margin-top:auto;padding-top:var(--space-sm);font-size:var(--text-xs);color:var(--text-tertiary)}.article-card__bookmark{display:flex;align-items:center;gap:var(--space-xs);margin-left:auto}.article-reader{position:relative;display:flex;flex-direction:column;gap:var(--space-xl);max-width:48rem;margin:0 auto;padding:var(--space-2xl);background:var(--surface-paper);backdrop-filter:blur(var(--blur-lg));border:1px solid var(--border-default)}.article-reader__header{display:flex;flex-direction:column;gap:var(--space-lg)}.article-reader__image{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:var(--surface-2);border-radius:var(--radius-md)}.article-reader__image img{width:100%;height:100%;object-fit:cover}.article-reader__title{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--text-primary);line-height:var(--leading-tight)}.article-reader__narration-control{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.narration-button{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--accent-primary);border:none;border-radius:50%;color:var(--text-inverse);cursor:pointer;transition:all var(--transition-base)}.narration-button:hover{background:var(--accent-primary-hover);transform:scale(1.05)}.narration-button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.narration-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.narration-button--playing{animation:pulse-narration 1.5s ease-in-out infinite}@keyframes pulse-narration{0%,to{box-shadow:0 0 0 0 var(--accent-primary)}50%{box-shadow:0 0 0 8px transparent}}.narration-button--loading{opacity:.7;cursor:wait}.narration-button--loading svg{animation:spin-narration 1s linear infinite}@keyframes spin-narration{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.narration-status{font-size:var(--text-sm);color:var(--text-secondary)}.article-reader__narration{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) 0}.skeleton--narration{display:flex;align-items:center;gap:var(--space-md)}.skeleton--narration .skeleton__circle{width:48px;height:48px;border-radius:50%;background:var(--surface-2);animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton--narration .skeleton__text{width:120px;height:20px;border-radius:var(--radius-sm);background:var(--surface-2);animation:skeleton-pulse 1.5s ease-in-out infinite}.audio-player{padding:var(--space-md) 0;flex-grow:1}.audio-player__controls{display:flex;align-items:center;gap:var(--space-md);width:100%}.audio-player__play-pause{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;background:var(--accent-primary);border:none;border-radius:50%;color:var(--text-inverse);cursor:pointer;transition:all var(--transition-base)}.audio-player__play-pause:hover{background:var(--accent-primary-hover);transform:scale(1.05)}.audio-player__play-pause:focus-visible{outline:none;box-shadow:var(--focus-ring)}.audio-player__play-pause:disabled{opacity:.5;cursor:not-allowed;transform:none}.audio-player__play-pause--playing{animation:pulse-audio 1.5s ease-in-out infinite}@keyframes pulse-audio{0%,to{box-shadow:0 0 0 0 var(--accent-primary)}50%{box-shadow:0 0 0 6px transparent}}.audio-player__play-pause--loading{opacity:.7;cursor:wait}.audio-player__play-pause--loading svg{animation:spin-audio 1s linear infinite}@keyframes spin-audio{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.audio-player__time{flex-shrink:0;font-size:var(--text-sm);font-family:var(--font-mono);color:var(--text-secondary);min-width:42px;text-align:center}.audio-player__progress-container{position:relative;flex-grow:1;height:40px;display:flex;align-items:center}.audio-player__progress-track{position:absolute;left:0;right:0;height:4px;background:var(--border-default);border-radius:var(--radius-full);overflow:hidden}.audio-player__progress-fill{height:100%;background:var(--accent-primary);border-radius:var(--radius-full);width:0%;transition:width .1s linear}.audio-player__progress-input{position:relative;width:100%;height:40px;margin:0;background:transparent;cursor:pointer;-webkit-appearance:none;appearance:none}.audio-player__progress-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent-primary);cursor:pointer;opacity:0;transition:opacity var(--transition-base)}.audio-player__progress-input::-moz-range-thumb{width:16px;height:16px;border:none;border-radius:50%;background:var(--accent-primary);cursor:pointer;opacity:0;transition:opacity var(--transition-base)}.audio-player__progress-container:hover .audio-player__progress-input::-webkit-slider-thumb,.audio-player__progress-input:focus::-webkit-slider-thumb{opacity:1}.audio-player__progress-container:hover .audio-player__progress-input::-moz-range-thumb,.audio-player__progress-input:focus::-moz-range-thumb{opacity:1}.audio-player__progress-input:focus{outline:none}.audio-player__autoplay{flex-shrink:0;display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;user-select:none;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);transition:all var(--transition-base)}.audio-player__autoplay:hover{background:var(--surface-2);color:var(--text-primary)}.audio-player__autoplay input[type=checkbox]{cursor:pointer;width:16px;height:16px;accent-color:var(--accent-primary)}.audio-player__autoplay input[type=checkbox]:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}.audio-player__speed{flex-shrink:0;padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm);font-family:var(--font-mono);color:var(--text-primary);background:var(--surface-2);border:1px solid var(--border-default);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base)}.audio-player__speed:hover{background:var(--surface-3);border-color:var(--border-emphasis)}.audio-player__speed:focus-visible{outline:none;box-shadow:var(--focus-ring)}.article-reader__body{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--text-primary)}.article-reader__body p+p{margin-top:var(--space-lg)}.article-reader__meta{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap;padding-top:var(--space-sm);font-size:var(--text-sm)}.article-reader__bookmark{display:flex;align-items:center;gap:var(--space-xs);margin-left:auto}.article-reader__era{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-sm);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--accent-primary);background:var(--surface-inset);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);letter-spacing:var(--tracking-wide)}.importance-badge{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs);font-weight:var(--font-semibold);border-radius:var(--radius-sm);text-transform:capitalize}.importance-badge--major{color:var(--status-error-text);background:var(--status-error-bg);border:1px solid var(--status-error-border)}.importance-badge--moderate{color:var(--status-warning-text);background:var(--status-warning-bg);border:1px solid var(--status-warning-border)}.importance-badge--minor{color:var(--status-success-text);background:var(--status-success-bg);border:1px solid var(--status-success-border)}.article-reader__time{color:var(--text-tertiary)}.article-reader__quote{margin:var(--space-lg) 0;padding-left:var(--space-lg);border-left:4px solid var(--accent-primary);background:var(--surface-inset);padding:var(--space-md) var(--space-lg);font-style:italic;color:var(--text-secondary)}.entity-link{color:var(--accent-primary);text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px;cursor:pointer;transition:all var(--transition-fast)}.entity-link:hover,.entity-link:focus{color:var(--accent-primary-hover);background:rgba(var(--accent-primary-rgb),.15);outline:none;text-decoration-style:solid}.entity-link[data-entity-type=character]{color:var(--accent-primary)}.entity-link[data-entity-type=character]:hover,.entity-link[data-entity-type=character]:focus{color:var(--accent-primary-hover);background:rgba(var(--accent-primary-rgb),.15)}.entity-link[data-entity-type=species]{color:rgba(var(--accent-primary-rgb),.8)}.entity-link[data-entity-type=species]:hover,.entity-link[data-entity-type=species]:focus{color:var(--accent-primary);background:rgba(var(--accent-primary-rgb),.15)}.entity-link[data-entity-type=civilization]{color:var(--accent-secondary)}.entity-link[data-entity-type=civilization]:hover,.entity-link[data-entity-type=civilization]:focus{color:var(--accent-secondary);background:rgba(var(--accent-secondary-rgb),.15)}.entity-link[data-entity-type=place]{color:var(--accent-tertiary)}.entity-link[data-entity-type=place]:hover,.entity-link[data-entity-type=place]:focus{color:var(--accent-tertiary);background:rgba(var(--accent-tertiary-rgb),.15)}.entity-link[data-entity-type=artifact]{color:rgba(var(--accent-primary-rgb),.75)}.entity-link[data-entity-type=artifact]:hover,.entity-link[data-entity-type=artifact]:focus{color:var(--accent-primary);background:rgba(var(--accent-primary-rgb),.15)}.entity-link[data-entity-type=concept]{color:rgba(var(--accent-primary-rgb),.65)}.entity-link[data-entity-type=concept]:hover,.entity-link[data-entity-type=concept]:focus{color:var(--accent-primary);background:rgba(var(--accent-primary-rgb),.15)}.entity-tooltip{position:fixed;z-index:var(--z-popover);display:none;max-width:300px;padding:var(--space-md);background:var(--surface-paper-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);pointer-events:auto;animation:tooltip-fade-in .15s ease-out}.entity-tooltip__thumbnail{width:100%;overflow:hidden;border-radius:var(--radius-sm);margin-bottom:var(--space-sm);background:var(--surface-2)}.entity-tooltip__thumbnail img{display:block;width:100%;height:auto}@keyframes tooltip-fade-in{0%{opacity:0}to{opacity:1}}.entity-tooltip__header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.entity-tooltip__type{display:inline-flex;padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--accent-primary);background:var(--surface-inset);border-radius:var(--radius-sm);text-transform:capitalize}.entity-tooltip__type[data-entity-type=character]{color:var(--accent-primary);background:rgba(var(--accent-primary-rgb),.15)}.entity-tooltip__type[data-entity-type=species]{color:rgba(var(--accent-primary-rgb),.8);background:rgba(var(--accent-primary-rgb),.15)}.entity-tooltip__type[data-entity-type=civilization]{color:var(--accent-secondary);background:rgba(var(--accent-secondary-rgb),.15)}.entity-tooltip__type[data-entity-type=place]{color:var(--accent-tertiary);background:rgba(var(--accent-tertiary-rgb),.15)}.entity-tooltip__type[data-entity-type=artifact]{color:rgba(var(--accent-primary-rgb),.75);background:rgba(var(--accent-primary-rgb),.15)}.entity-tooltip__type[data-entity-type=concept]{color:rgba(var(--accent-primary-rgb),.65);background:rgba(var(--accent-primary-rgb),.15)}.entity-tooltip__importance{display:inline-flex;padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs);font-weight:var(--font-semibold);border-radius:var(--radius-sm);text-transform:capitalize}.entity-tooltip__importance--major{color:var(--status-error-text);background:var(--status-error-bg);border:1px solid var(--status-error-border)}.entity-tooltip__importance--moderate{color:var(--status-warning-text);background:var(--status-warning-bg);border:1px solid var(--status-warning-border)}.entity-tooltip__importance--minor{color:var(--status-success-text);background:var(--status-success-bg);border:1px solid var(--status-success-border)}.entity-tooltip__name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-xs)}.entity-tooltip__description{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}.entity-tooltip__loading,.entity-tooltip__error{font-size:var(--text-sm);color:var(--text-tertiary);font-style:italic}.entity-chip{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--surface-glass);border:1px solid var(--border-default);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);max-width:180px}.entity-chip:hover,.entity-chip:focus{background:var(--surface-glass-hover);border-color:var(--border-emphasis);outline:none;box-shadow:var(--focus-ring)}.entity-chip__type{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--accent-primary);text-transform:capitalize}.entity-chip__name{font-size:var(--text-sm);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.entity-chip[data-entity-type=character] .entity-chip__type{color:var(--accent-primary)}.entity-chip[data-entity-type=species] .entity-chip__type{color:rgba(var(--accent-primary-rgb),.8)}.entity-chip[data-entity-type=civilization] .entity-chip__type{color:var(--accent-secondary)}.entity-chip[data-entity-type=place] .entity-chip__type{color:var(--accent-tertiary)}.entity-chip[data-entity-type=artifact] .entity-chip__type{color:rgba(var(--accent-primary-rgb),.75)}.entity-chip[data-entity-type=concept] .entity-chip__type{color:rgba(var(--accent-primary-rgb),.65)}.article-reader__entities{padding-top:var(--space-xl);border-top:1px solid var(--border-subtle)}.article-reader__section-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-md)}.article-reader__entity-list{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.article-reader__see-also{padding-top:var(--space-xl);border-top:1px solid var(--border-subtle)}.article-reader__see-also-list{display:flex;flex-direction:column;gap:var(--space-sm)}.see-also-item{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-md);background:var(--surface-glass);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.see-also-item:hover,.see-also-item:focus{background:var(--surface-glass-hover);border-color:var(--border-emphasis);transform:translate(4px);outline:none;box-shadow:var(--focus-ring)}.see-also-item__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.see-also-item__category{display:inline-flex;padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--accent-primary);background:var(--surface-inset);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.see-also-item__time{font-size:var(--text-xs);color:var(--text-tertiary)}.see-also-item__title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);line-height:var(--leading-tight)}.map-hud{position:absolute;bottom:var(--space-xl);right:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-md);z-index:var(--z-dropdown);transition:bottom var(--transition-base)}.map-hud__control-group{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-sm);background:var(--surface-glass);backdrop-filter:blur(var(--blur-md));border:1px solid var(--border-default);border-radius:var(--radius-md);align-items:center}.map-control-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);border-radius:var(--radius-sm)}.map-control-button:hover{background:var(--surface-2);color:var(--accent-primary)}.map-control-button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.map-control-button:disabled{opacity:.4;cursor:not-allowed}.map-control-button--active{background:var(--accent-primary);color:var(--text-inverse)}.zoom-indicator{position:relative;width:48px;height:64px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:var(--space-xs);font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--text-primary)}.zoom-indicator__ring{position:absolute;top:0;left:0;right:0;height:48px;border:2px solid var(--accent-primary);border-radius:50%;opacity:.3}.zoom-indicator__progress{position:absolute;top:0;left:0;right:0;height:48px;border:2px solid var(--accent-primary);border-radius:50%;clip-path:polygon(50% 50%,50% 0%,100% 0%,100% 100%,0% 100%,0% 0%,50% 0%);transform:rotate(0);transition:transform var(--transition-base)}.zoom-indicator__level{position:absolute;top:0;left:0;right:0;height:48px;display:flex;align-items:center;justify-content:center}.zoom-indicator__name{margin-top:48px;font-size:10px;font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);white-space:nowrap}.zoom-indicator--level-1 .zoom-indicator__progress{transform:rotate(120deg)}.zoom-indicator--level-2 .zoom-indicator__progress{transform:rotate(240deg)}.zoom-indicator--level-3 .zoom-indicator__progress{transform:rotate(360deg)}.map-markers{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1}.territory-canvas{position:absolute;inset:0;z-index:0;pointer-events:none}.map-marker{position:absolute;top:0;left:0;display:flex;align-items:center;gap:var(--space-xs);transform-origin:center center;transition:opacity var(--transition-base);will-change:transform,opacity;pointer-events:auto;cursor:pointer;animation:marker-appear .3s ease-out}.map-marker__icon{width:16px;height:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--accent-primary)}.map-marker__icon svg{width:100%;height:100%}.map-marker__icon--place{color:var(--accent-tertiary);filter:drop-shadow(0 0 4px rgba(var(--accent-tertiary-rgb),.5))}.map-marker__icon--character{color:var(--accent-primary);filter:drop-shadow(0 0 4px rgba(var(--accent-primary-rgb),.5))}.map-marker__icon--civilization{color:var(--accent-secondary);filter:drop-shadow(0 0 4px rgba(var(--accent-secondary-rgb),.5))}.map-marker__icon--species{color:rgba(var(--accent-primary-rgb),.7);filter:drop-shadow(0 0 4px rgba(var(--accent-primary-rgb),.3))}.map-marker__icon--cluster{color:var(--accent-primary);filter:drop-shadow(0 0 6px rgba(var(--accent-primary-rgb),.6))}[data-theme=epic-dramatic] .map-marker__icon--place{filter:drop-shadow(0 0 8px rgba(var(--accent-tertiary-rgb),.7))}[data-theme=epic-dramatic] .map-marker__icon--character{filter:drop-shadow(0 0 8px rgba(var(--accent-primary-rgb),.7))}[data-theme=epic-dramatic] .map-marker__icon--civilization{filter:drop-shadow(0 0 8px rgba(var(--accent-secondary-rgb),.7))}[data-theme=epic-dramatic] .map-marker__icon--species{filter:drop-shadow(0 0 8px rgba(var(--accent-primary-rgb),.5))}[data-theme=dark-mysterious] .map-marker__icon--place{filter:drop-shadow(0 0 12px rgba(var(--accent-tertiary-rgb),.9))}[data-theme=dark-mysterious] .map-marker__icon--character{filter:drop-shadow(0 0 12px rgba(var(--accent-primary-rgb),.9))}[data-theme=dark-mysterious] .map-marker__icon--civilization{filter:drop-shadow(0 0 12px rgba(var(--accent-secondary-rgb),.9))}[data-theme=dark-mysterious] .map-marker__icon--species{filter:drop-shadow(0 0 12px rgba(var(--accent-primary-rgb),.7))}.map-marker__label{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-primary);text-shadow:0 0 4px var(--surface-1),0 0 8px var(--surface-1);white-space:nowrap;user-select:none}.map-marker__cluster-count{position:absolute;top:-6px;right:-10px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--accent-primary);color:var(--surface-1);font-family:var(--font-sans);font-size:10px;font-weight:var(--font-bold);line-height:18px;text-align:center;box-shadow:0 1px 3px #0000004d}.map-marker--cluster{position:relative}.map-markers[data-zoom="1"] .map-marker[data-importance=moderate]:not(.map-marker--entity):not(.map-marker--cluster),.map-markers[data-zoom="1"] .map-marker[data-importance=minor]:not(.map-marker--entity):not(.map-marker--cluster){opacity:0;visibility:hidden;pointer-events:none}.map-markers[data-zoom="2"] .map-marker[data-importance=minor]:not(.map-marker--entity):not(.map-marker--cluster){opacity:0;visibility:hidden;pointer-events:none}.map-markers[data-zoom="3"] .map-marker:not(.map-marker--entity):not(.map-marker--cluster){opacity:1;visibility:visible}.map-marker--entity .map-marker__label{display:none}.map-markers[data-zoom="3"] .map-marker--entity .map-marker__label,.map-marker--entity:hover .map-marker__label{display:inline}.map-markers[data-zoom="1"] .map-marker--entity[data-entity-type=character],.map-markers[data-zoom="1"] .map-marker--entity[data-entity-type=species],.map-markers[data-zoom="1"] .map-marker--entity[data-entity-type=civilization][data-importance=moderate],.map-markers[data-zoom="1"] .map-marker--entity[data-entity-type=civilization][data-importance=minor],.map-markers[data-zoom="2"] .map-marker--entity[data-entity-type=character][data-importance=minor],.map-markers[data-zoom="2"] .map-marker--entity[data-entity-type=species][data-importance=minor]{opacity:0;visibility:hidden;pointer-events:none}.map-markers[data-zoom="3"] .map-marker--entity,.map-markers[data-zoom="1"] .map-marker--cluster,.map-markers[data-zoom="2"] .map-marker--cluster{opacity:1;visibility:visible;pointer-events:auto}.map-markers[data-zoom="1"] .map-marker__label{font-size:11px}.map-markers[data-zoom="2"] .map-marker__label{font-size:var(--text-xs)}.map-markers[data-zoom="3"] .map-marker__label{font-size:var(--text-sm)}.map-marker[data-importance=major] .map-marker__icon{width:20px;height:20px}.map-marker[data-importance=major] .map-marker__label{font-weight:var(--font-semibold)}.map-marker[data-importance=minor] .map-marker__icon{width:12px;height:12px;opacity:.8}.map-marker[data-importance=minor] .map-marker__label{opacity:.9}@keyframes marker-appear{0%{opacity:0;transform:translate(var(--tx, 0),var(--ty, 0)) scale(.5)}to{opacity:1;transform:translate(var(--tx, 0),var(--ty, 0)) scale(1)}}@keyframes marker-pulse{0%,to{transform:translate(var(--tx, 0),var(--ty, 0)) scale(1)}50%{transform:translate(var(--tx, 0),var(--ty, 0)) scale(1.12)}}.map-marker[data-importance=major] .map-marker__icon{animation:marker-icon-pulse 3s ease-in-out infinite}@keyframes marker-icon-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@keyframes marker-glow{0%,to{filter:drop-shadow(0 0 4px rgba(var(--accent-secondary-rgb),.5))}50%{filter:drop-shadow(0 0 10px rgba(var(--accent-secondary-rgb),.9))}}.map-marker--entity[data-entity-type=civilization] .map-marker__icon{animation:marker-glow 4s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.map-marker{animation:none}.map-marker__icon{animation:none!important}.map-marker--entity[data-entity-type=civilization] .map-marker__icon{animation:none}}.timeline-list{position:relative;display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-xl)}.timeline-list:before{content:"";position:absolute;left:calc(var(--space-xl) + 23px);top:0;bottom:0;width:2px;background:linear-gradient(to bottom,transparent,var(--border-default) 10%,var(--border-default) 90%,transparent)}.timeline-item{position:relative;display:flex;gap:var(--space-lg);width:100%;max-width:1280px}.timeline-item__marker{position:absolute;left:-24px;top:-24px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--surface-paper);border:2px solid var(--accent-primary);border-radius:50%;font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--accent-primary);z-index:var(--z-base);transition:all var(--transition-base)}.timeline-item__marker--major{width:56px;height:56px;background:var(--accent-primary);color:var(--text-inverse);box-shadow:0 0 16px var(--accent-primary)}.timeline-item__content{flex:1;display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);background:var(--surface-glass);backdrop-filter:blur(var(--blur-md));border:1px solid var(--border-default);border-radius:var(--radius-md);transition:all var(--transition-base)}.timeline-item:hover .timeline-item__content{background:var(--surface-glass-hover);border-color:var(--border-emphasis);transform:translate(4px)}.timeline-item:hover .timeline-item__marker{transform:translate(4px)}.timeline-item--expanded:hover .timeline-item__content,.timeline-item--expanded:hover .timeline-item__marker{transform:none}.timeline-item__timestamp{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-tertiary);letter-spacing:var(--tracking-wide)}.timeline-item__title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary)}.timeline-item__description{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}.timeline-view{display:flex;flex-direction:column;height:100%;position:relative;background:var(--surface-glass);backdrop-filter:blur(var(--blur-md))}.timeline-view__era-nav{position:sticky;top:0;z-index:var(--z-sticky);display:flex;flex-wrap:wrap;gap:var(--space-sm);padding:var(--space-md);background:var(--surface-glass);backdrop-filter:blur(var(--blur-md));border-bottom:1px solid var(--border-default)}.timeline-view__era-pill{font-size:var(--text-xs);padding:var(--space-xs) var(--space-sm)}.timeline-view__scroll{flex:1;overflow-y:auto;position:relative}.timeline-view__list{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-xl);padding:var(--space-xl)}.timeline-view__list:before{content:"";position:absolute;left:calc(var(--space-xl) + 23px);top:calc(var(--space-xl) + var(--space-md) + 24px);bottom:0;width:2px;background:linear-gradient(to bottom,var(--border-default),var(--border-default) 90%,transparent)}.timeline-view__era-separator{display:flex;align-items:center;gap:var(--space-md);margin:var(--space-xl) 0;padding-left:calc(var(--space-xl) + 64px)}.timeline-view__era-label{flex-shrink:0;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--accent-primary);background:rgba(var(--accent-primary-rgb),.1);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);letter-spacing:var(--tracking-wide);text-transform:uppercase}.timeline-view__era-line{flex:1;height:1px;background:var(--border-default)}.timeline-item__marker--moderate{width:52px;height:52px;background:var(--surface-paper);border:2px solid var(--accent-primary);box-shadow:0 0 8px rgba(var(--accent-primary-rgb),.3)}.timeline-item__header{display:flex;flex-direction:column;gap:var(--space-xs)}.timeline-item__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs)}.timeline-item__thumbnail{float:right;width:80px;height:60px;margin-left:var(--space-md);margin-bottom:var(--space-sm);border-radius:var(--radius-sm);overflow:hidden;background:var(--surface-inset)}.timeline-item__image{width:100%;height:100%;object-fit:cover}.timeline-item--expanded .timeline-item__content{border-color:var(--accent-primary);box-shadow:var(--shadow-lg);transform:none}.timeline-item--expanded .timeline-item__content:hover{transform:none}.timeline-item__expansion{display:flex;flex-direction:column;gap:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border-subtle);margin-top:var(--space-sm)}.timeline-item__expansion-loading,.timeline-item__expansion-error{padding:var(--space-md);text-align:center;font-size:var(--text-sm);color:var(--text-tertiary)}.timeline-item__expansion-error{color:var(--status-error)}.timeline-item__full-image{width:100%;max-width:768px;margin:0 auto;aspect-ratio:16 / 9;border-radius:var(--radius-md);overflow:hidden;background:var(--surface-inset)}.timeline-item__full-image img{width:100%;height:100%;object-fit:cover}.timeline-item__full-narrative{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-primary)}.timeline-item__full-narrative p{margin-bottom:var(--space-md)}.timeline-item__full-narrative p:last-child{margin-bottom:0}.timeline-item__full-narrative blockquote{margin:var(--space-lg) 0;padding:var(--space-md) var(--space-lg);border-left:3px solid var(--accent-primary);background:rgba(var(--accent-primary-rgb),.05);font-style:italic;color:var(--text-secondary)}.timeline-item__entities{display:flex;flex-direction:column;gap:var(--space-sm)}.timeline-item__entities-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.entity-chips{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.entity-chip--character{border-color:var(--accent-primary);background:rgba(var(--accent-primary-rgb),.1)}.entity-chip--species{border-color:rgba(var(--accent-primary-rgb),.8);background:rgba(var(--accent-primary-rgb),.08)}.entity-chip--civilization{border-color:var(--accent-secondary);background:rgba(var(--accent-secondary-rgb),.1)}.entity-chip--place{border-color:var(--accent-tertiary);background:rgba(var(--accent-tertiary-rgb),.1)}.timeline-view__sentinel{height:1px;opacity:0;pointer-events:none}.timeline-view__loading{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-xl)}.timeline-view__empty{display:flex;align-items:center;justify-content:center;padding:var(--space-3xl)}.settings-form{display:flex;flex-direction:column;gap:var(--space-2xl);max-width:36rem;margin:0 auto;padding:var(--space-2xl)}.form-group{display:flex;flex-direction:column;gap:var(--space-sm)}.form-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);letter-spacing:var(--tracking-wide)}.form-hint{font-size:var(--text-xs);color:var(--text-tertiary);line-height:var(--leading-normal)}.form-input{width:100%;padding:var(--space-md);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-primary);background:var(--surface-2);border:1px solid var(--border-default);border-radius:var(--radius-md);transition:all var(--transition-base)}.form-input::placeholder{color:var(--text-tertiary)}.form-input:hover{border-color:var(--border-emphasis)}.form-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:var(--focus-ring)}.form-input:disabled{opacity:.5;cursor:not-allowed}.form-input--error{border-color:var(--color-error)}.form-input--error:focus{box-shadow:0 0 0 3px rgba(var(--color-error),.3)}.form-slider{position:relative;width:100%;height:48px;display:flex;align-items:center}.form-slider input[type=range]{width:100%;height:6px;background:var(--surface-2);border-radius:var(--radius-full);outline:none;cursor:pointer;-webkit-appearance:none}.form-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;background:var(--accent-primary);border:3px solid var(--surface-paper);border-radius:50%;cursor:pointer;box-shadow:var(--shadow-md);transition:all var(--transition-base)}.form-slider input[type=range]::-webkit-slider-thumb:hover{background:var(--accent-primary-hover);transform:scale(1.1)}.form-slider input[type=range]:focus::-webkit-slider-thumb{box-shadow:var(--focus-ring),var(--shadow-md)}.form-slider input[type=range]::-moz-range-thumb{width:24px;height:24px;background:var(--accent-primary);border:3px solid var(--surface-paper);border-radius:50%;cursor:pointer;box-shadow:var(--shadow-md);transition:all var(--transition-base)}.form-slider input[type=range]::-moz-range-thumb:hover{background:var(--accent-primary-hover);transform:scale(1.1)}.form-slider input[type=range]:focus::-moz-range-thumb{box-shadow:var(--focus-ring),var(--shadow-md)}.slider-labels{display:flex;justify-content:space-between;margin-top:var(--space-xs);font-size:var(--text-xs);color:var(--text-tertiary)}.form-toggle{position:relative;display:inline-flex;align-items:center;gap:var(--space-md);cursor:pointer}.form-toggle input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.toggle-switch{position:relative;width:48px;height:24px;background:var(--surface-2);border:1px solid var(--border-default);border-radius:var(--radius-full);transition:all var(--transition-base)}.toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:var(--text-tertiary);border-radius:50%;transition:all var(--transition-base)}.form-toggle input[type=checkbox]:checked+.toggle-switch{background:var(--accent-primary);border-color:var(--accent-primary)}.form-toggle input[type=checkbox]:checked+.toggle-switch:after{left:26px;background:var(--text-inverse)}.form-toggle input[type=checkbox]:focus-visible+.toggle-switch{box-shadow:var(--focus-ring)}.form-toggle:hover .toggle-switch{border-color:var(--border-emphasis)}.toggle-label{font-size:var(--text-sm);color:var(--text-primary);user-select:none}.form-error{font-size:var(--text-xs);color:var(--color-error);min-height:1.2em;margin-top:var(--space-xs)}.form-error:empty{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);font-size:var(--text-base);font-weight:var(--font-semibold);font-family:var(--font-sans);line-height:1;text-decoration:none;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn--primary{background:var(--accent-primary);color:var(--text-inverse);border-color:var(--accent-primary)}.btn--primary:hover:not(:disabled){background:var(--accent-primary-hover);border-color:var(--accent-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn--secondary{background:transparent;color:var(--accent-primary);border-color:var(--accent-primary)}.btn--secondary:hover:not(:disabled){background:var(--accent-primary);color:var(--text-inverse)}.btn--ghost{background:transparent;color:var(--text-primary);border-color:transparent}.btn--ghost:hover:not(:disabled){background:var(--surface-2)}.btn--lg{padding:var(--space-lg) var(--space-3xl);font-size:var(--text-lg)}.btn--loading{pointer-events:none;position:relative;color:transparent}.btn--loading:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .6s linear infinite;color:var(--text-inverse)}.btn--secondary.btn--loading:after{color:var(--accent-primary)}.model-select{position:relative;width:100%}.model-select__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-md) var(--space-lg);background:var(--surface-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);font-family:var(--font-sans);text-align:left;cursor:pointer;transition:all .2s ease}.model-select__trigger:hover{background:var(--surface-hover);border-color:var(--accent-primary)}.model-select__trigger:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(var(--accent-primary-rgb),.3)}.model-select__trigger:disabled{opacity:.5;cursor:not-allowed}.model-select__trigger--loading{cursor:wait}.model-select__trigger-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.model-select__trigger-icon{margin-left:var(--space-sm);color:var(--text-tertiary);font-size:.75em;transition:transform .2s ease}.model-select__trigger[aria-expanded=true] .model-select__trigger-icon{transform:rotate(180deg)}.model-select__dropdown{position:absolute;top:calc(100% + var(--space-sm));left:0;right:0;max-height:400px;background:var(--surface-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);overflow:hidden;backdrop-filter:blur(var(--blur-md))}.model-select__search-container{padding:var(--space-md);border-bottom:1px solid var(--border-default);background:var(--surface-canvas)}.model-select__search{width:100%;padding:var(--space-sm) var(--space-md);background:var(--surface-elevated);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--text-sm);font-family:var(--font-sans);outline:none;transition:all .2s ease}.model-select__search:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px rgba(var(--accent-primary-rgb),.3)}.model-select__search::placeholder{color:var(--text-tertiary)}.model-select__list{max-height:320px;overflow-y:auto;padding:var(--space-sm)}.model-select__group-label{padding:var(--space-md) var(--space-md) var(--space-sm);color:var(--text-tertiary);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;position:sticky;top:calc(var(--space-sm) * -1);background:var(--surface-elevated);z-index:1}.model-select__item{padding:var(--space-md);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease;border:1px solid transparent;margin-bottom:var(--space-xs)}.model-select__item:hover{background:var(--surface-hover);border-color:var(--border-default)}.model-select__item:focus{outline:none;background:var(--surface-hover);border-color:var(--accent-primary);box-shadow:0 0 0 2px rgba(var(--accent-primary-rgb),.3)}.model-select__item--selected,.model-select__item--selected:hover{background:rgba(var(--accent-primary-rgb),.15);border-color:var(--accent-primary)}.model-select__item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xs)}.model-select__item-name{color:var(--text-primary);font-size:var(--text-sm);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.model-select__item-context{color:var(--text-tertiary);font-size:var(--text-xs);font-family:var(--font-mono);margin-left:var(--space-sm);flex-shrink:0}.model-select__item-pricing{display:flex;gap:var(--space-md);font-size:var(--text-xs);color:var(--text-secondary);font-family:var(--font-mono)}.model-select__item-price{color:var(--text-secondary)}.model-select__item-price-unit{color:var(--text-tertiary)}.model-select__loading,.model-select__error,.model-select__empty{padding:var(--space-xl) var(--space-lg);text-align:center;color:var(--text-tertiary);font-size:var(--text-sm)}.model-select__error{color:var(--status-error)}.model-select__loading:after{content:"";display:inline-block;width:1em;height:1em;margin-left:var(--space-sm);border:2px solid var(--text-tertiary);border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}@media(max-width:768px){.model-select__dropdown{max-height:300px}.model-select__list{max-height:220px}}.world-creation{display:flex;flex-direction:column;gap:var(--space-2xl);max-width:48rem;margin:0 auto;padding:var(--space-2xl)}.world-creation__header{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding-bottom:var(--space-xl);border-bottom:1px solid var(--border-subtle);text-align:center}.world-creation__title{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--text-primary);letter-spacing:var(--tracking-tight)}.world-creation__subtitle{font-size:var(--text-base);color:var(--text-secondary);max-width:36rem;line-height:var(--leading-relaxed)}.world-creation__section{display:flex;flex-direction:column;gap:var(--space-lg);border:none;padding:0;margin:0}.world-creation__section-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);letter-spacing:var(--tracking-wide)}.world-creation__actions{display:flex;justify-content:center;padding-top:var(--space-xl);border-top:1px solid var(--border-subtle)}.tone-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}@media(max-width:640px){.tone-selector{grid-template-columns:1fr}}.tone-card{position:relative;display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-xl);background:var(--surface-glass);backdrop-filter:blur(var(--blur-md));border:2px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);text-align:center}.tone-card:hover{background:var(--surface-glass-hover);border-color:var(--border-emphasis);transform:translateY(-2px);box-shadow:var(--shadow-md)}.tone-card:focus-visible{outline:none;box-shadow:var(--focus-ring)}.tone-card[aria-checked=true]{border-color:var(--accent-primary);background:var(--surface-glass-hover);box-shadow:0 0 0 1px var(--accent-primary),var(--shadow-lg)}.tone-card[aria-checked=true]:before{content:"✓";position:absolute;top:var(--space-md);right:var(--space-md);display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--accent-primary);color:var(--text-inverse);border-radius:50%;font-size:var(--text-sm);font-weight:var(--font-bold)}.tone-card__name{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary)}.tone-card__description{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}.era-picker{display:flex;flex-wrap:wrap;gap:var(--space-md)}.era-option{flex:1 1 auto;min-width:max-content;padding:var(--space-md) var(--space-xl);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);background:var(--surface-glass);backdrop-filter:blur(var(--blur-md));border:2px solid var(--border-default);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base);text-align:center;white-space:nowrap}.era-option:hover{border-color:var(--border-emphasis);background:var(--surface-glass-hover)}.era-option:focus-visible{outline:none;box-shadow:var(--focus-ring)}.era-option[aria-checked=true]{background:var(--accent-primary);color:var(--text-inverse);border-color:var(--accent-primary)}.world-creation__success{display:flex;flex-direction:column;align-items:center;gap:var(--space-xl);padding:var(--space-3xl);background:var(--surface-glass);backdrop-filter:blur(var(--blur-md));border:2px solid var(--accent-primary);border-radius:var(--radius-lg);text-align:center;clip-path:polygon(0 8px,8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px))}.world-creation__success-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--accent-primary);color:var(--text-inverse);border-radius:50%;font-size:var(--text-3xl);box-shadow:0 0 24px var(--accent-primary)}.world-creation__success-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary)}.world-creation__success-message{font-size:var(--text-base);color:var(--text-secondary);max-width:32rem;line-height:var(--leading-relaxed)}.generation-mode-selector{display:flex;flex-direction:column;gap:var(--space-md)}.generation-mode-option{position:relative;padding:var(--space-lg);background:var(--surface-glass);backdrop-filter:blur(var(--blur-md));border:2px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.generation-mode-option:hover{background:var(--surface-glass-hover);border-color:var(--border-emphasis);box-shadow:var(--shadow-sm)}.generation-mode-option:has(input[type=radio]:checked){border-color:var(--accent-primary);background:var(--surface-glass-hover);box-shadow:var(--shadow-md),0 0 0 1px var(--accent-primary)}.generation-mode-option label{display:flex;flex-direction:column;gap:var(--space-xs);cursor:pointer;position:relative;padding-left:var(--space-2xl);color:var(--text-secondary);transition:color var(--transition-base)}.generation-mode-option label:before{content:"";position:absolute;left:0;top:.125rem;width:1.25rem;height:1.25rem;border:2px solid var(--border-subtle);border-radius:50%;background:var(--surface-base);transition:all var(--transition-base)}.generation-mode-option label:after{content:"";position:absolute;left:.375rem;top:.5rem;width:.5rem;height:.5rem;border-radius:50%;background:#fff;opacity:0;transition:opacity var(--transition-base)}.generation-mode-option label strong{font-size:var(--text-base);font-weight:var(--font-semibold);display:block;color:var(--text-primary)}.generation-mode-description{font-size:var(--text-sm);color:var(--text-tertiary);line-height:var(--leading-normal)}.world-hub{display:flex;flex-direction:column;gap:var(--space-2xl);max-width:56rem;margin:0 auto;padding:var(--space-2xl);width:100%;height:100%;overflow-y:auto}.world-hub__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg)}.world-hub__title{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--text-primary);margin:0}.world-hub__create-btn{flex-shrink:0}.world-hub__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-xl);width:100%}.world-card{position:relative;display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-xl);background:var(--surface-1);border:1px solid var(--surface-2);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease}.world-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--surface-3)}.world-card--active{border-color:var(--accent-primary);box-shadow:0 0 0 1px var(--accent-primary),var(--shadow-md)}.world-card--active:hover{box-shadow:0 0 0 1px var(--accent-primary),var(--shadow-lg)}.world-card__name{font-family:var(--font-display);font-size:var(--text-xl);color:var(--text-primary);margin:0;word-break:break-word}.world-card__meta{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;font-size:var(--text-sm);color:var(--text-secondary)}.world-card__tone-badge{padding:var(--space-xs) var(--space-sm);background:var(--surface-2);border-radius:var(--radius-sm);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.5px;color:var(--text-primary);font-weight:500}.world-card__separator{color:var(--surface-3)}.world-card__delete{position:absolute;top:var(--space-md);right:var(--space-md);left:auto;padding:var(--space-xs);background:var(--surface-1);border:1px solid var(--surface-2);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;opacity:0;transition:all .2s ease;font-size:var(--text-lg);line-height:1;width:28px;height:28px;display:flex;align-items:center;justify-content:center;z-index:5}.world-card:hover .world-card__delete{opacity:1}.world-card__delete:hover{background:var(--status-error-bg);border-color:var(--status-error);color:var(--status-error)}.world-card__confirm{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);background:var(--surface-1);backdrop-filter:blur(var(--blur-md));border:1px solid rgba(var(--accent-primary-rgb),.3);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg),0 0 15px rgba(var(--accent-primary-rgb),.2);padding:var(--space-lg);z-index:15}.world-card__confirm-text{font-size:var(--text-base);color:var(--text-primary);text-align:center;margin:0}.world-card__confirm-actions{display:flex;gap:var(--space-sm)}.world-hub__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-lg);padding:var(--space-3xl);text-align:center}.world-hub__empty-title{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--text-primary);margin:0}.world-hub__empty-description{font-size:var(--text-base);color:var(--text-secondary);margin:0;max-width:32rem}.world-hub__toast{position:fixed;top:auto;bottom:var(--space-2xl);left:auto;right:var(--space-2xl);padding:var(--space-lg) var(--space-xl);background:var(--surface-1);border:1px solid var(--accent-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-xl),0 0 20px rgba(var(--accent-primary-rgb),.3),0 0 40px rgba(var(--accent-primary-rgb),.15);color:var(--text-primary);font-size:var(--text-base);z-index:10000;animation:slideInUp .3s ease}@keyframes slideInUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.world-hub__back{align-self:flex-start;margin-bottom:var(--space-lg)}.world-hub__create-container{width:100%;display:flex;flex-direction:column}.snapshot-section{border-top:1px solid var(--surface-3)}.snapshot-section__info{display:flex;align-items:center;justify-content:flex-end;margin-bottom:var(--space-sm)}.snapshot-section__limit{font-size:var(--text-sm);color:var(--text-tertiary);font-weight:500}.snapshot-section__create{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg)}.snapshot-section__input{flex:1}.snapshot-section__error{padding:var(--space-md);background:var(--status-error-bg);border:1px solid var(--status-error);border-radius:var(--radius-md);color:var(--status-error);font-size:var(--text-sm);margin-bottom:var(--space-md)}.snapshot-list{display:flex;flex-direction:column;gap:var(--space-sm);max-height:240px;overflow-y:auto;padding-right:var(--space-sm)}.snapshot-list::-webkit-scrollbar{width:8px}.snapshot-list::-webkit-scrollbar-track{background:var(--surface-2);border-radius:var(--radius-sm)}.snapshot-list::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:var(--radius-sm)}.snapshot-list::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.snapshot-item{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-md);background:var(--surface-2);border-radius:var(--radius-md);transition:background .2s ease}.snapshot-item:hover{background:var(--surface-3)}.snapshot-item__header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-md)}.snapshot-item__label{font-weight:500;color:var(--text-primary);font-size:var(--text-base);margin:0}.snapshot-item__date{font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap}.snapshot-item__description{font-size:var(--text-sm);color:var(--text-secondary);margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.snapshot-list__empty{padding:var(--space-lg);text-align:center;color:var(--text-tertiary);font-size:var(--text-sm)}@media(max-width:640px){.world-hub{padding:var(--space-lg)}.world-hub__grid{grid-template-columns:1fr}.world-hub__header{flex-direction:column;align-items:flex-start}.world-hub__create-btn{width:100%}.world-hub__toast{bottom:var(--space-lg);right:var(--space-lg);left:var(--space-lg)}}.news-feed{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden;animation:fade-in var(--transition-base)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.news-feed__controls{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-lg);background:#fffffffa;border-bottom:1px solid var(--border-default)}[data-theme=epic-dramatic] .news-feed__controls{background:#19233cfa}[data-theme=dark-mysterious] .news-feed__controls{background:#140f19fa}.news-feed__spacer{flex-grow:1}.news-feed__status{display:flex;align-items:center;gap:var(--space-sm)}.news-feed__status-text{font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--font-medium);font-variant-numeric:tabular-nums}.news-feed__status-text[data-state=paused]{font-style:italic;color:var(--text-tertiary)}.news-feed__body{display:grid;grid-template-columns:320px 1fr;flex:1;overflow:hidden;min-height:0}.news-feed__sidebar{display:flex;flex-direction:column;border-right:1px solid var(--border-default);background:#ffffffd9;backdrop-filter:blur(var(--blur-xl));-webkit-backdrop-filter:blur(var(--blur-xl));transform:translateZ(0);overflow-y:auto;overflow-x:hidden}[data-theme=epic-dramatic] .news-feed__sidebar{background:#19233ce6}[data-theme=dark-mysterious] .news-feed__sidebar{background:#140f19e6}.news-feed__sidebar::-webkit-scrollbar{width:8px}.news-feed__sidebar::-webkit-scrollbar-track{background:transparent}.news-feed__sidebar::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-sm)}.news-feed__sidebar::-webkit-scrollbar-thumb:hover{background:var(--border-emphasis)}.news-feed__filter-bar{display:flex;align-items:center;justify-content:center;padding:var(--space-xs) var(--space-md);border-bottom:1px solid rgba(0,0,0,.04)}[data-theme=epic-dramatic] .news-feed__filter-bar{border-bottom-color:#ffffff0f}[data-theme=dark-mysterious] .news-feed__filter-bar{border-bottom-color:#ffffff0d}.news-feed__filter-bar .btn{font-size:var(--text-xs);padding:var(--space-xs) var(--space-sm);opacity:.7;transition:opacity var(--transition-fast)}.news-feed__filter-bar .btn:hover{opacity:1}.news-feed__event-list{display:flex;flex-direction:column}.news-feed__sidebar .article-card{border-radius:0;border-left:none;border-right:none;border-top:none;padding:var(--space-md);background:transparent}.news-feed__sidebar .article-card:hover{background:#ffffff4d;backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md))}.news-feed__sidebar .article-card:first-child{border-top:1px solid var(--border-default)}[data-theme=epic-dramatic] .news-feed__sidebar .article-card:hover,[data-theme=dark-mysterious] .news-feed__sidebar .article-card:hover{background:#ffffff1a}.news-feed__sidebar .article-card__image{display:none}.news-feed__sidebar .article-card__excerpt{line-clamp:2;-webkit-line-clamp:2}.news-feed__sidebar .article-card__title{font-size:var(--text-base)}.article-card--selected{background:#fff6;backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));border-color:var(--accent-primary);border-left:3px solid var(--accent-primary);padding-left:calc(var(--space-md) - 2px)}[data-theme=epic-dramatic] .article-card--selected,[data-theme=dark-mysterious] .article-card--selected{background:#ffffff26}.article-card--new{animation:slide-in var(--transition-base)}@keyframes slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.news-feed__load-more{padding:var(--space-md);text-align:center}.news-feed__reader{overflow-y:auto;padding:var(--space-2xl);background:#ffffffbf;backdrop-filter:blur(var(--blur-xl));-webkit-backdrop-filter:blur(var(--blur-xl));transform:translateZ(0)}[data-theme=epic-dramatic] .news-feed__reader{background:#19233cd9}[data-theme=dark-mysterious] .news-feed__reader{background:#140f19d9}.news-feed__reader::-webkit-scrollbar{width:8px}.news-feed__reader::-webkit-scrollbar-track{background:transparent}.news-feed__reader::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-sm)}.news-feed__reader::-webkit-scrollbar-thumb:hover{background:var(--border-emphasis)}.news-feed__reader .empty-state{height:100%;min-height:400px}.news-feed__reader .article-reader{background:#ffffffd9;backdrop-filter:blur(var(--blur-xl));-webkit-backdrop-filter:blur(var(--blur-xl));border:1px solid var(--border-default)}[data-theme=epic-dramatic] .news-feed__reader .article-reader{background:#19233ceb}[data-theme=dark-mysterious] .news-feed__reader .article-reader{background:#140f19eb}.news-feed__ticker{border-top:1px solid var(--border-default);background:#fffffffa;overflow:hidden;flex-shrink:0;display:flex}[data-theme=epic-dramatic] .news-feed__ticker{background:#19233cfa}[data-theme=dark-mysterious] .news-feed__ticker{background:#140f19fa}.news-feed--minimized{pointer-events:none!important}.news-feed--minimized .news-feed__controls{pointer-events:auto}.news-feed--minimized .news-feed__body,.news-feed--minimized .news-feed__ticker,.news-feed--minimized .history-library__panels,.news-feed--minimized .history-filters{visibility:hidden;height:0;min-height:0;flex:0;overflow:hidden}.news-feed--minimized .news-feed__controls{background:#ffffffbf;backdrop-filter:blur(var(--blur-xl));-webkit-backdrop-filter:blur(var(--blur-xl));transform:translateZ(0)}[data-theme=epic-dramatic] .news-feed--minimized .news-feed__controls{background:#19233cd9}[data-theme=dark-mysterious] .news-feed--minimized .news-feed__controls{background:#140f19d9}.news-feed__toggle{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast)}.news-feed__toggle:hover{background:#ffffff4d;border-color:var(--accent-primary)}[data-theme=epic-dramatic] .news-feed__toggle:hover,[data-theme=dark-mysterious] .news-feed__toggle:hover{background:#ffffff26}.news-feed__toggle:focus-visible{outline:none;box-shadow:var(--focus-ring)}.news-feed__toggle svg{transition:transform var(--transition-fast)}.news-feed--minimized .news-feed__toggle svg{transform:rotate(180deg)}.history-tabs{display:flex;align-items:center;gap:var(--space-xs);flex-wrap:wrap}.history-tabs__tab{padding:var(--space-xs) var(--space-md);font-size:var(--text-sm);font-family:var(--font-sans);font-weight:var(--font-medium);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.history-tabs__tab:hover{background:rgba(var(--accent-primary-rgb),.1);color:var(--text-primary)}.history-tabs__tab:focus-visible{outline:none;box-shadow:var(--focus-ring)}.history-tabs__tab--active{background:rgba(var(--accent-primary-rgb),.15);color:var(--accent-primary);border-bottom:2px solid var(--accent-primary);padding-bottom:calc(var(--space-xs) - 2px)}.history-search{display:inline-flex;align-items:center;gap:var(--space-xs)}.history-search__input{width:200px;padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm);font-family:var(--font-sans);background:#ffffff80;border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);transition:all var(--transition-fast)}[data-theme=epic-dramatic] .history-search__input{background:#ffffff1a}[data-theme=dark-mysterious] .history-search__input{background:#ffffff14}.history-search__input::placeholder{color:var(--text-tertiary)}.history-search__input:focus{outline:none;border-color:var(--accent-primary);box-shadow:var(--focus-ring);background:#ffffffb3}[data-theme=epic-dramatic] .history-search__input:focus,[data-theme=dark-mysterious] .history-search__input:focus{background:#ffffff26}.history-filters{display:flex;flex-wrap:wrap;gap:var(--space-md);padding:var(--space-xs) var(--space-md);border-bottom:1px solid var(--border-subtle);background:#ffffffb3;backdrop-filter:blur(var(--blur-xl))}[data-theme=epic-dramatic] .history-filters{background:#19233c80}[data-theme=dark-mysterious] .history-filters{background:#140f19}.history-filters__group{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.history-filters__label{font-size:var(--text-xs);color:var(--text-tertiary);letter-spacing:var(--tracking-wider);text-transform:uppercase;font-weight:var(--font-semibold)}.filter-pill{padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs);font-family:var(--font-sans);font-weight:var(--font-medium);background:transparent;border:1px solid var(--border-default);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.filter-pill:hover{background:rgba(var(--accent-primary-rgb),.1);border-color:var(--accent-primary);color:var(--text-primary)}.filter-pill:focus-visible{outline:none;box-shadow:var(--focus-ring)}.filter-pill--active{background:rgba(var(--accent-primary-rgb),.15);border-color:var(--accent-primary);color:var(--accent-primary)}.history-library__panels{flex:1;overflow:hidden;position:relative;display:flex;flex-direction:column;min-height:0}.history-library__panel{display:none;flex-direction:column;position:absolute;inset:0;overflow:hidden;flex-grow:1}.history-library__panel--active{display:flex;position:relative}.history-placeholder{display:flex;align-items:center;justify-content:center;flex:1;padding:var(--space-2xl)}.history-placeholder .empty-state{max-width:400px;text-align:center}.history-placeholder .empty-state__title{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-sm)}.history-placeholder .empty-state__description{font-size:var(--text-base);color:var(--text-secondary)}#tab-encyclopedia{flex:1}.encyclopedia-view{display:flex;flex-direction:column;height:100%;position:relative;background:var(--surface-glass);backdrop-filter:blur(var(--blur-md))}.encyclopedia-view__toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md);border-bottom:1px solid var(--border-default);background:var(--surface-glass);backdrop-filter:blur(var(--blur-md))}.encyclopedia-view__count{font-size:var(--text-sm);font-family:var(--font-mono);color:var(--text-secondary);letter-spacing:var(--tracking-wide)}.encyclopedia-view__sort{display:flex;align-items:center;gap:var(--space-sm)}.encyclopedia-view__sort-label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.encyclopedia-view__sort-select{padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm);font-family:var(--font-sans);color:var(--text-primary);background:var(--surface-paper);border:1px solid var(--border-default);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base)}.encyclopedia-view__sort-select:hover{border-color:var(--border-emphasis)}.encyclopedia-view__sort-select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(var(--accent-primary-rgb),.1)}.encyclopedia-view__scroll{flex:1;overflow-y:auto;position:relative}.encyclopedia-view__list-view{display:flex;flex-direction:column;height:100%}.encyclopedia-view__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-md);padding:var(--space-xl);align-items:stretch}.encyclopedia-view__empty{display:flex;align-items:center;justify-content:center;padding:var(--space-3xl);min-height:400px}.encyclopedia-view__loading{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-md);padding:var(--space-xl)}.encyclopedia-card{position:relative;display:flex;flex-direction:column;height:100%;background:var(--surface-glass);backdrop-filter:blur(var(--blur-md));border:1px solid var(--border-default);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:all var(--transition-base)}.encyclopedia-card:hover{border-color:var(--border-emphasis);transform:translateY(-2px);box-shadow:var(--shadow-md)}.encyclopedia-card:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(var(--accent-primary-rgb),.1)}.encyclopedia-card__image-container{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:var(--surface-inset)}.encyclopedia-card__image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.encyclopedia-card:hover .encyclopedia-card__image{transform:scale(1.05)}.encyclopedia-card__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:var(--text-3xl);color:var(--text-tertiary);background:var(--surface-inset)}.encyclopedia-card__body{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);flex:1}.encyclopedia-card__meta{display:flex;align-items:center;gap:var(--space-xs);flex-wrap:wrap}.encyclopedia-card__bookmark{display:flex;align-items:center;gap:var(--space-xs);margin-left:auto}.encyclopedia-card__type{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-inverse);background:var(--accent-primary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.encyclopedia-card__type--character{background:var(--accent-primary)}.encyclopedia-card__type--species{background:rgba(var(--accent-primary-rgb),.8)}.encyclopedia-card__type--civilization{background:var(--accent-secondary)}.encyclopedia-card__type--place{background:var(--accent-tertiary)}.encyclopedia-card__name{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);line-height:var(--leading-tight);margin:0}.encyclopedia-card__attrs{display:flex;flex-direction:column;gap:var(--space-xs);flex:1}.encyclopedia-card__attr{display:flex;gap:var(--space-xs);font-size:var(--text-xs);color:var(--text-secondary);line-height:var(--leading-normal)}.encyclopedia-card__attr-label{font-weight:var(--font-medium);color:var(--text-tertiary);text-transform:capitalize}.encyclopedia-card__attr-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.encyclopedia-view__detail-view{display:flex;flex-direction:column;height:100%;background:var(--surface-glass);backdrop-filter:blur(var(--blur-md))}.encyclopedia-detail__header{position:sticky;top:0;z-index:var(--z-sticky);display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md);background:var(--surface-glass);backdrop-filter:blur(var(--blur-md));border-bottom:1px solid var(--border-default)}.encyclopedia-detail__header-left{display:flex;align-items:center;gap:var(--space-md)}.encyclopedia-detail__back{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);background:transparent;border:1px solid var(--border-default);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base)}.encyclopedia-detail__back:hover{color:var(--text-primary);border-color:var(--border-emphasis);background:var(--surface-glass-hover)}.encyclopedia-detail__header-right{display:flex;align-items:center;gap:var(--space-sm)}.encyclopedia-detail__action-btn{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);background:transparent;border:1px solid var(--border-default);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base)}.encyclopedia-detail__action-btn:hover{color:var(--text-primary);border-color:var(--border-emphasis);background:var(--surface-glass-hover)}.encyclopedia-detail__scroll{flex:1;overflow-y:auto;position:relative}.encyclopedia-detail__content{display:flex;flex-direction:column;gap:var(--space-xl);padding:var(--space-xl);max-width:960px;margin:0 auto}.encyclopedia-detail__hero{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:var(--radius-md);overflow:hidden;background:var(--surface-inset);cursor:zoom-in;transition:all var(--transition-base)}.encyclopedia-detail__hero:hover{box-shadow:var(--shadow-lg)}.encyclopedia-detail__hero img{width:100%;height:100%;object-fit:cover}.encyclopedia-detail__hero-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:var(--text-4xl);color:var(--text-tertiary);background:var(--surface-inset)}.encyclopedia-detail__title-section{display:flex;flex-direction:column;gap:var(--space-sm)}.encyclopedia-detail__meta{display:flex;align-items:center;gap:var(--space-xs);flex-wrap:wrap}.encyclopedia-detail__bookmark{display:flex;align-items:center;gap:var(--space-xs);margin-left:auto}.encyclopedia-detail__title{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-primary);line-height:var(--leading-tight);margin:0}.encyclopedia-detail__description{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-secondary);margin:0}.encyclopedia-detail__sheet-section{display:flex;flex-direction:column;gap:var(--space-md)}.encyclopedia-detail__section-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin:0}.encyclopedia-detail__sheet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-md)}.encyclopedia-detail__sheet-item{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-md);background:var(--surface-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.encyclopedia-detail__sheet-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.encyclopedia-detail__sheet-value{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--text-primary);word-wrap:break-word}.encyclopedia-detail__sheet-value ul{margin:0;padding-left:var(--space-lg);list-style-type:disc}.encyclopedia-detail__sheet-value li{margin-bottom:var(--space-xs)}.encyclopedia-detail__sheet-value li:last-child{margin-bottom:0}.encyclopedia-detail__sheet-value em{color:var(--text-tertiary);font-style:italic}.encyclopedia-detail__relationships-section{display:flex;flex-direction:column;gap:var(--space-md)}.encyclopedia-detail__relationship-group{display:flex;flex-direction:column;gap:var(--space-sm)}.encyclopedia-detail__relationship-type{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wide);padding-bottom:var(--space-xs);border-bottom:1px solid var(--border-subtle)}.encyclopedia-detail__relationship-list{display:flex;flex-direction:column;gap:var(--space-xs)}.encyclopedia-detail__relationship-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--surface-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base)}.encyclopedia-detail__relationship-item:hover{border-color:var(--border-emphasis);background:var(--surface-glass-hover);transform:translate(4px)}.encyclopedia-detail__relationship-entity{display:flex;align-items:center;gap:var(--space-sm);flex:1}.encyclopedia-detail__relationship-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.encyclopedia-detail__relationship-desc{font-size:var(--text-xs);color:var(--text-tertiary);font-style:italic}.encyclopedia-detail__relationship-strength{display:flex;gap:var(--space-xs)}.encyclopedia-detail__strength-dot{width:6px;height:6px;border-radius:50%;background:var(--border-default);transition:all var(--transition-base)}.encyclopedia-detail__strength-dot--filled{background:var(--accent-primary)}.encyclopedia-detail__timestamps{display:flex;gap:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--border-subtle);font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-tertiary)}.encyclopedia-detail__timestamp-label{font-weight:var(--font-medium)}.encyclopedia-view__lightbox{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;background:#000000e6;cursor:zoom-out;animation:fadeIn var(--transition-base)}.encyclopedia-view__lightbox-image{max-width:90vw;max-height:90vh;object-fit:contain;box-shadow:var(--shadow-lg)}@media print{.encyclopedia-detail__header{display:none}.encyclopedia-view__detail-view{background:#fff}.encyclopedia-detail__content{max-width:100%}.encyclopedia-detail__hero,.encyclopedia-detail__relationship-item{cursor:default}.encyclopedia-detail__relationship-item:hover{transform:none}}[data-theme=epic-dramatic]{.encyclopedia-card__type--character{box-shadow:0 0 8px rgba(var(--accent-primary-rgb),.4)}.encyclopedia-detail__relationship-item:hover{box-shadow:var(--shadow-sm)}}[data-theme=dark-mysterious]{.encyclopedia-card{background:rgba(var(--surface-glass-rgb, 0, 0, 0),.6)}.encyclopedia-view__lightbox{background:#000000f2}}.graph-view{height:100%;display:flex;flex-direction:column;background:var(--surface-glass);backdrop-filter:blur(var(--blur-lg));position:relative}.graph-view__toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md);background:var(--surface-secondary);border-bottom:1px solid var(--border-default);flex-wrap:wrap}.graph-view__filters{display:flex;gap:var(--space-sm);flex-wrap:wrap}.graph-view__controls{display:flex;gap:var(--space-sm);align-items:center}.graph-view__layout-select{padding:var(--space-xs) var(--space-sm);background:var(--surface-primary);color:var(--text-primary);border:1px solid var(--border-default);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:.875rem;cursor:pointer;transition:border-color .2s ease}.graph-view__layout-select:hover{border-color:var(--accent-primary)}.graph-view__layout-select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px rgba(var(--accent-primary-rgb),.2)}.graph-view__control-btn{width:32px;height:32px;padding:0;background:var(--surface-primary);color:var(--text-primary);border:1px solid var(--border-default);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.graph-view__control-btn:hover{background:var(--surface-tertiary);border-color:var(--accent-primary)}.graph-view__control-btn:active{transform:scale(.95)}.graph-view__canvas{flex:1;position:relative;background:var(--surface-primary);overflow:hidden;min-height:400px}.graph-view__canvas,.graph-view__canvas>div{width:100%;height:100%}.graph-view__minimap{position:absolute;bottom:var(--space-md);right:var(--space-md);width:150px;height:100px;padding:var(--space-xs);background:rgba(var(--surface-primary-rgb),.9);backdrop-filter:blur(var(--blur-sm));border:1px solid var(--border-subtle);border-radius:var(--radius-md);pointer-events:none;z-index:10}.graph-view__minimap canvas{width:100%;height:100%;display:block}.graph-view__detail{position:absolute;top:var(--space-4xl);right:var(--space-lg);width:280px;padding:var(--space-md);background:rgba(var(--surface-primary-rgb),.95);backdrop-filter:blur(var(--blur-md));border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:20}.graph-view__detail-header{display:flex;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-sm)}.graph-view__detail-title{margin:0 0 var(--space-xs) 0;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.graph-view__detail-connections{margin:0 0 var(--space-md) 0;font-size:.875rem;color:var(--text-secondary)}.graph-view__detail-view-btn{width:100%;padding:var(--space-sm) var(--space-md);background:var(--accent-primary);color:var(--text-on-accent);border:none;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.graph-view__detail-view-btn:hover{background:var(--accent-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.graph-view__detail-view-btn:active{transform:translateY(0)}.graph-view__loading,.graph-view__empty{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);background:var(--surface-primary);z-index:30}.graph-view__loading p{margin:0;color:var(--text-secondary);font-size:.875rem}.spinner{width:40px;height:40px;border:3px solid var(--border-subtle);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}@media(max-width:768px){.graph-view__toolbar{flex-direction:column;align-items:stretch;gap:var(--space-sm)}.graph-view__filters,.graph-view__controls{justify-content:center}.graph-view__detail{top:auto;bottom:var(--space-md);right:var(--space-md);left:var(--space-md);width:auto}.graph-view__minimap{display:none}}[data-theme=dark-mysterious] .graph-view__minimap,[data-theme=dark-mysterious] .graph-view__detail{background:rgba(var(--surface-primary-rgb),.98)}.collections-view{display:grid;grid-template-columns:240px 1fr;gap:var(--space-md);height:100%;width:100%;padding:var(--space-md);background:var(--surface-glass);backdrop-filter:blur(var(--blur-xl))}.collections-view__sidebar{display:flex;flex-direction:column;gap:var(--space-sm);border-right:1px solid var(--border-subtle);padding-right:var(--space-md);overflow:hidden}.collections-view__sidebar-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-subtle)}.collections-view__sidebar-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wider);margin:0}.collections-view__create-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--surface-glass);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-bold);cursor:pointer;transition:all var(--transition-fast)}.collections-view__create-btn:hover{background:var(--accent-primary);color:var(--text-on-accent);border-color:var(--accent-primary);transform:scale(1.05)}.collections-view__sidebar-scroll{flex:1;overflow-y:auto}.collection-list{display:flex;flex-direction:column;gap:var(--space-xs)}.collection-list__empty{padding:var(--space-md);text-align:center;color:var(--text-tertiary);font-size:var(--text-sm)}.collection-list-item{display:flex;align-items:center;padding:var(--space-sm) var(--space-md);background:var(--surface-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.collection-list-item:hover{background:var(--surface-glass-hover);border-color:var(--border-default);transform:translate(2px)}.collection-list-item--active{background:var(--surface-paper);border-color:var(--accent-primary);box-shadow:var(--shadow-sm)}.collection-list-item__content{flex:1;display:flex;flex-direction:column;gap:var(--space-xs)}.collection-list-item__name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.collection-list-item__count{font-size:var(--text-xs);color:var(--text-tertiary)}.collection-create-form{padding:var(--space-md);background:var(--surface-paper);border:1px solid var(--border-default);border-radius:var(--radius-md);margin-top:var(--space-sm)}.collection-create-form__input{width:100%;padding:var(--space-sm);background:var(--surface-glass);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--text-sm);font-family:var(--font-sans);margin-bottom:var(--space-sm)}.collection-create-form__input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px rgba(var(--accent-primary-rgb),.15)}.collection-create-form__actions{display:flex;gap:var(--space-sm)}.collection-create-form__submit,.collection-create-form__cancel{flex:1;padding:var(--space-sm);border:1px solid var(--border-default);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast)}.collection-create-form__submit{background:var(--accent-primary);color:var(--text-on-accent);border-color:var(--accent-primary)}.collection-create-form__submit:hover{background:var(--accent-primary-hover)}.collection-create-form__cancel{background:var(--surface-glass);color:var(--text-primary)}.collection-create-form__cancel:hover{background:var(--surface-glass-hover)}.collections-view__content{display:flex;flex-direction:column;overflow:hidden}.collections-view__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);background:var(--surface-paper);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-bottom:var(--space-md)}.collections-view__header-left{display:flex;align-items:center;gap:var(--space-md)}.collections-view__title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.collections-view__item-count{font-size:var(--text-sm);color:var(--text-tertiary)}.collections-view__header-right{display:flex;gap:var(--space-sm)}.collections-view__action-btn{padding:var(--space-sm) var(--space-md);background:var(--surface-glass);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast)}.collections-view__action-btn:hover{background:var(--surface-glass-hover);border-color:var(--border-emphasis)}.collections-view__action-btn--danger{color:var(--status-error);border-color:var(--status-error-border)}.collections-view__action-btn--danger:hover{background:var(--status-error-bg);border-color:var(--status-error)}.collections-view__scroll{flex:1;overflow-y:auto;padding:var(--space-sm)}.collections-view__item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-md)}.collection-item-card{position:relative;display:flex;flex-direction:column;background:var(--surface-paper);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:all var(--transition-fast)}.collection-item-card:hover{border-color:var(--border-emphasis);box-shadow:var(--shadow-md);transform:translateY(-2px)}.collection-item-card__remove{position:absolute;top:var(--space-sm);right:var(--space-sm);width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#0009;backdrop-filter:blur(var(--blur-sm));border:none;border-radius:var(--radius-sm);color:#fff;font-size:var(--text-lg);font-weight:var(--font-bold);line-height:1;cursor:pointer;opacity:0;transition:all var(--transition-fast);z-index:var(--z-dropdown)}.collection-item-card:hover .collection-item-card__remove{opacity:1}.collection-item-card__remove:hover{background:var(--status-error);transform:scale(1.1)}.collection-item-card__image{width:100%;aspect-ratio:16 / 9;overflow:hidden;background:var(--surface-inset);display:flex;align-items:center;justify-content:center}.collection-item-card__image img{width:100%;height:100%;object-fit:cover}.collection-item-card__image--placeholder{font-size:var(--text-4xl);opacity:.3}.collection-item-card__content{padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs)}.collection-item-card__type{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.collection-item-card__name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);line-height:var(--leading-tight);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.collection-item-card.dragging{opacity:.5;cursor:grabbing}.collection-item-card.drag-over{border-color:var(--accent-primary);box-shadow:0 0 0 2px rgba(var(--accent-primary-rgb),.25)}.collections-view__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-3xl);color:var(--text-tertiary)}.loading-spinner{width:32px;height:32px;border:3px solid var(--border-subtle);border-top-color:var(--accent-primary);border-radius:var(--radius-full);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.collections-view__empty{display:flex;align-items:center;justify-content:center;padding:var(--space-3xl)}.bookmark-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:var(--surface-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.bookmark-btn:hover{background:var(--surface-glass-hover);border-color:var(--border-default);color:var(--text-primary)}.bookmark-btn--active{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--text-on-accent)}.bookmark-btn--active:hover{background:var(--accent-primary-hover)}.bookmark-btn:disabled{opacity:.5;cursor:not-allowed}.add-to-collection-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:var(--surface-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.add-to-collection-btn:hover{background:var(--surface-glass-hover);border-color:var(--border-default);color:var(--text-primary)}.add-to-collection-btn:disabled{opacity:.5;cursor:not-allowed}.collection-picker-modal{border:none;padding:0;background:transparent;max-width:480px;width:calc(100vw - var(--space-xl));max-height:80vh;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);position:fixed;inset:0;margin:auto}.collection-picker-modal::backdrop{background:#0009;backdrop-filter:blur(var(--blur-md))}.collection-picker{background:var(--surface-paper);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;max-height:80vh}.collection-picker__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);border-bottom:1px solid var(--border-subtle);background:var(--surface-glass)}.collection-picker__title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.collection-picker__close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--text-2xl);font-weight:var(--font-bold);line-height:1;cursor:pointer;transition:all var(--transition-fast)}.collection-picker__close:hover{background:var(--surface-glass-hover);color:var(--text-primary);border-color:var(--border-default)}.collection-picker__content{flex:1;overflow-y:auto;padding:var(--space-md)}.collection-picker__empty{padding:var(--space-3xl);text-align:center;color:var(--text-tertiary)}.collection-picker__empty p{margin:0 0 var(--space-sm) 0}.collection-picker__hint{font-size:var(--text-sm);color:var(--text-tertiary)}.collection-picker__list{display:flex;flex-direction:column;gap:var(--space-xs)}.collection-picker__item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--surface-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.collection-picker__item:hover{background:var(--surface-glass-hover);border-color:var(--border-default)}.collection-picker__checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--accent-primary)}.collection-picker__item-content{flex:1;display:flex;flex-direction:column;gap:var(--space-xs)}.collection-picker__item-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.collection-picker__item-count{font-size:var(--text-xs);color:var(--text-tertiary)}.collection-picker__footer{display:flex;gap:var(--space-sm);padding:var(--space-lg);border-top:1px solid var(--border-subtle);background:var(--surface-glass)}.collection-picker__btn{flex:1;padding:var(--space-sm) var(--space-md);border:1px solid var(--border-default);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast)}.collection-picker__btn--cancel{background:var(--surface-glass);color:var(--text-primary)}.collection-picker__btn--cancel:hover{background:var(--surface-glass-hover);border-color:var(--border-emphasis)}.collection-picker__btn--save{background:var(--accent-primary);color:var(--text-on-accent);border-color:var(--accent-primary)}.collection-picker__btn--save:hover{background:var(--accent-primary-hover)}.collection-picker__btn:disabled{opacity:.5;cursor:not-allowed}.archive-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:var(--surface-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.archive-btn:hover{background:var(--surface-glass-hover);border-color:var(--border-default);color:var(--text-primary)}.archive-btn--active{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--text-on-accent)}.archive-btn--active:hover{background:var(--accent-primary-hover)}.archive-btn:disabled{opacity:.5;cursor:not-allowed}.api-key-setup{display:none;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:var(--space-lg);box-sizing:border-box;overflow:hidden;animation:fadeIn .3s ease-out}.api-key-setup.active{display:flex}.api-key-setup__panel{max-width:560px;width:100%;padding:var(--space-xl);background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-elevated)}.api-key-setup__title{font-size:2rem;font-weight:500;color:var(--text-primary);margin-bottom:var(--space-xs);text-align:center}.api-key-setup__subtitle{color:var(--text-secondary);margin-bottom:var(--space-xl);text-align:center;line-height:1.6}.api-key-setup__instructions{background:var(--surface-inset);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-xl)}.api-key-setup__instructions h3{font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-md);text-transform:uppercase;letter-spacing:.05em}.api-key-setup__instructions ol{margin:0;padding-left:var(--space-lg);color:var(--text-secondary)}.api-key-setup__instructions li{margin-bottom:var(--space-sm);line-height:1.6}.api-key-setup__instructions a{color:var(--accent-primary);text-decoration:none;font-weight:500}.api-key-setup__instructions a:hover{text-decoration:underline}.settings-overlay{display:none;position:fixed;inset:0;z-index:1000;background:var(--backdrop-glass);backdrop-filter:blur(var(--blur-strong));-webkit-backdrop-filter:blur(var(--blur-strong));transform:translateZ(0);will-change:backdrop-filter;align-items:center;justify-content:center;padding:var(--space-lg);animation:fadeIn .2s ease-out}.settings-overlay.active{display:flex}.settings-overlay__panel{max-width:560px;width:100%;background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl),0 20px 60px #0000004d,0 0 40px rgba(var(--accent-primary-rgb),.25),0 0 80px rgba(var(--accent-primary-rgb),.12);backdrop-filter:blur(var(--blur-medium));-webkit-backdrop-filter:blur(var(--blur-medium));position:relative;animation:slideInUp .3s ease-out}[data-theme=light-whimsical] .settings-overlay__panel{background:#fffffffa}[data-theme=epic-dramatic] .settings-overlay__panel{background:#192337fa}[data-theme=dark-mysterious] .settings-overlay__panel{background:#141117fa}.settings-overlay__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);border-bottom:1px solid var(--border-subtle)}.settings-overlay__title{font-size:1.25rem;font-weight:500;color:var(--text-primary)}.settings-overlay__close{background:transparent;border:none;color:var(--text-secondary);font-size:1.5rem;line-height:1;cursor:pointer;padding:var(--space-xs);margin:calc(var(--space-xs) * -1);border-radius:var(--radius-sm);transition:all .2s ease}.settings-overlay__close:hover{background:var(--surface-inset);color:var(--text-primary)}.settings-overlay__body{padding:var(--space-lg)}.api-key-form .form-group{margin-bottom:var(--space-lg)}.api-key-form__input-wrapper{position:relative;margin-bottom:var(--space-lg)}.api-key-form__actions{display:flex;gap:var(--space-md);margin-bottom:var(--space-lg)}.api-key-form__actions .btn{flex:1}.api-key-status{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:.875rem;font-weight:500;margin-bottom:var(--space-md)}.api-key-status--configured{background:var(--status-success-bg);color:var(--status-success-text)}.api-key-status--not-configured{background:var(--status-warning-bg);color:var(--status-warning-text)}.api-key-status__icon{width:8px;height:8px;border-radius:50%;background:currentColor}.api-key-test-result{display:none;padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-lg);animation:slideInDown .2s ease-out}.api-key-test-result.active{display:block}.api-key-test-result--success{background:var(--status-success-bg);color:var(--status-success-text);border:1px solid var(--status-success-border)}.api-key-test-result--error{background:var(--status-error-bg);color:var(--status-error-text);border:1px solid var(--status-error-border)}.api-key-test-result__title{font-weight:500;margin-bottom:var(--space-xs)}.api-key-test-result__message{font-size:.875rem;opacity:.9}.api-key-help{padding:var(--space-md);background:var(--surface-inset);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:.875rem;color:var(--text-secondary);line-height:1.6}.api-key-help__title{font-weight:500;color:var(--text-primary);margin-bottom:var(--space-xs)}.api-key-form__remove{margin-top:var(--space-md)}.api-key-form__remove .btn{width:100%;background:var(--status-error-bg);color:var(--status-error-text);border:1px solid var(--status-error-border)}.api-key-form__remove .btn:hover:not(:disabled){background:var(--status-error-text);color:var(--surface-elevated)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.settings-section{border:none;padding:0;margin-bottom:var(--space-lg)}.settings-section:not(:first-of-type){padding-top:var(--space-lg);border-top:1px solid var(--border-subtle)}.settings-section__header{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;list-style:none;padding:var(--space-sm) 0;margin-bottom:var(--space-md);user-select:none;transition:all .2s ease}.settings-section__header::-webkit-details-marker{display:none}.settings-section__header:hover{color:var(--accent-primary)}.settings-section__toggle{display:inline-block;width:1rem;height:1rem;position:relative;flex-shrink:0}.settings-section__toggle:before{content:"+";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(0);font-size:1.25rem;font-weight:400;line-height:1;color:var(--text-secondary);transition:transform .3s ease,color .2s ease,opacity .3s ease}.settings-section[open] .settings-section__toggle:before{transform:translate(-50%,-50%) rotate(90deg);opacity:0}.settings-section__toggle:after{content:"−";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-90deg);font-size:1.25rem;font-weight:400;line-height:1;color:var(--text-secondary);opacity:0;transition:transform .3s ease,color .2s ease,opacity .3s ease}.settings-section[open] .settings-section__toggle:after{transform:translate(-50%,-50%) rotate(0);opacity:1}.settings-section__header:hover .settings-section__toggle:before,.settings-section__header:hover .settings-section__toggle:after{color:var(--accent-primary)}.settings-section__title{font-family:var(--font-sans);font-size:1rem;font-weight:500;color:var(--text-primary);margin:0}.settings-section__content{display:grid;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows .3s ease}.settings-section__inner{overflow:hidden;padding-left:calc(1rem + var(--space-sm));transition:padding .3s ease}.settings-section[open] .settings-section__inner{padding-bottom:var(--space-md)}#model-selection-section[open] .settings-section__content,#model-selection-section[open] .settings-section__inner{overflow:visible}.settings-overlay__body{overflow-y:auto;max-height:calc(100vh - 200px)}.settings-overlay__panel{max-height:90vh;display:flex;flex-direction:column}#world-settings{display:none}#world-settings.active{display:block}.world-settings__section{margin-bottom:var(--space-xl)}.world-settings__section:last-child{margin-bottom:0}.world-settings__section-label{display:block;font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-sm)}.settings-frequency-slider{display:flex;flex-direction:column;gap:var(--space-sm)}.settings-frequency-value{display:flex;align-items:center;justify-content:space-between}.settings-frequency-value__label{font-size:.875rem;color:var(--text-primary);font-weight:500}.settings-frequency-slider input[type=range]{width:100%;height:6px;background:transparent;border-radius:var(--radius-full);outline:none;-webkit-appearance:none;appearance:none}.settings-frequency-slider input[type=range]::-webkit-slider-runnable-track{width:100%;height:6px;background:var(--surface-inset);border:1px solid var(--border-subtle);border-radius:var(--radius-full)}.settings-frequency-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent-primary);cursor:pointer;transition:all .2s ease;margin-top:-7px;box-shadow:0 1px 3px #0003}.settings-frequency-slider input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 2px 6px #0000004d}.settings-frequency-slider input[type=range]::-moz-range-track{width:100%;height:6px;background:var(--surface-inset);border:1px solid var(--border-subtle);border-radius:var(--radius-full)}.settings-frequency-slider input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--accent-primary);cursor:pointer;border:none;transition:all .2s ease;box-shadow:0 1px 3px #0003}.settings-frequency-slider input[type=range]::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 2px 6px #0000004d}.settings-narration-toggle{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);background:var(--surface-inset);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.settings-narration-toggle__label{font-size:.875rem;color:var(--text-primary);font-weight:500}.settings-narration-toggle .form-toggle{display:flex;align-items:center}.settings-narration-toggle .form-toggle input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.settings-generation-mode,.generation-mode-selector{display:flex;flex-direction:column;gap:var(--space-sm)}.generation-mode-option{position:relative;padding:var(--space-md);background:var(--surface-inset);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease}.generation-mode-option:hover{background:var(--surface-hover);border-color:var(--border-emphasis)}.generation-mode-option input[type=radio]{position:absolute;opacity:0;width:0;height:0}.generation-mode-option input[type=radio]:checked~label{color:var(--text-primary)}.generation-mode-option input[type=radio]:checked~label:before{border-color:var(--accent-primary);background:var(--accent-primary)}.generation-mode-option label{display:flex;flex-direction:column;gap:var(--space-xs);cursor:pointer;position:relative;padding-left:var(--space-xl);color:var(--text-secondary);transition:color .15s ease}.generation-mode-option label:before{content:"";position:absolute;left:0;top:.125rem;width:1rem;height:1rem;border:2px solid var(--border-subtle);border-radius:50%;background:var(--surface-base);transition:all .15s ease}.generation-mode-option label:after{content:"";position:absolute;left:.25rem;top:.375rem;width:.5rem;height:.5rem;border-radius:50%;background:#fff;opacity:0;transition:opacity .15s ease}.generation-mode-option input[type=radio]:checked~label:after{opacity:1}.generation-mode-option label strong{font-size:.875rem;font-weight:500;display:block}.generation-mode-description{font-size:.75rem;color:var(--text-tertiary);line-height:1.4}.generation-mode-option input[type=radio]:checked~label .generation-mode-description{color:var(--text-secondary)}.settings-tone-selector{display:flex;gap:var(--space-md);flex-wrap:wrap}.settings-tone-card{flex:1;min-width:140px;padding:var(--space-md);background:var(--surface-inset);border:2px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;text-align:center}.settings-tone-card[aria-checked=true]{border-color:var(--accent-primary);background:var(--accent-primary);color:var(--text-on-accent)}.settings-tone-card:hover:not([aria-checked=true]){border-color:var(--border-interactive);background:var(--surface-hover)}.settings-tone-card:focus{outline:2px solid var(--accent-primary);outline-offset:2px}.settings-tone-card__name{font-size:.875rem;font-weight:500;color:inherit}.world-settings__actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding-top:var(--space-lg);margin-top:var(--space-lg);border-top:1px solid var(--border-subtle)}.settings-save-status,.model-save-status,.modal-save-status{font-size:.875rem;color:var(--text-secondary)}.settings-save-status.saving,.model-save-status.saving,.modal-save-status.saving{color:var(--text-secondary)}.settings-save-status.saved,.model-save-status.saved,.modal-save-status.saved{color:var(--status-success-text)}.settings-save-status.error,.model-save-status.error,.modal-save-status.error{color:var(--status-error-text)}@media(max-width:480px){.settings-tone-selector{flex-direction:column}.settings-tone-card{min-width:0}}@keyframes landingFadeInUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes orbitRotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes orbitRotateReverse{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(-360deg)}}@keyframes badgePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}[data-reveal]{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}[data-reveal].revealed{opacity:1;transform:translateY(0)}.landing__features [data-reveal]:nth-child(2){transition-delay:80ms}.landing__features [data-reveal]:nth-child(3){transition-delay:.16s}.landing__features [data-reveal]:nth-child(4){transition-delay:.24s}.landing__features [data-reveal]:nth-child(5){transition-delay:.32s}.landing__features [data-reveal]:nth-child(6){transition-delay:.4s}.landing__scroll-container{height:100%;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;background:radial-gradient(ellipse 80% 45% at 50% 0%,rgba(var(--accent-primary-rgb),.1) 0%,transparent 70%),var(--surface-canvas-opaque)}.landing__hero{position:relative;min-height:calc(100vh - 64px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-5xl) var(--space-xl);overflow:hidden}.landing__hero-content{position:relative;z-index:1;max-width:700px}.landing__badge{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);background:rgba(var(--accent-primary-rgb),.12);border:1px solid rgba(var(--accent-primary-rgb),.3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--accent-primary);letter-spacing:var(--tracking-widest);text-transform:uppercase;margin-bottom:var(--space-xl);animation:landingFadeInUp .6s ease-out both}.landing__badge-dot{width:6px;height:6px;flex-shrink:0;border-radius:var(--radius-full);background:var(--accent-primary);animation:badgePulse 2.4s ease-in-out infinite}.landing__title{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--text-primary);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);margin:0 0 var(--space-lg);animation:landingFadeInUp .6s .1s ease-out both}.landing__subtitle{font-size:var(--text-lg);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0 0 var(--space-2xl);animation:landingFadeInUp .6s .2s ease-out both}.landing__hero-actions{display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap;animation:landingFadeInUp .6s .3s ease-out both}.landing__orbital{position:absolute;inset:0;pointer-events:none;z-index:0}.landing__orbital-ring{position:absolute;top:50%;left:50%;border-radius:var(--radius-full);border:1px solid rgba(var(--accent-primary-rgb),.12)}.landing__orbital-ring--1{width:360px;height:360px;animation:orbitRotate 28s linear infinite}.landing__orbital-ring--2{width:560px;height:560px;animation:orbitRotateReverse 48s linear infinite}.landing__orbital-ring--3{width:760px;height:760px;animation:orbitRotate 72s linear infinite}.landing__orbital-dot{position:absolute;width:6px;height:6px;border-radius:var(--radius-full);background:var(--accent-primary);top:-3px;left:calc(50% - 3px);opacity:.35}.landing__separator{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-2xl) var(--space-xl);max-width:800px;margin:0 auto}.landing__separator-line{flex:1;height:1px;background:var(--border-subtle)}.landing__separator-dot{width:8px;height:8px;flex-shrink:0;border-radius:var(--radius-full);background:var(--accent-primary);opacity:.45}.landing__section-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--accent-primary);letter-spacing:var(--tracking-widest);text-transform:uppercase;margin:0 0 var(--space-md)}.landing__section-title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-primary);line-height:var(--leading-tight);margin:0 0 var(--space-lg)}.landing__section-text{font-size:var(--text-lg);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0}.landing__concept{max-width:720px;margin:0 auto;padding:var(--space-2xl) var(--space-xl);text-align:center}.landing__features-section{padding:0 var(--space-xl) var(--space-2xl);max-width:1100px;margin:0 auto}.landing__features{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.landing__feature-card{background:var(--surface-glass);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));border:1px solid var(--border-subtle);padding:var(--space-xl);clip-path:polygon(var(--notch-sm) 0%,100% 0%,100% calc(100% - var(--notch-sm)),calc(100% - var(--notch-sm)) 100%,0% 100%,0% var(--notch-sm));transition:transform var(--transition-base),box-shadow var(--transition-base),background var(--transition-base)}.landing__feature-card:hover{transform:translateY(-4px);background:var(--surface-glass-hover);box-shadow:var(--shadow-lg)}.landing__feature-icon{width:36px;height:36px;color:var(--accent-primary);margin-bottom:var(--space-md)}.landing__feature-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-sm)}.landing__feature-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0}.landing__tones-section{padding:0 var(--space-xl) var(--space-2xl);max-width:900px;margin:0 auto;text-align:center}.landing__tones{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);margin-top:var(--space-xl)}.landing__tone-card{background:var(--surface-glass);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));border:1px solid var(--border-subtle);padding:var(--space-xl);clip-path:polygon(var(--notch-md) 0%,100% 0%,100% calc(100% - var(--notch-md)),calc(100% - var(--notch-md)) 100%,0% 100%,0% var(--notch-md));cursor:default;transition:transform var(--transition-base),box-shadow var(--transition-base)}.landing__tone-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.landing__tone-swatch{height:72px;border-radius:var(--radius-md);margin-bottom:var(--space-md)}.landing__tone-card[data-tone-preview=light-whimsical] .landing__tone-swatch{background:linear-gradient(135deg,#9370db,#ffb6c1,#87ceeb)}.landing__tone-card[data-tone-preview=epic-dramatic] .landing__tone-swatch{background:linear-gradient(135deg,#0f1423,#daa520 55%,#4682b4)}.landing__tone-card[data-tone-preview=dark-mysterious] .landing__tone-swatch{background:linear-gradient(135deg,#0a080c,#b22234,indigo)}.landing__tone-name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-xs)}.landing__tone-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0}.landing__tone-hint{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-xl);letter-spacing:var(--tracking-wide)}.landing__cta-section{padding:var(--space-5xl) var(--space-xl);text-align:center;max-width:640px;margin:0 auto}.landing__cta-title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-primary);line-height:var(--leading-tight);margin:0 0 var(--space-lg)}.landing__cta-text{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0 0 var(--space-xl)}.landing__cta-actions{display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap;margin-bottom:var(--space-lg)}.landing__cta-note{font-size:var(--text-xs);color:var(--text-tertiary);letter-spacing:var(--tracking-wide)}.landing__cta-note a{color:var(--accent-primary);text-decoration:none}.landing__cta-note a:hover{text-decoration:underline}.landing__footer{height:var(--space-3xl)}@media(max-width:1024px){.landing__features{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.landing__title{font-size:var(--text-3xl)}.landing__subtitle{font-size:var(--text-base)}.landing__features,.landing__tones{grid-template-columns:1fr}.landing__orbital-ring--2,.landing__orbital-ring--3{display:none}}@media(prefers-reduced-motion:reduce){[data-reveal],[data-reveal].revealed{opacity:1;transform:none;transition:none}.landing__badge,.landing__title,.landing__subtitle,.landing__hero-actions{animation:none;opacity:1;transform:none}.landing__orbital-ring,.landing__badge-dot{animation:none}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-lg);padding:var(--space-3xl);text-align:center;color:var(--text-tertiary)}.empty-state__icon{width:64px;height:64px;opacity:.5}.empty-state__title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-secondary)}.empty-state__description{font-size:var(--text-sm);max-width:32rem;line-height:var(--leading-relaxed)}.error-banner{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:rgba(var(--color-error),.1);border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error)}.error-banner__icon{flex-shrink:0;width:20px;height:20px}.error-banner__message{flex:1;font-size:var(--text-sm);line-height:var(--leading-normal)}.skeleton{background:linear-gradient(90deg,rgba(var(--accent-primary-rgb),.08),rgba(var(--accent-primary-rgb),.15),rgba(var(--accent-primary-rgb),.08));background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton--text{height:1em;margin:.5em 0}.skeleton--title{height:1.5em;width:60%;margin:.5em 0}.skeleton--image{aspect-ratio:16 / 9;width:100%}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.scroll-container{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-default) transparent}.scroll-container::-webkit-scrollbar{width:8px}.scroll-container::-webkit-scrollbar-track{background:transparent}.scroll-container::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-full)}.scroll-container::-webkit-scrollbar-thumb:hover{background:var(--border-emphasis)}.article-reader__mobile-back{display:none}@media(max-width:767px){.top-bar{padding:var(--space-sm) var(--space-md)}.top-bar__logo{height:32px}.news-feed__controls{flex-wrap:wrap;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm)}.news-feed__back{order:1}.news-feed__tabs{order:2;width:100%;overflow-x:auto;flex-wrap:nowrap;-ms-overflow-style:none;scrollbar-width:none}.news-feed__tabs::-webkit-scrollbar{display:none}.news-feed__tab{min-width:fit-content;flex-shrink:0}.news-feed__search{order:3;width:100%}.news-feed__spacer{display:none}.news-feed__toggle{order:4}.news-feed__status{order:5}.news-feed__generate{order:6}.news-feed__body{grid-template-columns:1fr;grid-template-rows:1fr}.news-feed__sidebar{border-right:none;border-bottom:1px solid var(--border-default);max-height:none;height:100%}.news-feed__reader{display:none;height:100%}.news-feed__body--reading .news-feed__sidebar{display:none}.news-feed__body--reading .news-feed__reader{display:block}.article-reader{padding:var(--space-md)}.article-reader__title{font-size:var(--text-2xl)}.article-reader__header{padding:var(--space-md);padding-bottom:var(--space-sm)}.audio-player__controls{flex-wrap:wrap;gap:var(--space-xs)}.article-reader__mobile-back{display:inline-flex;align-items:center;gap:var(--space-xs);background:none;border:none;color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-xs)}.history-tabs{overflow-x:auto;flex-wrap:nowrap;-ms-overflow-style:none;scrollbar-width:none;gap:var(--space-xs)}.history-tabs::-webkit-scrollbar{display:none}.history-tabs__tab{font-size:var(--text-xs);padding:var(--space-xs) var(--space-sm);min-width:fit-content;flex-shrink:0}.history-search__input{width:120px}.history-filters{gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);flex-wrap:wrap}.history-filters__group{gap:var(--space-xs)}.collections{grid-template-columns:1fr;grid-template-rows:auto 1fr}.collections__sidebar{max-height:200px;overflow-y:auto}.collections__item-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.map-hud{bottom:16px;right:16px}.map-hud__button{width:48px;height:48px}.settings-panel{max-width:none;margin:var(--space-sm)}.settings-panel__body{max-height:calc(100vh - 160px)}.world-creation{padding:var(--space-lg) var(--space-md)}.world-creation__title{font-size:var(--text-2xl)}.timeline{padding-left:var(--space-lg)}.timeline__marker{width:10px;height:10px}.encyclopedia__grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.entity-tooltip{max-width:calc(100vw - var(--space-lg))}}@media(min-width:768px)and (max-width:1024px){.collections{grid-template-columns:200px 1fr}.article-reader{padding:var(--space-lg)}}@media(hover:none)and (pointer:coarse){button,.btn,.tab,.news-feed__tab,.history-tabs__tab,.map-hud__button,.pill,.toggle,[role=tab],[role=button]{min-height:44px;min-width:44px}.news-feed__tabs,.history-tabs{gap:var(--space-sm)}.collection-card__remove,.world-card__delete{opacity:1;visibility:visible}.news-feed__sidebar,.news-feed__controls,.news-feed__reader{backdrop-filter:blur(var(--blur-sm));-webkit-backdrop-filter:blur(var(--blur-sm))}.article-card:hover,.world-card:hover{backdrop-filter:none;-webkit-backdrop-filter:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.event-stats{padding:var(--space-md);border-radius:var(--radius-md)}.event-stats__row{display:flex;gap:var(--space-md);flex-wrap:wrap}.event-stats__item{display:flex;gap:var(--space-xs);align-items:baseline}.event-stats__label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--font-medium)}.event-stats__count{font-size:var(--text-sm);color:var(--text-primary);font-family:var(--font-mono);font-weight:var(--font-semibold)}.event-stats__loading,.event-stats__error{font-size:var(--text-sm);color:var(--text-secondary);text-align:center}.event-stats__error{color:var(--text-danger)}.era-progress{display:flex;flex-direction:column;gap:var(--space-sm)}.era-progress__header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md)}.era-progress__label{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--text-primary);text-transform:capitalize}.era-progress__count{font-family:var(--font-mono);font-size:.875rem;color:var(--text-secondary)}.era-progress__track{height:8px;background:var(--surface-secondary);border-radius:var(--radius-full);overflow:hidden;border:1px solid var(--border-subtle)}.era-progress__bar{height:100%;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));border-radius:var(--radius-full);transition:width .5s cubic-bezier(.4,0,.2,1)}.settings-threshold-input{max-width:200px}.settings-threshold-input .form-input{text-align:center;font-family:var(--font-mono)}.era-overlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity .4s cubic-bezier(.4,0,.2,1)}.era-overlay--active{pointer-events:auto;opacity:1}.era-overlay__backdrop{position:absolute;inset:0;background:#000000d9;backdrop-filter:blur(var(--blur-lg))}.era-overlay__content{position:relative;max-width:600px;width:90%;padding:var(--space-3xl);text-align:center;transform:scale(.9);transition:transform .4s cubic-bezier(.4,0,.2,1)}.era-overlay--active .era-overlay__content{animation:era-reveal .5s cubic-bezier(.4,0,.2,1) forwards}.era-overlay__icon{width:80px;height:80px;margin:0 auto var(--space-lg);color:var(--accent-primary);animation:era-pulse 2s ease-in-out infinite}.era-overlay__icon svg{width:100%;height:100%;filter:drop-shadow(0 0 20px rgba(var(--accent-primary-rgb),.6))}.era-overlay__title{font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--space-md);text-shadow:0 0 20px rgba(var(--accent-primary-rgb),.4)}.era-overlay__subtitle{display:flex;align-items:center;justify-content:center;gap:var(--space-md);font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--accent-primary);margin-bottom:var(--space-lg)}.era-overlay__arrow{color:var(--text-secondary)}.era-overlay__description{font-size:1rem;color:var(--text-secondary);margin:0 0 var(--space-xl);line-height:1.6}.era-overlay-dismiss{margin:0 auto}@keyframes era-reveal{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes era-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.article-card--era-transition{border-color:var(--accent-primary);box-shadow:0 0 20px rgba(var(--accent-primary-rgb),.2)}.article-card--era-transition .article-card__type:before{content:"ERA TRANSITION";font-weight:700;color:var(--accent-primary)}@media(max-width:768px){.era-overlay__content{padding:var(--space-2xl)}.era-overlay__title{font-size:1.5rem}.era-overlay__subtitle{font-size:1rem;flex-direction:column;gap:var(--space-sm)}.era-overlay__arrow{transform:rotate(90deg)}.era-overlay__icon{width:60px;height:60px}}