:root{--timeline-bg: #fafafa;--timeline-text: #18181b;--timeline-text-muted: #71717a;--timeline-border: #e4e4e7;--timeline-line: #d4d4d8;--timeline-accent: #3b82f6;--card-bg: #ffffff;--card-bg-hover: #f4f4f5;--card-border: #e4e4e7;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--goguryeo-primary: #dc2626;--goguryeo-secondary: #991b1b;--goguryeo-gradient: linear-gradient(135deg, #ef4444 0%, #991b1b 100%);--baekje-primary: #d97706;--baekje-secondary: #92400e;--baekje-gradient: linear-gradient(135deg, #f59e0b 0%, #92400e 100%);--silla-primary: #7c3aed;--silla-secondary: #4c1d95;--silla-gradient: linear-gradient(135deg, #8b5cf6 0%, #5b21b6 100%);--gaya-primary: #ea580c;--gaya-secondary: #9a3412;--gaya-gradient: linear-gradient(135deg, #f97316 0%, #9a3412 100%);--balhae-primary: #4f46e5;--balhae-secondary: #312e81;--balhae-gradient: linear-gradient(135deg, #6366f1 0%, #312e81 100%);--goryeo-primary: #0d9488;--goryeo-secondary: #115e59;--goryeo-gradient: linear-gradient(135deg, #14b8a6 0%, #115e59 100%);--joseon-primary: #2563eb;--joseon-secondary: #1e3a8a;--joseon-gradient: linear-gradient(135deg, #3b82f6 0%, #172554 100%);--gojoseon-primary: #0284c7;--gojoseon-secondary: #0c4a6e;--gojoseon-gradient: linear-gradient(135deg, #0ea5e9 0%, #0c4a6e 100%);--header-height: 160px;--nav-height: 100px;--font-sans: var(--font-body);--font-serif: var(--font-body);--shadow-glow: 0 0 20px rgba(59, 130, 246, .3);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--transition-spring: .4s cubic-bezier(.34, 1.56, .64, 1);--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .3)}.dark{--timeline-bg: #0a0a0a;--timeline-text: #fafafa;--timeline-text-muted: #a1a1aa;--timeline-border: #27272a;--timeline-line: #3f3f46;--card-bg: #18181b;--card-bg-hover: #27272a;--card-border: #3f3f46;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px rgba(0, 0, 0, .5);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .6)}.korean-history-timeline{min-height:100vh;background:var(--timeline-bg);color:var(--timeline-text);font-family:var(--font-sans);display:flex;flex-direction:column}.timeline-filters-bar{display:flex;justify-content:center;align-items:center;gap:1rem;padding:1rem 0;margin-bottom:1rem;position:relative}.timeline-content-wrapper{display:flex;flex-direction:column;width:100%;position:relative}.era-navigation{position:sticky;top:0;z-index:90;background:var(--timeline-bg);border-bottom:1px solid var(--timeline-border);padding:1rem 0;display:flex;justify-content:center;align-items:center;margin-bottom:1.5rem}.era-navigation-inner{width:100%;max-width:100%;padding:0;display:flex;flex-direction:column;gap:1rem}.timeline-content-wrapper{display:flex;gap:0;min-height:calc(100vh - var(--header-height) - var(--nav-height));overflow:visible;padding-top:1rem}.parallel-timeline-container{width:100%}.parallel-content-area{width:100%;max-width:100%;margin:0;padding:0}.timeline-title{display:flex;flex-direction:column;align-items:center;gap:.25rem}.era-navigation{position:sticky;top:var(--header-height);z-index:90;background:var(--timeline-bg);border-bottom:1px solid var(--timeline-border);padding:1rem 0;display:flex;justify-content:center}.title-korean{font-family:var(--font-serif);font-size:2rem;font-weight:700;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.title-english{font-size:.875rem;color:var(--timeline-text-muted);text-transform:uppercase;letter-spacing:.1em}.timeline-subtitle{margin-top:.5rem;color:var(--timeline-text-muted);font-size:.9375rem}.header-controls{display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap}.search-bar{position:relative;width:100%;max-width:400px}.search-form{display:flex;gap:.5rem}.search-input-wrapper{position:relative;flex:1}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--timeline-text-muted)}.search-input{width:100%;padding:.625rem 2.5rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);color:var(--timeline-text);font-size:.9375rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.search-input:focus{outline:none;border-color:var(--timeline-accent);box-shadow:0 0 0 3px #3b82f633}.search-input::-moz-placeholder{color:var(--timeline-text-muted)}.search-input::placeholder{color:var(--timeline-text-muted)}.search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);padding:4px;background:none;border:none;color:var(--timeline-text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-fast)}.search-clear:hover{color:var(--timeline-text)}.search-btn{padding:.625rem 1rem;background:var(--timeline-accent);border:none;border-radius:var(--radius-lg);color:#fff;font-weight:500;cursor:pointer;transition:background var(--transition-fast)}.search-btn:hover{background:#2563eb}.search-suggestions{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);overflow:hidden;z-index:50}.suggestion-item{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.75rem 1rem;background:none;border:none;color:var(--timeline-text);cursor:pointer;text-align:left;transition:background var(--transition-fast)}.suggestion-item:hover{background:var(--card-bg-hover)}.suggestion-title{font-size:.9375rem}.suggestion-year{font-size:.8125rem;color:var(--timeline-text-muted)}.filter-panel{position:relative}.filter-toggle{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);color:var(--timeline-text);cursor:pointer;transition:border-color var(--transition-fast)}.filter-toggle:hover{border-color:var(--timeline-accent)}.filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:var(--timeline-accent);border-radius:9999px;font-size:.75rem;font-weight:600;color:#fff}.filter-content{position:absolute;top:calc(100% + 8px);right:0;width:320px;max-height:70vh;overflow-y:auto;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:1rem;z-index:50}.filter-loading{padding:.5rem;text-align:center;color:var(--timeline-accent);font-size:.875rem}.filter-section{margin-bottom:1.25rem;border:none;padding:0}.filter-section-title{display:block;margin-bottom:.75rem;font-size:.8125rem;font-weight:600;color:var(--timeline-text-muted);text-transform:uppercase;letter-spacing:.05em}.filter-options{display:flex;flex-wrap:wrap;gap:.5rem}.filter-checkbox{display:inline-flex;align-items:center;padding:.375rem .75rem;background:var(--card-bg-hover);border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.filter-checkbox:hover{border-color:var(--category-color, var(--era-color, var(--timeline-accent)))}.filter-checkbox.checked{background:var(--category-color, var(--era-color, var(--timeline-accent)));color:#fff}.filter-checkbox input{display:none}.checkbox-label{font-size:.8125rem}.year-range-inputs{display:flex;align-items:center;gap:.5rem}.year-range-field{flex:1}.year-range-field label{display:block;margin-bottom:.25rem;font-size:.75rem;color:var(--timeline-text-muted)}.year-range-input{width:100%;padding:.5rem;background:var(--card-bg-hover);border:1px solid var(--card-border);border-radius:var(--radius-sm);color:var(--timeline-text);font-size:.875rem}.year-range-separator{color:var(--timeline-text-muted);padding-top:1.25rem}.filter-actions{padding-top:.75rem;border-top:1px solid var(--card-border)}.filter-reset-btn{width:100%;padding:.5rem;background:transparent;border:1px solid var(--card-border);border-radius:var(--radius-md);color:var(--timeline-text-muted);cursor:pointer;transition:all var(--transition-fast)}.filter-reset-btn:hover:not(:disabled){border-color:var(--timeline-accent);color:var(--timeline-accent)}.filter-reset-btn:disabled{opacity:.5;cursor:not-allowed}.era-navigation{position:sticky;top:var(--header-height);z-index:90;background:var(--timeline-bg);border-bottom:1px solid var(--timeline-border);padding:1rem 2rem}.year-jump{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.year-jump-label{font-size:.8125rem;color:var(--timeline-text-muted);white-space:nowrap}.year-input-group{display:flex;gap:.5rem}.year-input{width:140px;padding:.5rem .75rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);color:var(--timeline-text);font-size:.875rem}.year-jump-btn{padding:.5rem 1rem;background:var(--timeline-accent);border:none;border-radius:var(--radius-md);color:#fff;font-size:.875rem;cursor:pointer;transition:background var(--transition-fast)}.year-jump-btn:hover{background:#2563eb}.era-navigation-vertical{width:100%;padding-bottom:2rem}.year-jump-sidebar input{transition:all .2s ease}.year-jump-sidebar input:focus{border-color:hsl(var(--primary));box-shadow:0 0 0 1px hsl(var(--primary))}.era-category-group{margin-bottom:1.5rem}.era-navigation-vertical button{width:100%;position:relative}.era-navigation-vertical button:hover{background-color:hsl(var(--muted)/.5)}.era-navigation-vertical button[aria-current=true]{background-color:hsl(var(--accent));color:hsl(var(--accent-foreground));font-weight:500;box-shadow:0 1px 2px #0000000d}aside::-webkit-scrollbar{width:4px}aside::-webkit-scrollbar-track{background:transparent}aside::-webkit-scrollbar-thumb{background:hsl(var(--border));border-radius:4px}aside:hover::-webkit-scrollbar-thumb{background:hsl(var(--muted-foreground)/.5)}.era-nav-scroll{display:none}.timeline-content-wrapper{display:flex;gap:0;min-height:calc(100vh - var(--header-height) - var(--nav-height));max-width:1600px;width:100%;margin:0 auto;padding:0 3rem;overflow:visible}.ruler-lineage-sidebar{position:sticky;top:calc(var(--header-height) + var(--nav-height));width:280px;background:var(--card-bg);border-right:1px solid var(--timeline-border);padding:1rem;flex-shrink:0;align-self:flex-start;overflow:visible}.ruler-lineage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid var(--timeline-border)}.ruler-lineage-title{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1.125rem;font-weight:700;color:var(--timeline-text)}.crown-icon{color:#fbbf24}.ruler-lineage-toggle{padding:.375rem;background:transparent;border:none;color:var(--timeline-text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.ruler-lineage-toggle:hover{background:var(--card-bg-hover);color:var(--timeline-text)}.chevron-up{transform:rotate(180deg)}.ruler-lineage-content{display:flex;flex-direction:column;gap:1rem;overflow:visible}.ruler-lineage-empty{padding:2rem;text-align:center;color:var(--timeline-text-muted)}.ruler-lineage-era-name{font-size:1rem;font-weight:600;color:var(--timeline-text);margin-bottom:.5rem}.ruler-category-section{display:flex;flex-direction:column;gap:1rem;overflow:visible}.ruler-category-title{margin:0;font-size:.875rem;font-weight:600;color:var(--timeline-text-muted);text-transform:uppercase;letter-spacing:.05em;padding-bottom:.5rem;border-bottom:1px solid var(--timeline-border)}.ruler-dynasties{display:flex;flex-direction:column;gap:1rem}.dynasty-tree{background:var(--card-bg-hover);border:1px solid var(--card-border);border-left:3px solid var(--dynasty-color, var(--timeline-accent));border-radius:var(--radius-md);overflow:hidden;transition:all var(--transition-fast)}.dynasty-tree:hover{border-color:var(--dynasty-color, var(--timeline-accent));box-shadow:var(--shadow-sm)}.dynasty-tree-active{background:var(--dynasty-color, var(--timeline-accent));border-color:var(--dynasty-color, var(--timeline-accent));color:#fff}.dynasty-header{width:100%;display:flex;justify-content:space-between;align-items:flex-start;padding:.875rem 1rem;background:transparent;border:none;cursor:pointer;text-align:left;transition:background var(--transition-fast)}.dynasty-tree:not(.dynasty-tree-active) .dynasty-header:hover{background:var(--card-bg)}.dynasty-name-group{display:flex;flex-direction:column;gap:.25rem;flex:1}.dynasty-name{margin:0;font-size:.9375rem;font-weight:600;color:inherit}.dynasty-period{font-size:.75rem;color:var(--timeline-text-muted);opacity:.8}.dynasty-tree-active .dynasty-period{color:#ffffffe6}.dynasty-ruler-count{font-size:.75rem;color:var(--timeline-text-muted);padding:.25rem .5rem;background:var(--card-bg);border-radius:var(--radius-sm);font-weight:500}.dynasty-tree-active .dynasty-ruler-count{background:#fff3;color:#fff}.dynasty-rulers{padding:.5rem 1rem 1rem;display:flex;flex-direction:column;gap:.5rem}.ruler-item{display:flex;align-items:center;gap:.75rem;padding-left:1rem;position:relative}.ruler-connector{position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--timeline-line)}.dynasty-tree-active .ruler-connector{background:#ffffff4d}.ruler-content{display:flex;align-items:center;gap:.5rem;flex:1}.ruler-number{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;font-size:.6875rem;font-weight:600;color:var(--timeline-text-muted);background:var(--card-bg);border-radius:50%}.dynasty-tree-active .ruler-number{background:#fff3;color:#fff}.ruler-name{font-size:.8125rem;color:var(--timeline-text);line-height:1.4}.dynasty-tree-active .ruler-name{color:#fff}.dynasty-name-english{font-size:.75rem;color:var(--timeline-text-muted);opacity:.8}.dynasty-tree-active .dynasty-name-english{color:#fffc}.ruler-item-wrapper{display:flex;flex-direction:column;gap:.5rem}.ruler-item{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem .5rem 1rem;background:transparent;border:none;cursor:pointer;text-align:left;border-radius:var(--radius-sm);transition:background var(--transition-fast);position:relative;width:100%}.ruler-item:hover{background:var(--card-bg)}.dynasty-tree-active .ruler-item:hover{background:#ffffff1a}.ruler-item-selected{background:var(--card-bg)}.dynasty-tree-active .ruler-item-selected{background:#ffffff26}.ruler-item-active{box-shadow:inset 0 0 0 2px var(--dynasty-color, var(--timeline-accent));background:#3b82f626!important;transform:scale(1.02);transition:all var(--transition-normal);animation:rulerPulse 2s ease-in-out infinite}.dynasty-tree-active .ruler-item-active{box-shadow:inset 0 0 0 2px #ffffffe6;background:#fff3!important}@keyframes rulerPulse{0%,to{box-shadow:inset 0 0 0 2px var(--dynasty-color, var(--timeline-accent))}50%{box-shadow:inset 0 0 0 3px var(--dynasty-color, var(--timeline-accent)),0 0 8px #3b82f666}}.ruler-item-clicked{animation:rulerClickHighlight .6s ease-out}@keyframes rulerClickHighlight{0%{transform:scale(1);box-shadow:inset 0 0 0 2px var(--dynasty-color, var(--timeline-accent))}50%{transform:scale(1.05);box-shadow:inset 0 0 0 3px var(--dynasty-color, var(--timeline-accent)),0 0 12px #3b82f699}to{transform:scale(1.02);box-shadow:inset 0 0 0 2px var(--dynasty-color, var(--timeline-accent))}}.ruler-info{display:flex;flex-direction:column;gap:.125rem;flex:1}.ruler-name-group{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.ruler-title{font-size:.6875rem;color:var(--timeline-text-muted);opacity:.8}.dynasty-tree-active .ruler-title{color:#ffffffb3}.ruler-year{font-size:.6875rem;color:var(--timeline-text-muted);opacity:.75;font-weight:500}.dynasty-tree-active .ruler-year{color:#fffc}.ruler-details{margin-left:1rem;padding:.875rem;background:var(--card-bg);border:1px solid var(--card-border);border-left:3px solid var(--dynasty-color, var(--timeline-accent));border-radius:var(--radius-md);margin-top:.25rem}.dynasty-tree-active .ruler-details{background:#ffffff1a;border-color:#fff3}.ruler-details-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;gap:1rem}.ruler-details-name{margin:0;font-size:.9375rem;font-weight:600;color:var(--timeline-text);flex:1}.dynasty-tree-active .ruler-details-name{color:#fff}.ruler-name-hanja{font-size:.8125rem;color:var(--timeline-text-muted);font-weight:400}.dynasty-tree-active .ruler-name-hanja{color:#ffffffb3}.ruler-details-period{font-size:.75rem;color:var(--timeline-text-muted);white-space:nowrap}.dynasty-tree-active .ruler-details-period{color:#fffc}.ruler-details-description{margin:0 0 .75rem;font-size:.8125rem;color:var(--timeline-text-muted);line-height:1.6}.dynasty-tree-active .ruler-details-description{color:#ffffffe6}.ruler-achievements{margin-top:.75rem}.achievements-title{margin:0 0 .5rem;font-size:.75rem;font-weight:600;color:var(--timeline-text-muted);text-transform:uppercase;letter-spacing:.05em}.dynasty-tree-active .achievements-title{color:#fffc}.reign-timeline-vertical{margin-bottom:2rem;padding:1rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);overflow:visible}.reign-timeline-empty{text-align:center;padding:2rem;color:var(--timeline-text-muted);font-size:.875rem}.reign-timeline-vertical-wrapper{position:relative;display:flex;padding:3rem 0;overflow:visible;width:100%}.reign-timeline-years{position:relative;width:120px;flex-shrink:0;border-right:2px solid var(--timeline-line);padding-right:1rem;padding-top:.5rem;padding-bottom:.5rem;overflow:visible}.reign-timeline-year-mark{position:absolute;right:0;transform:translateY(-50%);display:flex;align-items:center;justify-content:flex-end}.reign-timeline-year-mark:after{content:"";width:8px;height:2px;background:var(--timeline-line);margin-left:.5rem}.year-label{font-size:.75rem;color:var(--timeline-text-muted);white-space:nowrap;font-weight:500;padding:.25rem 0}.reign-timeline-bars-vertical{position:relative;flex:1;margin-left:.5rem;overflow:visible}.reign-bar-vertical{position:absolute;width:100%;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);display:flex;flex-direction:column;justify-content:flex-start;padding:.75rem 1rem;margin:.5rem 0;box-shadow:var(--shadow-sm);border:1px solid rgba(255,255,255,.2);overflow:hidden;min-height:50px}.reign-bar-vertical:hover{transform:scale(1.02);box-shadow:var(--shadow-md);z-index:20!important}.reign-bar-vertical-active{box-shadow:0 0 0 2px var(--timeline-accent),var(--shadow-md);z-index:15!important}.reign-bar-vertical-label{display:flex;flex-direction:column;gap:.25rem;white-space:nowrap;overflow:visible}.reign-bar-dynasty{font-size:.6875rem;font-weight:600;color:#fffffff2;text-shadow:0 1px 2px rgba(0,0,0,.3)}.reign-bar-ruler{font-size:.75rem;font-weight:500;color:#ffffffe6;text-shadow:0 1px 2px rgba(0,0,0,.3)}.achievements-list{margin:0;padding-left:1.25rem;list-style-type:disc}.achievements-list li{margin-bottom:.375rem;font-size:.8125rem;color:var(--timeline-text-muted);line-height:1.5}.dynasty-tree-active .achievements-list li{color:#ffffffe6}.ruler-notes{margin:.75rem 0 0;padding:.5rem;background:var(--card-bg-hover);border-radius:var(--radius-sm);font-size:.75rem;color:var(--timeline-text-muted);font-style:italic;line-height:1.5}.dynasty-tree-active .ruler-notes{background:#ffffff1a;color:#fffc}.dynasty-characteristics{margin-bottom:1rem;padding:.75rem;background:var(--card-bg-hover);border-radius:var(--radius-md)}.dynasty-tree-active .dynasty-characteristics{background:#ffffff1a}.characteristics-title{margin:0 0 .5rem;font-size:.75rem;font-weight:600;color:var(--timeline-text-muted);text-transform:uppercase;letter-spacing:.05em}.dynasty-tree-active .characteristics-title{color:#fffc}.characteristics-list{margin:0;padding-left:1.25rem;list-style-type:disc}.characteristics-list li{margin-bottom:.375rem;font-size:.8125rem;color:var(--timeline-text-muted);line-height:1.5}.dynasty-tree-active .characteristics-list li{color:#ffffffe6}.timeline-main{flex:1;max-width:none;margin:0;padding:1rem 2rem 2rem}.timeline-container{position:relative;transition:opacity var(--transition-normal)}.timeline-pending{opacity:.6}.timeline-line{position:absolute;left:50%;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,var(--timeline-line),var(--timeline-accent),var(--timeline-line));transform:translate(-50%)}.timeline-year-marker{position:absolute;left:50%;transform:translate(-50%);z-index:5;display:flex;align-items:center;justify-content:center;pointer-events:none}.timeline-year-marker-era-start{top:0;margin-top:-.75rem}.timeline-year-marker-era-end{bottom:0;margin-bottom:-.75rem}.timeline-year-label{background:var(--timeline-bg);color:var(--timeline-text);font-size:.75rem;font-weight:600;padding:.25rem .5rem;border:1px solid var(--timeline-border);border-radius:var(--radius-md);white-space:nowrap;box-shadow:var(--shadow-sm)}.timeline-era-section{position:relative;padding:3rem 0}.era-header{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:2rem;padding:1.5rem 2rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.era-marker{position:absolute;left:50%;top:-12px;transform:translate(-50%);width:24px;height:24px;background:var(--era-color, var(--timeline-accent));border:4px solid var(--timeline-bg);border-radius:50%;box-shadow:0 0 0 3px var(--era-color, var(--timeline-accent));z-index:10}.era-info{margin-bottom:1rem}.era-name{font-family:var(--font-serif);font-size:1.75rem;font-weight:700;color:var(--era-color, var(--timeline-accent));margin:0}.era-name-english{display:block;font-size:.875rem;color:var(--timeline-text-muted);margin-top:.25rem}.era-period{display:inline-block;margin-top:.5rem;padding:.25rem .75rem;background:var(--era-color, var(--timeline-accent));color:#fff;border-radius:9999px;font-size:.875rem;font-weight:500}.era-description p{margin:0;color:var(--timeline-text-muted);line-height:1.7}.era-capital{margin-top:.5rem;font-size:.875rem;color:var(--timeline-text)}.sub-periods{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:1.5rem}.sub-period-tag{padding:.25rem .625rem;background:var(--card-bg-hover);border-radius:var(--radius-md);font-size:.75rem;color:var(--timeline-text-muted)}.era-events{display:flex;flex-direction:column;gap:1rem}.no-events{text-align:center;padding:2rem;color:var(--timeline-text-muted);font-style:italic}.era-connector{width:3px;height:60px;background:var(--timeline-line);margin:0 auto}.timeline-item{position:relative;display:flex;align-items:flex-start;gap:1rem;padding:.5rem 0;cursor:pointer;transition:transform var(--transition-fast)}.timeline-item:hover{transform:scale(1.01)}.timeline-item:focus{outline:2px solid var(--timeline-accent);outline-offset:4px;border-radius:var(--radius-md)}.timeline-item-left{flex-direction:row}.timeline-item-right{flex-direction:row-reverse}.item-year-marker{display:flex;flex-direction:column;align-items:center;min-width:160px;flex-shrink:0;padding:0 1rem}.item-year{font-size:.75rem;font-weight:600;color:var(--item-color, var(--timeline-accent));white-space:nowrap;text-align:center;padding:.25rem 0;min-width:100%;width:100%;padding:0 .25rem}.item-dot{width:12px;height:12px;background:var(--item-color, var(--timeline-accent));border:3px solid var(--timeline-bg);border-radius:50%;margin-top:.5rem;box-shadow:0 0 0 2px var(--item-color, var(--timeline-accent))}.item-card{flex:1;max-width:450px;min-width:0;padding:1rem 1.25rem;background:var(--card-bg);border:1px solid var(--card-border);border-left:3px solid var(--item-color, var(--timeline-accent));border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-fast),border-color var(--transition-fast)}.timeline-item-right .item-card{border-left:1px solid var(--card-border);border-right:3px solid var(--item-color, var(--timeline-accent))}.timeline-item:hover .item-card{box-shadow:var(--shadow-md);border-color:var(--item-color, var(--timeline-accent))}.item-header{margin-bottom:.5rem}.item-category{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;border-radius:var(--radius-sm);font-size:.6875rem;font-weight:600;text-transform:uppercase}.category-icon{width:12px;height:12px}.category-political{background:#e74c3c26;color:#e74c3c}.category-war{background:#c0392b26;color:#c0392b}.category-cultural{background:#9b59b626;color:#9b59b6}.category-economic{background:#27ae6026;color:#27ae60}.category-social{background:#3498db26;color:#3498db}.category-diplomatic{background:#f39c1226;color:#f39c12}.category-scientific{background:#1abc9c26;color:#1abc9c}.category-religious{background:#8e44ad26;color:#8e44ad}.item-title{margin:0 0 .5rem;font-size:1.0625rem;font-weight:600;color:var(--timeline-text);line-height:1.4}.item-description{margin:0;font-size:.875rem;color:var(--timeline-text-muted);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.item-location{display:flex;align-items:center;gap:.25rem;margin-top:.5rem;font-size:.8125rem;color:var(--timeline-text-muted)}.location-icon{width:14px;height:14px;opacity:.7}.item-footer{margin-top:.75rem;padding-top:.5rem;border-top:1px solid var(--card-border)}.item-more{font-size:.8125rem;color:var(--timeline-accent);font-weight:500}.timeline-connector{display:flex;flex-direction:column;align-items:center;padding:.5rem 0}.connector-line{width:2px;background:var(--timeline-line)}.connector-short .connector-line{height:20px}.connector-medium .connector-line{height:40px}.connector-long .connector-line{height:60px}.connector-very-long .connector-line{height:80px}.connector-gap{padding:.25rem .5rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-sm);font-size:.6875rem;color:var(--timeline-text-muted)}.event-modal-backdrop{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#000000bf;backdrop-filter:blur(4px);z-index:1000;padding:1rem}.event-modal{width:100%;max-width:600px;max-height:85vh;overflow-y:auto;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--card-border)}.modal-title{margin:0;font-family:var(--font-serif);font-size:1.5rem;font-weight:700;color:var(--timeline-text);line-height:1.3}.modal-close{padding:.5rem;background:transparent;border:none;color:var(--timeline-text-muted);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast)}.modal-close:hover{background:var(--card-bg-hover);color:var(--timeline-text)}.modal-body{padding:1.5rem}.modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--card-border);text-align:right}.modal-close-btn{padding:.625rem 1.5rem;background:var(--card-bg-hover);border:1px solid var(--card-border);border-radius:var(--radius-md);color:var(--timeline-text);cursor:pointer;transition:all var(--transition-fast)}.modal-close-btn:hover{background:var(--timeline-accent);border-color:var(--timeline-accent);color:#fff}.event-content{display:flex;flex-direction:column;gap:1.5rem}.event-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.meta-item{display:flex;flex-direction:column;gap:.25rem}.meta-label{font-size:.75rem;font-weight:600;color:var(--timeline-text-muted);text-transform:uppercase;letter-spacing:.05em}.meta-value{font-size:.9375rem;color:var(--timeline-text)}.era-badge{display:inline-block;padding:.25rem .625rem;border-radius:var(--radius-sm);color:#fff;font-size:.875rem;font-weight:500}.category-badge{display:inline-block;padding:.25rem .625rem;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500}.event-section{padding-top:.5rem}.event-section h3{margin:0 0 .75rem;font-size:1rem;font-weight:600;color:var(--timeline-text)}.event-section p{margin:0;font-size:.9375rem;color:var(--timeline-text-muted);line-height:1.7}.related-figures{display:flex;flex-wrap:wrap;gap:.5rem}.figure-tag{padding:.375rem .75rem;background:var(--card-bg-hover);border-radius:var(--radius-md);font-size:.875rem;color:var(--timeline-text)}.related-events,.sources-list{margin:0;padding-left:1.25rem;list-style-type:disc}.related-events li,.sources-list li{margin-bottom:.5rem;font-size:.9375rem;color:var(--timeline-text-muted)}.timeline-skeleton{display:flex;flex-direction:column;gap:2rem}.skeleton-item{display:flex;flex-direction:column;gap:1rem}.skeleton-era{height:150px;background:linear-gradient(90deg,var(--card-bg) 0%,var(--card-bg-hover) 50%,var(--card-bg) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:var(--radius-xl)}.skeleton-events{display:flex;flex-direction:column;gap:.75rem}.skeleton-event{height:100px;background:linear-gradient(90deg,var(--card-bg) 0%,var(--card-bg-hover) 50%,var(--card-bg) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:var(--radius-lg)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.timeline-footer{padding:2rem;border-top:1px solid var(--timeline-border);text-align:center}.footer-content p{margin:.25rem 0;color:var(--timeline-text-muted);font-size:.875rem}.footer-stats{font-weight:500;color:var(--timeline-text)}@media(max-width:768px){.timeline-header{padding:1rem}.title-korean{font-size:1.5rem}.header-controls{flex-direction:column}.search-bar{max-width:100%}.era-navigation{padding:.75rem 1rem}.year-jump{flex-direction:column;align-items:stretch}.timeline-content-wrapper{flex-direction:column;padding:0 1rem}.ruler-lineage-sidebar{position:relative;top:0;width:100%;max-height:none;border-right:none;border-bottom:1px solid var(--timeline-border)}.timeline-main{padding:1rem}.timeline-line{left:20px}.timeline-item{flex-direction:column!important;padding-left:40px}.item-year-marker{position:absolute;left:0;top:0;flex-direction:row;min-width:auto;padding:0}.item-year{display:none}.item-dot{margin:0}.item-card{max-width:100%;border-left:3px solid var(--item-color, var(--timeline-accent))!important;border-right:1px solid var(--card-border)!important}.era-header{padding:1rem 1.25rem}.era-name{font-size:1.375rem}.filter-content{position:fixed;inset:auto 0 0;width:100%;max-height:60vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.event-modal{max-height:90vh;margin:1rem;max-width:calc(100% - 2rem)}.event-meta{grid-template-columns:1fr}.timeline-header-row{overflow-x:auto;-webkit-overflow-scrolling:touch}.header-cell{font-size:.7rem;padding:.5rem .25rem;min-width:80px}.header-cell.year-col{min-width:50px;font-size:.65rem}.header-era-period{font-size:.55rem!important;padding:1px 4px!important}.sync-cell{padding:.25rem;min-width:80px}.sync-cell.year-col{min-width:50px;font-size:.65rem}.year-text{font-size:.65rem!important}.event-chip{font-size:.7rem;padding:.25rem .5rem}.event-date-badge{font-size:.6rem}.event-title-content{font-size:.7rem}.era-navigation-expanded{padding:.25rem 0!important;overflow:visible!important;max-height:none!important}.era-navigation-expanded>div:last-child{padding:.125rem .25rem!important;gap:.25rem!important;overflow:visible!important}.era-navigation-expanded>div:last-child button{font-size:.55rem!important;padding:.15rem .3rem!important;min-height:18px!important;height:18px!important;line-height:1!important;border-radius:2px!important;flex-shrink:0}.era-navigation-expanded>div:last-child button span{font-size:.55rem!important;line-height:1!important}.fixed.bottom-0{padding:0!important}.fixed.bottom-0>nav{padding:.25rem 0!important}.korean-history-timeline-content>div:first-child{padding:.5rem 0;margin-bottom:.5rem}.korean-history-timeline-content>div:first-child>div{padding:.5rem .75rem;gap:.5rem}.korean-history-timeline-content>div:first-child span{font-size:.75rem}.korean-history-timeline-content>div:first-child .text-xl{font-size:1rem}.section-title-text{font-size:1rem;padding:.5rem .75rem}.header-cell .flex.flex-col.gap-0\.5{gap:.25rem!important;margin-top:.25rem!important}.header-cell .flex.flex-col.gap-0\.5 span{font-size:.55rem!important;line-height:1.2}.modal-header{padding:1rem}.modal-title{font-size:1.125rem}.modal-body{padding:1rem;font-size:.875rem}.modal-footer{padding:.75rem 1rem}.timeline-section-wrapper{margin-bottom:2rem}.parallel-timeline-container{-webkit-overflow-scrolling:touch}.parallel-content-area{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-contrast:high){:root{--card-border: #ffffff;--timeline-line: #ffffff}.item-card,.era-header,.search-input,.filter-checkbox{border-width:2px}}:focus-visible{outline:3px solid var(--timeline-accent);outline-offset:2px}.text-gradient{background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:linear-gradient(135deg,var(--timeline-text) 0%,var(--timeline-text-muted) 100%)}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.parallel-timeline-container{display:flex;flex-direction:column;width:100%;min-height:100vh;background:var(--timeline-bg);position:relative}.parallel-content-area{max-width:1600px;margin:0 auto;width:100%;padding:0 1rem}.timeline-controls{position:sticky;top:var(--header-height);display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#18181bf2;backdrop-filter:blur(8px);border-bottom:1px solid var(--timeline-border);z-index:40;box-shadow:var(--shadow-sm)}.parallel-scroll-area{flex:1;position:relative}.parallel-grid{display:grid;position:relative;border-bottom:1px solid var(--timeline-border)}.grid-cols-unified{grid-template-columns:80px 1fr}.grid-cols-three{grid-template-columns:80px repeat(4,1fr)}.grid-cols-south-north{grid-template-columns:80px repeat(2,1fr)}.year-axis-column{position:relative;background:var(--timeline-bg);border-right:1px solid var(--timeline-border);z-index:30}.year-marker-major{position:absolute;right:10px;transform:translateY(-50%);font-size:.75rem;font-weight:600;color:var(--timeline-text-muted);display:flex;align-items:center;gap:8px;white-space:nowrap}.year-marker-major:after{content:"";width:6px;height:1px;background:var(--timeline-text-muted)}.background-grid-line{position:absolute;left:0;right:0;height:1px;background:#ffffff0d;pointer-events:none;z-index:1;width:100%}.kingdom-column{position:relative;border-right:1px solid rgba(255,255,255,.05)}.kingdom-header{position:relative;z-index:20;padding:.75rem;text-align:center;background:#0a0a0a66;border-bottom:1px solid var(--timeline-border);margin-bottom:1rem}.kingdom-title{font-family:var(--font-serif);font-size:1rem;font-weight:700;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.theme-goguryeo .kingdom-title{background-image:var(--goguryeo-gradient)}.theme-baekje .kingdom-title{background-image:var(--baekje-gradient)}.theme-silla .kingdom-title{background-image:var(--silla-gradient)}.theme-gaya .kingdom-title{background-image:var(--gaya-gradient)}.theme-balhae .kingdom-title{background-image:var(--balhae-gradient)}.theme-goryeo .kingdom-title{background-image:var(--goryeo-gradient)}.theme-joseon .kingdom-title{background-image:var(--joseon-gradient)}.theme-gojoseon .kingdom-title{background-image:var(--gojoseon-gradient)}.ruler-block{position:absolute;left:10%;right:10%;border-radius:var(--radius-sm);background:var(--card-bg);border:1px solid rgba(255,255,255,.1);padding:.5rem;cursor:pointer;transition:all var(--transition-spring);overflow:hidden;z-index:10;display:flex;flex-direction:column;justify-content:center;box-shadow:0 2px 4px #0003}.ruler-block:hover{transform:scale(1.05);box-shadow:0 8px 16px #0000004d;z-index:20;border-color:#ffffff4d}.ruler-block.active{box-shadow:0 0 0 2px var(--timeline-text),0 8px 16px #0006;z-index:25}.theme-goguryeo .ruler-block{background:linear-gradient(to bottom right,#dc143c26,#8b000026);border-left:3px solid var(--goguryeo-primary)}.theme-baekje .ruler-block{background:linear-gradient(to bottom right,#ffd70026,#b8860b26);border-left:3px solid var(--baekje-primary)}.theme-silla .ruler-block{background:linear-gradient(to bottom right,#32cd3226,#228b2226);border-left:3px solid var(--silla-primary)}.theme-gaya .ruler-block{background:linear-gradient(to bottom right,#ff8c0026,#d2691e26);border-left:3px solid var(--gaya-primary)}.theme-balhae .ruler-block{background:linear-gradient(to bottom right,#8a2be226,#4b008226);border-left:3px solid var(--balhae-primary)}.theme-goryeo .ruler-block{background:linear-gradient(to bottom right,#20b2aa26,#008b8b26);border-left:3px solid var(--goryeo-primary)}.theme-joseon .ruler-block{background:linear-gradient(to bottom right,#4682b426,#2f4f4f26);border-left:3px solid var(--joseon-primary)}.ruler-name-block{font-size:.8125rem;font-weight:600;color:var(--timeline-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.5)}.ruler-years-block{font-size:.6875rem;color:#ffffffb3;margin-top:2px}.event-marker-parallel{position:absolute;left:50%;width:12px;height:12px;border-radius:50%;background:var(--timeline-text);border:2px solid var(--card-bg);box-shadow:0 0 0 2px var(--timeline-text);z-index:15;cursor:pointer;transform:translate(-50%);transition:all var(--transition-fast)}.event-marker-parallel:hover{transform:translate(-50%) scale(1.5);box-shadow:0 0 0 4px var(--timeline-accent);background:var(--timeline-accent)}.event-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-8px);background:#000000e6;color:#fff;padding:.5rem .75rem;border-radius:var(--radius-md);font-size:.75rem;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s;z-index:100;box-shadow:var(--shadow-md);border:1px solid var(--timeline-border)}.ruler-block:hover .event-tooltip,.event-marker-parallel:hover .event-tooltip{opacity:1}.item-description{margin:0;font-size:.875rem;color:var(--timeline-text-muted);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.current-year-indicator{position:fixed;top:calc(var(--header-height) + 10px);right:20px;display:flex;flex-direction:column;align-items:flex-end;padding:.75rem 1rem;background:#18181bf2;backdrop-filter:blur(8px);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:100}.current-era-name{font-size:.75rem;color:var(--timeline-text-muted);margin-bottom:.25rem}.current-year-value{font-size:1.125rem;font-weight:700;color:var(--timeline-accent)}.timeline-content-wrapper.parallel-mode,.timeline-main.full-width{padding:0;max-width:100%;overflow:visible}.parallel-timeline-container{display:flex;width:100%;position:relative;overflow:visible;gap:0;align-items:flex-start}.parallel-timeline-sidebar{width:10%;flex-shrink:0;position:relative;overflow:visible;padding:1rem .5rem;border-right:3px solid var(--card-border);background:var(--card-bg);z-index:100;box-sizing:border-box}.parallel-content-area{width:90%;flex:1;padding:1rem 2rem 4rem;box-sizing:border-box;position:relative;overflow:visible}.timeline-section-wrapper{margin-bottom:0;scroll-margin-top:calc(var(--header-height) + var(--nav-height) + 20px);position:absolute;left:0;right:0;padding-bottom:2rem;width:100%;box-sizing:border-box}.era-anchor{position:absolute;top:-200px;visibility:hidden}.section-title{display:block;margin-bottom:2rem;margin-top:0;padding:1.75rem 2rem;background:linear-gradient(135deg,var(--card-bg) 0%,var(--card-bg-hover) 100%);border-left:5px solid var(--timeline-accent);border-radius:var(--radius-lg);font-family:var(--font-serif);font-size:1.75rem;font-weight:700;color:var(--timeline-text);box-shadow:var(--shadow-lg);position:relative;z-index:10;isolation:isolate;clear:both;overflow:visible;width:100%;box-sizing:border-box}.section-title:after{content:"";display:block;height:0;clear:both}.section-period{display:inline-block;font-family:var(--font-sans);font-size:.9375rem;font-weight:600;color:var(--timeline-text-muted);padding:.5rem 1rem;background:var(--card-bg);border-radius:var(--radius-md);margin-left:1rem;vertical-align:baseline}.kingdoms-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:0;padding-top:1rem;position:relative;z-index:1;clear:both;width:100%;box-sizing:border-box}.kingdom-column{display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem;background:var(--card-bg);border:2px solid var(--card-border);border-radius:var(--radius-xl);transition:all var(--transition-fast);position:relative;box-shadow:var(--shadow-sm);margin-top:0;z-index:1;clear:both;overflow:visible}.kingdom-column:hover{border-color:var(--timeline-accent);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.kingdom-header-card{padding:1.25rem;text-align:center;border-bottom:2px solid var(--card-border);background:linear-gradient(135deg,var(--card-bg-hover) 0%,var(--card-bg) 100%);border-radius:var(--radius-md);margin-bottom:1rem;position:relative;z-index:2}.kingdom-name{margin:0 0 .75rem;font-family:var(--font-serif);font-size:1.375rem;font-weight:700;color:var(--timeline-text)}.kingdom-capital{display:block;font-size:.875rem;color:var(--timeline-text-muted);margin-bottom:.5rem;font-weight:500}.kingdom-period{font-size:.8125rem;color:var(--timeline-text-muted);font-weight:600}.rulers-list{display:flex;flex-direction:column;gap:.75rem;position:relative;z-index:1;margin-top:0;padding-top:0;min-height:100%}.ruler-row{display:flex;gap:1rem;align-items:flex-start}.ruler-card{position:relative;flex:0 0 140px;padding:1rem;background:var(--card-bg-hover);border:2px solid transparent;border-left:4px solid var(--timeline-line);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.ruler-card:hover{background:var(--card-bg);border-color:var(--card-border);transform:translate(4px) scale(1.02);box-shadow:var(--shadow-md)}.ruler-card.active{background:var(--card-bg);border-color:var(--timeline-accent);border-left-color:var(--timeline-accent);box-shadow:var(--shadow-lg);transform:translate(4px)}.ruler-card-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.ruler-order{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 4px;background:var(--card-bg);border-radius:50%;font-size:.6875rem;font-weight:600;color:var(--timeline-text-muted);flex-shrink:0}.ruler-name-group{display:flex;flex-direction:column;gap:.125rem;flex:1;min-width:0}.ruler-card .ruler-name{font-size:.9375rem;font-weight:600;color:var(--timeline-text);line-height:1.2}.ruler-card .ruler-title{font-size:.75rem;color:var(--timeline-text-muted);font-weight:500;line-height:1.2;display:block}.ruler-reign{display:block;font-size:.75rem;color:var(--timeline-text-muted)}.ruler-details-expanded{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--card-border)}.ruler-description{margin:0 0 .5rem;font-size:.8125rem;color:var(--timeline-text-muted);line-height:1.6}.ruler-card .ruler-achievements{margin-top:.5rem}.ruler-card .ruler-achievements strong{display:block;font-size:.75rem;color:var(--timeline-text);margin-bottom:.25rem}.ruler-card .ruler-achievements ul{margin:0;padding-left:1rem;list-style-type:disc}.ruler-card .ruler-achievements li{font-size:.75rem;color:var(--timeline-text-muted);margin-bottom:.25rem}.ruler-indicator{position:absolute;left:0;top:0;bottom:0;width:3px;background:transparent;transition:background var(--transition-fast)}.ruler-card:hover .ruler-indicator,.ruler-card.active .ruler-indicator{background:var(--timeline-accent)}.no-rulers{padding:1.5rem;text-align:center;color:var(--timeline-text-muted);font-size:.875rem;line-height:1.6}.ruler-events{flex:1;display:flex;flex-direction:column;gap:.5rem;min-width:0}.era-events-section{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--card-border)}.era-events-header{margin-bottom:1rem}.era-events-title{font-size:1rem;font-weight:700;color:var(--timeline-text);margin:0}.rulers-section{margin-top:1rem}.rulers-section-header{margin-bottom:1rem}.rulers-section-title{font-size:1rem;font-weight:700;color:var(--timeline-text);margin:0}.era-events-list{display:block;position:relative;min-height:100%;padding-bottom:1rem}.event-item-mini{display:flex;align-items:center;gap:1rem;padding:.625rem .875rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:all var(--transition-fast);width:100%}.event-item-mini:hover{background:var(--card-bg-hover);border-color:var(--timeline-accent);transform:translate(4px);box-shadow:var(--shadow-sm)}.event-year-mini{font-size:.75rem;font-weight:700;color:var(--timeline-accent);white-space:nowrap;flex-shrink:0;min-width:120px;text-align:right;padding-right:.5rem}.event-title-mini{font-size:.875rem;color:var(--timeline-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.no-events-line{height:2px;background:linear-gradient(90deg,transparent,var(--card-border),transparent);margin:.5rem 0}.theme-goguryeo .ruler-card{border-left-color:var(--goguryeo-primary)}.theme-baekje .ruler-card{border-left-color:var(--baekje-primary)}.theme-silla .ruler-card{border-left-color:var(--silla-primary)}.theme-gaya .ruler-card{border-left-color:var(--gaya-primary)}.theme-balhae .ruler-card{border-left-color:var(--balhae-primary)}.theme-goryeo .ruler-card{border-left-color:var(--goryeo-primary)}.theme-joseon .ruler-card{border-left-color:var(--joseon-primary)}.theme-gojoseon .ruler-card{border-left-color:var(--gojoseon-primary)}.year-era-timeline{width:100%;height:100%}.year-era-timeline-wrapper{position:relative;padding-left:.75rem;width:100%}.year-era-line{position:absolute;left:.5rem;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--timeline-accent) 0%,var(--timeline-line) 50%,var(--timeline-accent) 100%);border-radius:1px}.year-era-section{position:absolute;left:0;right:0;padding-left:1rem}.year-era-label{position:sticky;top:1rem;padding:.75rem .5rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);margin-bottom:.5rem;z-index:10;box-shadow:var(--shadow-sm)}.era-name{font-size:.8125rem;font-weight:700;color:var(--timeline-text);margin-bottom:.25rem;line-height:1.3}.era-period{font-size:.625rem;color:var(--timeline-text-muted);font-weight:500}.year-markers{position:relative;width:100%;height:100%}.year-marker{position:absolute;left:0;transform:translateY(-50%);display:flex;align-items:center;gap:.375rem}.year-marker-dot{width:5px;height:5px;border-radius:50%;background:var(--timeline-accent);border:1.5px solid var(--card-bg);flex-shrink:0}.year-marker-label{font-size:.625rem;color:var(--timeline-text-muted);font-weight:500;white-space:nowrap}@media(max-width:768px){.kingdoms-grid{grid-template-columns:1fr}.section-title{flex-direction:column;gap:.5rem}.parallel-content-area{padding:1rem}.current-year-indicator{top:auto;bottom:20px;right:20px}.header-controls{flex-direction:column;gap:1rem}.parallel-timeline-sidebar{width:15%}.parallel-content-area{width:85%}}.era-section{--era-color: var(--default-era-color, #6b7280);border-left:4px solid var(--era-color);padding-left:2rem;padding-bottom:2rem;position:relative;margin-left:1rem}.timeline-connector{background:linear-gradient(to bottom,var(--era-color) 0%,var(--era-color) 100%);width:2px;position:absolute;position:relative;margin:0 auto;left:0;right:0}.timeline-event-wrapper{display:flex;flex-direction:column;align-items:center;position:relative}.era-bridge{background:linear-gradient(to bottom,var(--era-color) 0%,var(--next-era-color, #9ca3af) 100%);width:4px;margin-top:0;margin-bottom:0;position:relative;left:50%;transform:translate(-50%)}.connector-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--card-bg);padding:.2rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;color:var(--timeline-text-muted);z-index:10}.parallel-ruler-row{display:flex;flex-direction:row;align-items:stretch;width:100%;gap:1rem;padding:.75rem;margin-bottom:.75rem;border-radius:var(--radius-md);background:#ffffff08;border:1px solid transparent;transition:all .2s ease;min-height:100px}.parallel-ruler-row:hover{background:#ffffff0f;border-color:var(--timeline-border)}.parallel-ruler-cell{flex:1;min-width:140px;display:flex;flex-direction:column;justify-content:center}.parallel-events-cell{flex:1;display:flex;flex-direction:column;justify-content:center;gap:.4rem;padding-left:1rem;border-left:1px dashed var(--timeline-border);min-height:100%;overflow:visible}.parallel-events-cell .no-events{font-size:.75rem;color:var(--timeline-text-muted);opacity:.5;font-style:italic;padding:.25rem 0}.event-item-row{display:flex;align-items:flex-start;gap:.75rem;padding:.35rem .5rem;border-radius:var(--radius-sm);background:#0003;border:1px solid transparent;transition:all .15s ease;cursor:pointer;text-align:left;width:100%;box-sizing:border-box}.event-item-row:hover{background:var(--card-bg-hover);border-color:var(--primary-color-dim);transform:translate(2px)}.event-year-badge{background:var(--primary-color-dim);color:var(--white);padding:.1rem .4rem;border-radius:4px;font-size:.75rem;font-weight:700;flex-shrink:0;min-width:45px;text-align:center}.event-title-text{font-size:.85rem;color:var(--timeline-text);line-height:1.4;word-break:break-word;overflow-wrap:break-word}@media(max-width:768px){.parallel-ruler-row{flex-direction:column;height:auto!important;min-height:auto!important}.parallel-ruler-cell{width:100%;min-width:0;margin-bottom:.5rem}.parallel-events-cell{width:100%;border-left:none;border-top:1px dashed var(--timeline-border);padding-left:0;padding-top:.5rem}}.parallel-timeline-container{display:block!important;width:100%;height:auto!important;overflow:visible!important;position:relative;padding-bottom:200px}.parallel-content-area{display:flex!important;flex-direction:column!important;gap:3rem;width:100%;max-width:100%;overflow:visible}.timeline-section-wrapper{display:block;position:relative;width:100%;margin-bottom:2rem;clear:both}.kingdoms-grid{display:flex!important;flex-direction:row!important;gap:1.5rem;width:100%;overflow-x:auto;padding-bottom:1rem}.kingdom-column{flex:1;min-width:320px!important;display:flex;flex-direction:column;background:var(--card-bg);border-radius:var(--radius-md);border:1px solid var(--timeline-border);padding:.5rem}.kingdom-header-card{position:sticky;top:0;z-index:20;background:var(--card-bg);border-bottom:1px solid var(--timeline-border);margin-bottom:1rem}.split-layout{display:flex!important;flex-direction:row!important;width:100%;border-top:1px solid var(--timeline-border);padding-top:3rem;margin-top:2rem}.section-sidebar{width:10%;min-width:140px;border-right:3px solid var(--timeline-border);padding-right:1.5rem;text-align:right;flex-shrink:0;position:relative;background:var(--card-bg);z-index:30}.section-sidebar .sticky-wrapper{position:sticky;top:120px;display:flex;flex-direction:column;align-items:flex-end;gap:.75rem}.era-title{font-size:1.4rem;font-weight:900;color:var(--primary-color);word-break:keep-all;line-height:1.3;margin:0}.era-period-box{display:flex;flex-direction:column;align-items:center;background:var(--card-bg-subtle);padding:.6rem;border-radius:var(--radius-sm);font-family:monospace;font-size:.9rem;color:var(--timeline-text);font-weight:700;border:1px solid var(--timeline-border-light)}.period-divider{color:var(--timeline-text-muted);font-size:.8rem;margin:.2rem 0}.section-main-content{width:90%;flex:1;padding-left:2rem;overflow-x:auto;padding-bottom:2rem}.timeline-section-wrapper{margin-bottom:4rem}.section-header-sticky{position:sticky;top:0;z-index:20;background:var(--bg-color);padding-bottom:.5rem;border-bottom:2px solid var(--timeline-border);transition:top .2s ease}.timeline-header-row{display:flex;font-weight:700;background:var(--card-bg-subtle);border-radius:var(--radius-sm);margin-top:.5rem}.header-cell{padding:.75rem .5rem;text-align:center;font-size:.9rem;color:var(--timeline-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-cell.year-col{width:10%;min-width:60px;flex-shrink:0;border-right:1px solid var(--timeline-border-light)}.header-cell.kingdom-col{flex:1;border-right:1px solid var(--timeline-border-light)}.timeline-sync-row{display:flex;border-bottom:1px solid var(--timeline-border-light);min-height:50px;transition:background .1s}.timeline-sync-row:hover{background:#ffffff08}.sync-cell{padding:.5rem;display:flex;align-items:center}.sync-cell.year-col{width:10%;min-width:60px;flex-shrink:0;justify-content:center;border-right:1px solid var(--timeline-border-light);font-family:monospace;font-size:.75rem}.sync-cell.year-col .year-text{color:var(--timeline-accent);font-weight:700}.sync-cell.year-col span.year-text-prehistoric,.sync-cell.year-col .year-text-prehistoric,.year-text-prehistoric,.ruler-reign-text.year-text-prehistoric,.header-cell .year-text-prehistoric,.header-era-period.year-text-prehistoric,span.year-text.year-text-prehistoric{font-family:var(--font-serif)!important;font-size:.75rem!important;font-weight:500!important;letter-spacing:.02em!important;line-height:1.4!important}.header-era-period{font-size:.75rem;font-weight:500}.sync-cell.kingdom-col{flex:1;padding:0;border-right:1px solid var(--timeline-border-light);align-items:stretch}.inner-split-container{display:flex;width:100%;min-height:100%}.inner-col{flex:1;padding:.5rem;display:flex;flex-direction:column;justify-content:center;gap:.25rem;min-width:0}.inner-col.ruler-part{border-right:1px dashed var(--timeline-border-light);background:#00000005;align-items:center;text-align:center}.ruler-info-compact{display:flex;flex-direction:column;align-items:center;gap:.2rem}.ruler-name-text{font-weight:700;font-size:.9rem;color:var(--timeline-text);word-break:keep-all}.new-ruler-badge{font-size:.7rem;background:var(--primary-color);color:#fff;padding:.1rem .3rem;border-radius:4px}.empty-dash{color:var(--timeline-text-muted);opacity:.3}.event-part{align-items:flex-start}.event-chip{background:var(--card-bg);border:1px solid var(--timeline-border);border-radius:4px;padding:.2rem .5rem;font-size:.8rem;cursor:pointer;text-align:left;line-height:1.3;width:100%}.event-chip:hover{border-color:var(--primary-color);background:var(--card-bg-hover)}@media(max-width:768px){.header-cell.year-col,.sync-cell.year-col{width:50px;min-width:50px;font-size:.8rem}}.inner-col.ruler-part{border-right:1px dashed var(--timeline-border-light);align-items:center;text-align:center;position:relative;transition:background .2s}.inner-col.ruler-part.new-entry{background:rgba(var(--primary-rgb),.08);border-top:2px solid rgba(var(--primary-rgb),.2);border-radius:4px 4px 0 0}.inner-col.ruler-part.continued{background:transparent}.ruler-continuation-mark{width:2px;height:100%;background:#0000000d;min-height:20px}.new-ruler-badge{font-size:.75rem;background:var(--primary-color);color:#fff;padding:.15rem .4rem;border-radius:12px;margin-bottom:.3rem;box-shadow:0 2px 4px #0000001a;font-weight:700}.ruler-name-text{font-weight:700;font-size:.95rem;color:var(--timeline-text);line-height:1.2}.timeline-sync-row{border-bottom:1px solid rgba(150,150,150,.1)}.section-header-sticky{box-shadow:0 4px 10px #0000000d;border-bottom:none}.ruler-content-wrapper{display:flex;flex-direction:column;align-items:center;width:100%;gap:.2rem;padding:.2rem 0}.ruler-header{display:flex;align-items:center;gap:.3rem;justify-content:center;flex-wrap:wrap}.ruler-order-badge{font-size:.7rem;font-weight:800;background:var(--timeline-accent);color:#fff;padding:.1rem .3rem;border-radius:4px}.ruler-sub-info{display:flex;flex-direction:column;align-items:center;font-size:.75rem;color:var(--timeline-text-muted)}.ruler-expanded-details{margin-top:.5rem;background:var(--card-bg);border:1px solid var(--timeline-border);padding:.75rem;border-radius:var(--radius-sm);width:100%;text-align:left;box-shadow:0 4px 6px #0000001a;z-index:10;position:relative;font-size:.85rem;color:var(--timeline-text)}.active-ruler{background:rgba(var(--primary-rgb),.1)!important;border-right-color:var(--primary-color)!important}.ruler-desc{margin-bottom:.5rem;line-height:1.4}.ruler-achievements-list{background:#00000008;padding:.5rem;border-radius:4px}.ruler-achievements-list ul{padding-left:1.2rem;margin:0;list-style-type:disc}.ruler-achievements-list li{margin-bottom:.2rem}.event-chip{display:flex;flex-direction:column;gap:.15rem;padding:.35rem .6rem}.event-date-badge{font-size:.7rem;color:var(--timeline-text-muted);font-family:monospace;font-weight:600;letter-spacing:-.02em}.event-title-content{font-weight:600;font-size:.85rem;line-height:1.35;color:var(--timeline-text)}.header-cell.kingdom-col{border-bottom-width:3px;border-bottom-style:solid;background:var(--card-bg)}.new-ruler-badge{box-shadow:0 2px 4px #0003}.theme-goguryeo.header-cell{border-bottom-color:var(--goguryeo-primary);color:var(--goguryeo-primary)}.theme-goguryeo.sync-cell{background:#dc26260d;border-right:1px solid rgba(220,38,38,.1)}.theme-goguryeo .new-ruler-badge{background:var(--goguryeo-primary)}.theme-goguryeo .active-ruler{background:#dc26261a!important;border-left:2px solid var(--goguryeo-primary)}.theme-baekje.header-cell{border-bottom-color:var(--baekje-primary);color:var(--baekje-primary)}.theme-baekje.sync-cell{background:#d977060d;border-right:1px solid rgba(217,119,6,.1)}.theme-baekje .new-ruler-badge{background:var(--baekje-primary);color:#fff}.theme-baekje .active-ruler{background:#d977061a!important;border-left:2px solid var(--baekje-primary)}.theme-silla.header-cell{border-bottom-color:var(--silla-primary);color:var(--silla-primary)}.theme-silla.sync-cell{background:#7c3aed0d;border-right:1px solid rgba(124,58,237,.1)}.theme-silla .new-ruler-badge{background:var(--silla-primary)}.theme-silla .active-ruler{background:#7c3aed1a!important;border-left:2px solid var(--silla-primary)}.theme-gaya.header-cell{border-bottom-color:var(--gaya-primary);color:var(--gaya-primary)}.theme-gaya.sync-cell{background:#ea580c0d;border-right:1px solid rgba(234,88,12,.1)}.theme-gaya .new-ruler-badge{background:var(--gaya-primary)}.theme-gaya .active-ruler{background:#ea580c1a!important;border-left:2px solid var(--gaya-primary)}.theme-balhae.header-cell{border-bottom-color:var(--balhae-primary);color:var(--balhae-primary)}.theme-balhae.sync-cell{background:#4f46e50d;border-right:1px solid rgba(79,70,229,.1)}.theme-balhae .new-ruler-badge{background:var(--balhae-primary)}.theme-balhae .active-ruler{background:#4f46e51a!important;border-left:2px solid var(--balhae-primary)}.theme-goryeo.header-cell{border-bottom-color:var(--goryeo-primary);color:var(--goryeo-primary)}.theme-goryeo.sync-cell{background:#0d94880d;border-right:1px solid rgba(13,148,136,.1)}.theme-goryeo .new-ruler-badge{background:var(--goryeo-primary)}.theme-goryeo .active-ruler{background:#0d94881a!important;border-left:2px solid var(--goryeo-primary)}.theme-joseon.header-cell{border-bottom-color:var(--joseon-primary);color:var(--joseon-primary)}.theme-joseon.sync-cell{background:#2563eb0d;border-right:1px solid rgba(37,99,235,.1)}.theme-joseon .new-ruler-badge{background:var(--joseon-primary)}.theme-joseon .active-ruler{background:#2563eb1a!important;border-left:2px solid var(--joseon-primary)}.theme-gojoseon.header-cell{border-bottom-color:var(--gojoseon-primary);color:var(--gojoseon-primary)}.theme-gojoseon.sync-cell{background:#0284c70d;border-right:1px solid rgba(2,132,199,.1)}.theme-gojoseon .new-ruler-badge{background:var(--gojoseon-primary)}.theme-gojoseon .active-ruler{background:#0284c71a!important;border-left:2px solid var(--gojoseon-primary)}.ruler-modal .modal-header{border-bottom:2px solid var(--timeline-accent)}.ruler-title-badge{display:inline-block;padding:.2rem .6rem;background:var(--timeline-accent);color:#fff;border-radius:4px;font-size:.8rem;margin-right:.75rem;vertical-align:middle;font-weight:800}.ruler-content-container{display:flex;flex-direction:column;gap:1.5rem}.ruler-main-desc{font-size:1.1rem;line-height:1.7;color:var(--timeline-text);white-space:pre-wrap}.ruler-achievements-section h3{font-size:1.2rem;font-weight:700;margin-bottom:1rem;color:var(--timeline-accent);border-bottom:1px solid var(--timeline-border);padding-bottom:.5rem}.ruler-achievements-grid{display:grid;grid-template-columns:1fr;gap:1rem}.achievement-card{background:var(--card-bg-subtle);padding:1rem;border-radius:var(--radius-md);border-left:4px solid var(--timeline-accent);font-size:1rem;line-height:1.5}.ruler-period-info{margin-top:1rem;padding:1rem;background:var(--card-bg-hover);border-radius:var(--radius-md);text-align:center;font-weight:600;color:var(--timeline-text-muted)}