:root{color-scheme:dark;font-family:Segoe UI,Inter,Roboto,sans-serif}*{box-sizing:border-box}body{background:#090c18;margin:0;min-height:100vh}a{color:inherit}.app-shell{align-items:center;background:radial-gradient(circle at 15% 20%,#6c5ce761 0,#0f182bf2 48%,#090c18 100%);box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;padding:48px 24px}.app-content{--transition-ms:800ms;--transition-ease:cubic-bezier(0.4,0,0.2,1);--transition-fade-ease:cubic-bezier(0.4,0,0.2,1);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#0a101cb8;border-radius:28px;box-shadow:0 32px 60px #00000059;color:#f7f9ff;display:flex;flex-direction:column;gap:32px;padding:40px 44px;width:min(1100px,100%)}.app-footer{border-top:1px solid #f7f9ff1f;color:#f7f9ff99;font-size:.85rem;margin-top:auto;padding-top:16px;text-align:center}.app-header h1{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:700;letter-spacing:.02em;margin:0}.app-header p{color:#f7f9ffbf;font-size:1rem;margin:12px 0 0}.app-status{background:#ffffff0f;border-radius:16px;font-weight:500;padding:18px 24px}.app-status.error{background:#f443361f;color:#ff9c8e}.controls-panel{display:flex;flex-direction:column;gap:20px}.controls-panel-top{margin-bottom:20px}.controls-panel-bottom{margin-top:24px}.controls-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.controls-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.control-field{display:flex;flex-direction:column;gap:6px}.control-select{-webkit-appearance:none;appearance:none;background:#ffffff14;border:none;border-radius:12px;box-shadow:0 8px 18px #0000002e;color:#f7f9ff;font-size:.95rem;font-weight:500;padding:12px 16px;transition:box-shadow .2s ease,transform .2s ease}.control-select:focus{box-shadow:0 12px 28px #0000003d;outline:2px solid #54a0ff99;outline-offset:2px;transform:translateY(-1px)}.control-select:disabled{box-shadow:none;cursor:not-allowed;opacity:.5}.control-select option{background:#f7f9ff;color:#0b1322;font-weight:500}.control-btn{background:#ffffff14;border:none;border-radius:999px;box-shadow:0 10px 24px #0000002e;color:#f7f9ff;cursor:pointer;font-size:.95rem;font-weight:600;letter-spacing:.01em;padding:12px 22px;transition:transform .22s ease,background .22s ease,box-shadow .22s ease}.control-btn:hover:not(:disabled){background:#ffffff29;transform:translateY(-2px)}.control-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.45}.control-btn.primary{background:linear-gradient(135deg,#6c5ce7,#12cbc4);color:#0b1322}.control-btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#a29bfe,#55efc4)}.control-btn.speed{font-feature-settings:"tnum";background:#ffffff0f;font-variant-numeric:tabular-nums}.control-btn.speed.active{background:linear-gradient(135deg,#ff9ff3,#54a0ff);color:#081020}.control-label{color:#f7f9ffb8;display:block;font-size:.9rem;font-weight:600;letter-spacing:.01em}.speed-toggle{display:flex;flex-wrap:wrap;gap:8px}.timeline{display:flex;flex-direction:column;gap:8px}.timeline-bar{background:#ffffff1f;border-radius:999px;height:8px;overflow:hidden;width:100%}.timeline-progress{background:linear-gradient(90deg,#6c5ce7,#f368e0);border-radius:inherit;height:100%;transition:width .8s cubic-bezier(.33,0,.2,1);transition:width var(--transition-ms,.8s) var(--transition-width-ease,cubic-bezier(.33,0,.2,1))}.timeline-meta{color:#f7f9ff99;display:flex;font-size:.85rem;justify-content:space-between}@media (max-width:768px){.app-shell{padding:32px 16px}.app-content{--transition-ms:800ms;--transition-ease:cubic-bezier(0.4,0,0.2,1);--transition-fade-ease:cubic-bezier(0.4,0,0.2,1);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#0a101cb8;border-radius:28px;box-shadow:0 32px 60px #00000059;color:#f7f9ff;display:flex;flex-direction:column;gap:32px;padding:40px 44px;width:min(1100px,100%)}.controls-row{align-items:flex-start;flex-direction:column}.control-btn{justify-content:center;width:100%}}.race-container{display:flex;flex-direction:column;gap:20px;width:100%}.race-date{color:#fff;font-size:clamp(1.6rem,3vw,2.3rem);font-weight:700;letter-spacing:.04em;text-shadow:0 10px 30px #0006}.race-chart{background:#ffffff0a;border-radius:20px;contain:layout paint;overflow:hidden;padding:10px 0;position:relative;width:100%}.bar-row{grid-gap:16px;align-items:center;color:#f7f9ff;display:grid;gap:16px;grid-template-columns:52px minmax(120px,180px) 1fr 120px;height:32px;left:0;padding:0 24px;position:absolute;right:0;transition:transform .8s cubic-bezier(.4,0,.2,1),opacity .72s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-ms,.8s) var(--transition-ease,cubic-bezier(.4,0,.2,1)),opacity calc(var(--transition-ms, .8s)*.9) var(--transition-fade-ease,cubic-bezier(.4,0,.2,1));will-change:transform,opacity;z-index:2}.bar-row.entering{animation:fade-in .68s cubic-bezier(.4,0,.2,1) forwards;animation:fade-in calc(var(--transition-ms, .8s)*.85) var(--transition-fade-ease,cubic-bezier(.4,0,.2,1)) forwards;opacity:0}.bar-row.ghost{opacity:1;pointer-events:none;transition:opacity .64s cubic-bezier(.4,0,.2,1);transition:opacity calc(var(--transition-ms, .8s)*.8) var(--transition-fade-ease,cubic-bezier(.4,0,.2,1));z-index:1}.bar-row.ghost.fading{opacity:0}.bar-rank{color:#ffffffc7;font-size:1.05rem;font-weight:700}.bar-label{color:#fffffff0;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-track{background:#ffffff14;border-radius:999px;height:100%;overflow:hidden;position:relative;width:100%}.bar-fill{border-radius:inherit;height:100%;transition:width .8s cubic-bezier(.33,0,.2,1),background .48s ease;transition:width var(--transition-ms,.8s) var(--transition-width-ease,cubic-bezier(.33,0,.2,1)),background calc(var(--transition-ms, .8s)*.6) ease;will-change:width,background}.bar-value{font-feature-settings:"tnum";color:#ffffffdb;font-variant-numeric:tabular-nums;font-weight:600;justify-self:end}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.race-chart{padding:16px 0 24px}.bar-value{font-size:.85rem}}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.trend-range{display:flex;flex-direction:column;gap:14px;margin-top:22px}.trend-range-slider{align-items:center;display:flex;gap:14px}.trend-range-value{font-feature-settings:"tnum";color:#f7f9ffdb;font-variant-numeric:tabular-nums;font-weight:600;min-width:52px;text-align:center}.trend-range-slider-control{background:linear-gradient(90deg,#ffffff2e,#54a0ffbf 0,#54a0ffbf 100%,#ffffff2e 0);background:linear-gradient(90deg,#ffffff2e var(--range-start,0),#54a0ffbf var(--range-start,0),#54a0ffbf var(--range-end,100%),#ffffff2e var(--range-end,100%));border-radius:999px;box-shadow:inset 0 1px 0 #ffffff0f;flex:1 1;height:12px;position:relative}.trend-range-input{-webkit-appearance:none;appearance:none;background:none;height:24px;left:0;margin:0;pointer-events:none;position:absolute;top:-6px;width:100%}.trend-range-input::-webkit-slider-thumb{-webkit-appearance:none;background:linear-gradient(135deg,#54a0ffd9,#8c7ae6d9);border:2px solid #0c121ebf;border-radius:50%;box-shadow:0 8px 16px #00000059;height:18px;pointer-events:auto;width:18px}.trend-range-input::-moz-range-thumb{background:linear-gradient(135deg,#54a0ffd9,#8c7ae6d9);border:2px solid #0c121ebf;border-radius:50%;box-shadow:0 8px 16px #00000059;height:18px;pointer-events:auto;width:18px}.trend-range-input::-ms-thumb{background:linear-gradient(135deg,#54a0ffd9,#8c7ae6d9);border:2px solid #0c121ebf;border-radius:50%;box-shadow:0 8px 16px #00000059;height:18px;pointer-events:auto;width:18px}.trend-range-input:focus-visible::-webkit-slider-thumb{outline:2px solid #ffffffe6;outline-offset:2px}.trend-range-input::-moz-range-track,.trend-range-input::-ms-track,.trend-range-input::-webkit-slider-runnable-track{background:#0000;border-color:#0000;color:#0000;height:24px}@media (max-width:720px){.trend-range-slider{align-items:stretch;flex-direction:column}.trend-range-value{text-align:left}}.trend-combobox-input{padding-right:42px}.trend-combobox-menu{background:#090f1bf2;border-radius:14px;box-shadow:0 22px 40px #0006;left:0;max-height:260px;overflow-y:auto;padding:8px 0;position:absolute;top:calc(100% + 6px);width:100%;z-index:40}.trend-combobox-option{background:#0000;border:none;color:#f7f9ffe6;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 18px;text-align:left;transition:background .16s ease,color .16s ease;width:100%}.trend-combobox-option.active,.trend-combobox-option:hover{background:#54a0ff33;color:#fff}.trend-selected-name{margin:26px 0 10px;text-align:center}.trend-selected-name h3{font-size:1.7rem;letter-spacing:.04em;margin:0}.trend-chart-subtitle{color:#f7f9ffa6;font-size:.95rem;letter-spacing:.04em;margin:18px 0;text-align:left;text-transform:uppercase}.trend-name-meaning{background:linear-gradient(135deg,#54a0ff2e,#8c7ae62e);border:1px solid #ffffff1f;border-radius:20px;box-shadow:0 16px 30px #00000047;color:#f7f9ffe6;margin:18px 0 14px;padding:18px 22px 20px;position:relative}.trend-name-meaning:before{border:1px solid #ffffff14;border-radius:16px;content:"";inset:12px;pointer-events:none;position:absolute}.trend-name-meaning-badge{align-items:center;background:#090f1ba6;border-radius:999px;color:#f7f9ffd1;display:inline-flex;font-size:.75rem;font-weight:700;gap:8px;letter-spacing:.08em;padding:6px 12px;position:relative;text-transform:uppercase;z-index:1}.trend-name-meaning-badge:before{color:#fbc531d9;content:"✶";font-size:.8rem}.trend-name-meaning-text{font-size:1rem;line-height:1.65;margin:14px 0 0;position:relative;z-index:1}.trend-name-meaning-text em{color:#fff;font-style:italic}.trend-combobox-empty{background:#090f1bf2;border-radius:14px;box-shadow:0 22px 40px #0006;color:#f7f9ffb3;font-size:.92rem;left:0;padding:14px 18px;position:absolute;right:0;top:calc(100% + 6px)}.trend-chart-surface{fill:#ffffff08;stroke:#ffffff0f;stroke-width:1;filter:drop-shadow(0 18px 32px rgba(0,0,0,.4))}.trend-axis-line{stroke:#ffffff29;stroke-width:1.5}.trend-axis-tick line{stroke:#ffffff3d;stroke-width:1}.trend-axis-tick text{fill:#f7f9ffb8;text-anchor:middle;font-size:.75rem;font-weight:600}.trend-axis-label{fill:#f7f9ffc7;font-size:.82rem;font-weight:600;letter-spacing:.04em}.trend-point-highlight{filter:drop-shadow(0 12px 24px rgba(84,160,255,.45))}.trend-point-label{fill:#f7f9ffd1;text-anchor:middle;font-size:.72rem;font-weight:600}.trend-axis-tick-rank text{text-anchor:end;transform:translateX(-8px)}.trend-axis-tick-year text{text-anchor:middle}.trend-summary{background:#ffffff0f;border-radius:18px;box-shadow:inset 0 1px 0 #ffffff0d;display:flex;flex-wrap:wrap;gap:12px 18px;padding:18px 20px}.trend-summary-pill{align-items:center;background:#090f1b8c;border-radius:14px;box-shadow:0 10px 18px #0000002e;color:#f7f9ffe0;display:inline-flex;font-size:.95rem;line-height:1.45;padding:10px 14px}.trend-summary-pill strong{color:#fff;margin-left:4px}.view-toggle{align-items:center;display:inline-flex;gap:12px;justify-content:center;margin:24px 0 18px}.view-toggle-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#54a0ff52,#8c7ae647);border:none;border-radius:999px;color:#f7f9ffe0;cursor:pointer;font-size:.95rem;font-weight:600;letter-spacing:.03em;padding:12px 28px;position:relative;transition:transform .16s ease,color .16s ease,background .22s ease}.view-toggle-btn:after{background:radial-gradient(circle at 30% 30%,#fff6,#fff0);border-radius:inherit;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .18s ease}.view-toggle-btn:focus,.view-toggle-btn:hover{color:#fffffff5;outline:none;transform:translateY(-1px) scale(1.02)}.view-toggle-btn.active{color:#fff}.view-toggle-btn.active:after{opacity:1}.view-toggle-btn:focus-visible{outline:2px solid #ffffffb3;outline-offset:4px}.trend-line{fill:none;stroke-linecap:round;stroke-linejoin:round}.controls-panel-top .control-label{color:#f7f9ffd1;font-size:1.05rem;letter-spacing:.05em;text-transform:uppercase}.trend-controls{display:flex;flex-direction:column;gap:32px}.trend-combobox{margin:12px 0 28px;position:relative}.trend-combobox:after{border-left:6px solid #0000;border-right:6px solid #0000;border-top:6px solid #f7f9ffb3;content:"";height:0;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:0}.app-header-top{align-items:center;display:flex;gap:24px;justify-content:space-between}.language-toggle{align-items:center;display:flex;gap:12px}.language-toggle-label{color:#cfd3e1;font-size:.875rem;font-weight:600;letter-spacing:.02em}.language-toggle-buttons{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#090c1866;border:1px solid #ffffff3d;border-radius:999px;display:inline-flex;overflow:hidden}.language-toggle-btn{background:#0000;border:none;color:#cfd3e1;cursor:pointer;font-size:.875rem;line-height:1.2;padding:6px 14px;transition:background .2s ease,color .2s ease}.language-toggle-btn:hover{background:#ffffff1a}.language-toggle-btn.active{background:#fff3;color:#fff;font-weight:600}
/*# sourceMappingURL=main.a2f570fb.css.map*/