@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,700;9..144,800&family=Noto+Sans:wght@400;500;700&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}:root{--color-male: #027BA3;--color-female: #EE0068;--color-highlight: #FF8300;--color-bg: #fff;--color-bg-secondary: #f0f0f0;--color-bg-hover: #f9f9f9;--color-bg-hover-alt: #f5f5f5;--color-text: #444;--color-text-light: #999;--color-text-muted: #ccc;--color-text-dim: #666;--color-border: #eee;--color-border-strong: #ddd;--color-border-subtle: #f5f5f5;--color-era-bar: #ddd;--color-axis-line: #eee;--color-shadow: rgba(0, 0, 0, .1);--color-max-stroke: #fff;--font-main: "Inter", system-ui, -apple-system, sans-serif;--header-height: 60px;--sidebar-width: 300px;--bottom-sheet-height: 70vh}@media(prefers-color-scheme:dark){:root{--color-bg: #1a1a1a;--color-bg-secondary: #2a2a2a;--color-bg-hover: #252525;--color-bg-hover-alt: #2a2a2a;--color-text: #ddd;--color-text-light: #888;--color-text-muted: #555;--color-text-dim: #aaa;--color-border: #333;--color-border-strong: #444;--color-border-subtle: #2a2a2a;--color-era-bar: #555;--color-axis-line: #333;--color-shadow: rgba(0, 0, 0, .4);--color-max-stroke: #333}}*{box-sizing:border-box}html,body{height:100%;width:100%;margin:0;padding:0;font-family:var(--font-main);color:var(--color-text);background:var(--color-bg);overflow:hidden;overscroll-behavior:none}#root{position:fixed;inset:0;width:100%;height:100%;height:100dvh;display:flex;flex-direction:column}.app-container{display:flex;flex:1;overflow:hidden;position:relative}@media(max-width:768px){.app-container{flex-direction:column}}.main-content{flex:1;position:relative;overflow:hidden;display:flex;flex-direction:column}.chart-container{flex:1;width:100%;height:100%;position:relative}@media(max-width:768px){.chart-container{padding-bottom:20px}}.sidebar{width:var(--sidebar-width);border-left:1px solid var(--color-border);background:var(--color-bg);display:flex;flex-direction:column;z-index:10}@media(max-width:768px){.sidebar{position:absolute;bottom:0;left:0;width:100%;height:var(--bottom-sheet-height);border-left:none;border-top:1px solid var(--color-border);transform:translateY(calc(100% - 60px));transition:transform .3s ease}.sidebar.open{transform:translateY(0)}}.app-header{padding:.75rem 1rem;padding-top:max(.75rem,env(safe-area-inset-top));border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;gap:.5rem;flex-shrink:0}.header-left{display:flex;align-items:center;gap:.5rem;min-width:0}h1{font-size:1.2rem;margin:0;font-weight:600;white-space:nowrap}@media(max-width:480px){h1{font-size:1rem}}.dropdown-wrapper{position:relative}.dropdown-btn{background:none;border:1px solid var(--color-border-strong);border-radius:4px;padding:.3rem .5rem;font-size:.9rem;cursor:pointer;display:flex;align-items:center;gap:.25rem;color:var(--color-text);white-space:nowrap}.dropdown-btn:active{background:var(--color-bg-secondary)}.chevron{font-size:.65rem;transition:transform .2s;display:inline-block}.chevron.open{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;background:var(--color-bg);border:1px solid var(--color-border-strong);border-radius:4px;box-shadow:0 2px 8px var(--color-shadow);z-index:1000;min-width:100%;max-height:60vh;overflow-y:auto}.dropdown-menu--right{left:auto;right:0}.dropdown-item{display:block;width:100%;padding:.5rem .75rem;border:none;background:transparent;text-align:left;cursor:pointer;font-size:.9rem;color:var(--color-text);white-space:nowrap}.dropdown-item:hover,.dropdown-item:active{background:var(--color-bg-secondary)}.dropdown-item.active{background:var(--color-bg-secondary);font-weight:600}.dropdown-item--flag{display:flex;align-items:center;gap:.5rem}.loading{display:flex;align-items:center;justify-content:center;height:100vh;font-size:1.2rem;color:var(--color-text-light)}body.poster-mode{overflow:auto;background:#d7ccbc;color-scheme:light}body.poster-mode #root{position:static;inset:auto;width:auto;height:auto;min-height:100vh;display:block}.poster-root{min-height:100vh;padding:32px 0;background:radial-gradient(circle at 18% 16%,rgba(169,110,33,.22),transparent 28%),radial-gradient(circle at 84% 10%,rgba(170,46,95,.14),transparent 24%),linear-gradient(180deg,#dbccb7,#c3b095);display:flex;justify-content:center}.poster-toolbar{position:fixed;top:12px;right:12px;z-index:10;display:flex;gap:6px}.poster-toolbar button{padding:6px 14px;border:1px solid rgba(0,0,0,.15);border-radius:4px;background:#ffffffd9;font-size:12px;font-weight:600;cursor:pointer;color:#333;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.poster-toolbar button:hover{background:#fffffff2}.poster-frame{width:594mm;height:841mm;box-shadow:0 28px 80px #43311447}.poster-frame svg{width:100%;height:100%;display:block}.poster-loading{min-height:100vh;display:grid;place-items:center;font-family:Noto Sans,sans-serif;color:#1a1a18;background:#f2ead8}@media(max-width:1200px){.poster-root{padding:12px 0}.poster-frame{width:100%;height:auto;aspect-ratio:594/841}}@media print{@page{size:A1 portrait;margin:0}.poster-root{padding:0;background:transparent}.poster-toolbar{display:none}.poster-frame{width:594mm;height:841mm;box-shadow:none}}.sidebar-content{height:100%;display:flex;flex-direction:column;background:var(--color-bg)}.sidebar-header{padding:1rem;border-bottom:1px solid var(--color-border);display:flex;gap:.5rem;align-items:center}.sidebar-header .search-container{position:relative;flex:1;display:flex;align-items:center}.sidebar-header .search-container input{width:100%;padding:.5rem 2rem .5rem .5rem;border:1px solid var(--color-border-strong);border-radius:4px;font-size:1rem;background:var(--color-bg);color:var(--color-text)}.sidebar-header .search-container input:focus{outline:none;border-color:var(--color-highlight)}.sidebar-header .search-container .clear-btn{position:absolute;right:5px;background:none;border:none;color:var(--color-text-light);font-size:1rem;cursor:pointer;padding:0 5px}.sidebar-header .search-container .clear-btn:hover{color:var(--color-text-dim)}.sidebar-header .search-container .autocomplete-list{position:absolute;bottom:100%;left:0;right:0;background:var(--color-bg);border:1px solid var(--color-border-strong);border-bottom:none;border-radius:4px 4px 0 0;list-style:none;padding:0;margin:0;z-index:100;box-shadow:0 -4px 6px var(--color-shadow)}.sidebar-header .search-container .autocomplete-list li{padding:.5rem;cursor:pointer;border-bottom:1px solid var(--color-border);color:var(--color-text)}.sidebar-header .search-container .autocomplete-list li:last-child{border-bottom:none}.sidebar-header .search-container .autocomplete-list li:hover{background:var(--color-bg-hover-alt)}.mobile-toggle-btn{display:none;background:var(--color-bg-secondary);border:1px solid var(--color-border-strong);padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;white-space:nowrap;color:var(--color-text)}@media(max-width:768px){.mobile-toggle-btn{display:block}}.name-list{flex:1;overflow-y:auto}.list-header{display:flex;padding:.5rem 1rem;font-size:.8rem;color:var(--color-text-light);border-bottom:1px solid var(--color-border)}.list-header span{flex:1}.list-header span:first-child{flex:0 0 50px;text-align:right;margin-right:1rem}.list-header span:last-child{text-align:right}.list-item{display:flex;padding:.5rem 1rem;cursor:pointer;font-size:.9rem;border-bottom:1px solid var(--color-border-subtle);transition:background .2s}.list-item:hover{background:var(--color-bg-hover)}.list-item.selected{background:var(--color-bg-secondary);font-weight:600}.list-item.male .name{color:var(--color-male)}.list-item.female .name{color:var(--color-female)}.list-item span{flex:1}.list-item span:first-child{flex:0 0 50px;text-align:right;margin-right:1rem;color:var(--color-text-light)}.list-item span:last-child{text-align:right;color:var(--color-text-light)}