*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{min-height:100dvh;background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-height-base);transition:background-color var(--transition-base),color var(--transition-base)}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{cursor:pointer;border:none;background:none}#root{display:flex;flex-direction:column;min-height:100dvh}main{padding-top:var(--header-height)}h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}p{line-height:var(--line-height-relaxed)}.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}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}.skeleton{background:var(--color-bg-alt);border-radius:var(--radius-sm);animation:skeleton-pulse 1.5s ease infinite}.dropdown{position:relative;display:inline-grid}.dropdown__sizer{grid-area:1/1;visibility:hidden;pointer-events:none;white-space:nowrap;padding:0 calc(var(--space-3) + var(--space-2) + 14px) 0 var(--space-3);height:36px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);display:flex;align-items:center}.dropdown__trigger{grid-area:1/1;display:flex;align-items:center;gap:var(--space-2);width:100%;height:36px;padding:0 var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:inherit;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;white-space:nowrap;transition:border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast)}.dropdown__trigger:hover{border-color:var(--color-primary);background:var(--color-surface-hover)}.dropdown__trigger:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-color:var(--color-primary)}.dropdown--open .dropdown__trigger{border-color:var(--color-primary);background:var(--color-surface-hover);color:var(--color-primary)}.dropdown__trigger-label{flex:1;text-align:left}.dropdown__chevron{width:14px;height:14px;flex-shrink:0;color:var(--color-text-muted);transition:transform var(--transition-fast)}.dropdown--open .dropdown__chevron{transform:rotate(180deg);color:var(--color-primary)}.dropdown__menu{position:absolute;top:calc(100% + 4px);left:0;min-width:100%;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);list-style:none;padding:var(--space-1) 0;z-index:var(--z-above);max-height:240px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.dropdown__option{display:flex;align-items:center;width:100%;padding:var(--space-2) var(--space-2);text-align:left;font-family:inherit;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text);background:transparent;border:none;cursor:pointer;white-space:nowrap;transition:background var(--transition-fast),color var(--transition-fast)}.dropdown__option:hover{background:var(--color-surface-hover);color:var(--color-text)}.dropdown__option--active{background:var(--color-primary-muted);color:var(--color-primary)}.dropdown__option--selected{color:var(--color-primary);font-weight:var(--font-weight-semibold);background:color-mix(in srgb,var(--color-primary-muted) 70%,transparent)}.date-selector{display:flex;align-items:center;gap:var(--space-2);flex-wrap:nowrap}.date-selector__fields{display:flex;align-items:center;gap:var(--space-2)}.date-selector__day-dropdown{width:52px;min-width:52px}.date-selector__day-dropdown .dropdown__sizer,.date-selector__day-dropdown .dropdown__trigger{width:52px;min-width:52px;padding-left:var(--space-2);padding-right:var(--space-2)}.date-selector__day-dropdown .dropdown__trigger-label{text-align:center}.date-selector__submit{width:52px;height:36px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:default;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),opacity var(--transition-fast);opacity:.4}.date-selector__submit svg{width:14px;height:14px}.date-selector__submit--active{opacity:1;cursor:pointer;color:var(--color-primary);border-color:var(--color-primary);background:var(--color-primary-muted)}.date-selector__submit--active:hover{background:var(--color-primary);color:var(--color-text-on-primary)}.date-selector__submit--active:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.date-selector__today{min-width:52px;height:36px;padding:0 var(--space-3);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:inherit;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;white-space:nowrap;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.date-selector__today:hover{background:var(--color-primary-muted);color:var(--color-primary);border-color:var(--color-primary)}.date-selector__today:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.date-selector__today:disabled{cursor:default}.date-selector__today--active{background:var(--color-primary-muted);color:var(--color-primary);border-color:var(--color-primary);cursor:default}@media(max-width:479px){.date-selector__today{display:none}}.header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:color-mix(in srgb,var(--color-surface) 80%,transparent);border-bottom:1px solid var(--color-border);z-index:var(--z-header);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:background-color var(--transition-base)}.header__inner{height:100%;display:flex;align-items:center;padding:0 var(--space-6);gap:var(--space-2);max-width:1600px;margin-inline:auto}.header__brand{flex:1;display:flex;align-items:center;gap:var(--space-3);font-weight:var(--font-weight-bold);font-size:var(--font-size-base);color:var(--color-primary);-webkit-user-select:none;user-select:none}.header__brand-icon{height:36px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-primary)}.header__brand-icon svg{width:34px;height:34px;display:block;transform-origin:center;transform:rotate(calc(-1 * var(--wheel-rotation, 0rad)))}.header__brand-name{letter-spacing:-.01em}.header__date-group{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.header__divider{width:1px;height:20px;background:var(--color-border);flex-shrink:0;margin-inline:var(--space-1)}.header__actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.header__lang-dropdown{width:52px;min-width:52px}.header__lang-dropdown .dropdown__sizer,.header__lang-dropdown .dropdown__trigger{width:52px;min-width:52px;padding-left:var(--space-2);padding-right:var(--space-2)}.header__lang-dropdown .dropdown__trigger-label{text-align:center}.header__theme-btn{width:52px;height:36px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.header__theme-btn svg{width:16px;height:16px}.header__theme-btn:hover{background:var(--color-primary-muted);border-color:var(--color-primary);color:var(--color-primary)}.header__theme-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media(min-width:480px){.header__brand-name{display:inline}}@media(max-width:640px){.header__inner{position:relative;display:grid;grid-template-columns:1fr auto;grid-template-rows:56px var(--mobile-datebar-height);align-items:center;padding-inline:var(--space-4);gap:0}.header__inner:after{content:"";position:absolute;left:0;right:0;top:56px;height:1px;background:var(--color-border);pointer-events:none}.header__brand{grid-row:1;grid-column:1;gap:var(--space-2)}.header__actions{grid-row:1;grid-column:2}.header__divider{display:none}.header__date-group{grid-row:2;grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end}.header__date-group .date-selector__today{display:flex}}.skeleton{display:block}.wheel-skeleton__orbit{background:none!important;animation:skeleton-pulse 1.5s ease infinite;border-width:2px}.theme-dark .wheel-skeleton__orbit{border-color:#ffffff1a}.wheel-skeleton__bar{height:.9em;display:block;white-space:normal}.wheel-skeleton__spoke{cursor:default}.wheel-skeleton__detail{pointer-events:none}.wheel-skeleton__inline{display:block;height:1em;margin:0}.wheel-skeleton__lines{display:flex;flex-direction:column;gap:var(--space-2)}.wheel-skeleton__text-line{height:var(--font-size-base);border-radius:var(--radius-sm)}.wheel-skeleton__img{display:block;height:160px;width:100%;justify-self:stretch}.error-state{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-12) var(--space-4);text-align:center}.error-state__message{color:var(--color-error);font-size:var(--font-size-sm)}.error-state__retry{padding:var(--space-2) var(--space-5);background:var(--color-primary);color:var(--color-text-on-primary);border-radius:var(--radius-full);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);transition:background var(--transition-fast),transform var(--transition-fast)}.error-state__retry:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.error-state__retry:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}:root{--color-primary: #c8963e;--color-primary-hover: #b07a28;--color-primary-muted: rgba(200, 150, 62, .15);--color-bg: #faf9f6;--color-bg-alt: #f0ede6;--color-surface: #ffffff;--color-surface-hover: #f5f2ec;--color-border: rgba(0, 0, 0, .1);--color-text: #1a1714;--color-text-muted: #6b6560;--color-text-on-primary: #ffffff;--color-error: #b91c1c;--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-full: 9999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-base: 1.5;--line-height-relaxed: 1.75;--header-height: 72px;--mobile-datebar-height: 52px;--z-base: 0;--z-above: 10;--z-header: 100;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease}@media(max-width:640px){:root{--header-height: calc(56px + var(--mobile-datebar-height))}}.theme-dark{--color-bg: #131110;--color-bg-alt: #1e1b18;--color-surface: #252118;--color-surface-hover: #2e2920;--color-border: rgba(255, 255, 255, .1);--color-text: #f0ede6;--color-text-muted: #9e9890;--color-primary: #d4a850;--color-primary-hover: #e0bb70;--color-primary-muted: rgba(212, 168, 80, .15);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4)}.timeline--loading{display:grid;gap:var(--space-4)}.timeline__empty{padding:var(--space-12) var(--space-4);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}.timeline-shell{position:relative;width:100%;max-width:100%}.timeline-shell--loading{position:absolute;top:var(--header-height);right:0;bottom:0;left:0}.timeline-stage{position:sticky;top:var(--header-height);height:calc(100vh - var(--header-height));overflow:clip}.timeline-stage__grid{position:relative;width:100%;min-height:calc(100vh - var(--header-height))}.timeline-wheel{--wheel-radius: clamp(320px, min(46vw, calc(80vh - 58px) ), 1050px);--wheel-diameter: calc(var(--wheel-radius) * 2);--year-col-width: clamp(72px, calc(var(--wheel-radius) * .176), 180px);--label-gap: clamp(20px, calc(var(--wheel-radius) * .059), 68px);--wheel-center-x: -25%;--wheel-center-y: 50%;position:relative;width:100%;min-height:calc(100vh - var(--header-height));border-radius:0;overflow:hidden;touch-action:none;cursor:grab;background:linear-gradient(160deg,var(--color-bg-alt) 0%,var(--color-surface) 55%,var(--color-bg) 100%)}.timeline-wheel:before{content:"";position:absolute;top:var(--wheel-center-y);left:var(--wheel-center-x);width:calc(var(--wheel-diameter) * 1.15);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(200,150,62,.28) 0,rgba(200,150,62,.18) 14%,rgba(200,150,62,.08) 34%,rgba(200,150,62,.03) 56%,transparent 76%);pointer-events:none;z-index:0}.theme-dark .timeline-wheel:before{background:radial-gradient(circle,rgba(212,168,80,.28) 0,rgba(212,168,80,.18) 14%,rgba(212,168,80,.08) 34%,rgba(212,168,80,.03) 56%,transparent 76%)}.timeline-wheel--dragging,.timeline-wheel--dragging *{cursor:grabbing!important}.timeline-wheel__orbit{position:absolute;top:50%;left:-25%;width:var(--wheel-diameter);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(0,0,0,.08);box-shadow:0 0 0 1px #c8963e0f inset}.theme-dark .timeline-wheel__orbit{border-color:#ffffff14;box-shadow:0 0 0 1px #d4a8500f inset}.timeline-wheel__item{position:absolute;top:50%;left:-25%;width:min(1100px,72vw);display:block;padding:0;border:0;color:var(--color-text);text-align:left;background:transparent;box-shadow:none;transition:opacity var(--transition-base),filter var(--transition-base),color var(--transition-base);will-change:transform;cursor:pointer;transform-origin:left center;justify-items:start;font-weight:var(--font-weight-medium)}.timeline-wheel__item--flipped{transform-origin:right center;text-align:right}.timeline-wheel__item:focus-visible{opacity:1!important}@media(hover:hover)and (pointer:fine){.timeline-wheel__item:hover{opacity:1!important}}.timeline-wheel__item--active{color:var(--color-primary);opacity:1!important;font-weight:var(--font-weight-bold);filter:saturate(1.1);z-index:1}.timeline-wheel--scrolling .timeline-wheel__item,.timeline-wheel--dragging .timeline-wheel__item{transition:none!important}.timeline-wheel__label{display:inline-flex;align-items:baseline;gap:var(--label-gap);max-width:100%;transform:translate(calc(-1 * (var(--year-col-width) + var(--label-gap) / 2)));transition:gap var(--transition-fast),transform var(--transition-fast)}.timeline-wheel__item--flipped .timeline-wheel__label{flex-direction:row-reverse;transform:translate(calc(var(--label-gap) / 2))}.timeline-wheel__item--active:not(.timeline-wheel__item--flipped) .timeline-wheel__label{transform:translate(calc(-1 * (var(--year-col-width) + var(--label-gap) / 2))) scale(1)}.timeline-wheel__item--active.timeline-wheel__item--flipped .timeline-wheel__label{transform:translate(calc(var(--label-gap) / 2)) scale(1)}.timeline-wheel__year{display:inline;flex:0 0 var(--year-col-width);width:var(--year-col-width);text-align:right;color:var(--color-primary);font-size:clamp(1.1rem,1.6vw,2.4rem);font-weight:var(--font-weight-bold);line-height:1;font-variant-numeric:tabular-nums;transition:font-size var(--transition-fast),text-shadow var(--transition-fast),opacity var(--transition-fast)}.timeline-wheel__item--flipped .timeline-wheel__year{text-align:left}.timeline-wheel__item--active .timeline-wheel__year{font-size:clamp(1.3rem,1.9vw,2.8rem);text-shadow:0 0 18px rgba(200,150,62,.22)}.timeline-wheel__text{display:inline;color:var(--color-text);font-size:clamp(.78rem,1.1vw,1.5rem);line-height:1.15;white-space:nowrap;transition:font-size var(--transition-fast),opacity var(--transition-fast),text-shadow var(--transition-fast)}.timeline-wheel__item--active .timeline-wheel__text{font-size:clamp(.86rem,1.22vw,1.7rem);text-shadow:0 0 14px rgba(0,0,0,.08)}.theme-dark .timeline-wheel__item--active .timeline-wheel__text{text-shadow:0 0 16px rgba(255,255,255,.08)}.timeline-detail{position:absolute;z-index:2;right:var(--space-6);bottom:var(--space-6);width:min(400px,34vw);max-height:calc(100vh - var(--header-height) - var(--space-12));overflow:hidden;display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;gap:var(--space-4);align-content:start;padding:var(--space-8);border-radius:24px;background:#faf9f68c;border:1px solid rgba(0,0,0,.07);border-top:3px solid var(--color-primary);box-shadow:0 8px 32px #00000014,0 2px 8px #0000000a,inset 0 1px #fff9;backdrop-filter:blur(28px) saturate(1.6);-webkit-backdrop-filter:blur(28px) saturate(1.6)}.theme-dark .timeline-detail{background:#13111099;border-color:#ffffff0f;box-shadow:0 8px 32px #00000059,0 2px 8px #0003,inset 0 1px #ffffff0a}.timeline-detail__eyebrow{margin:0;color:var(--color-primary);font-size:var(--font-size-xs);letter-spacing:.14em;text-transform:uppercase;font-weight:var(--font-weight-semibold)}.timeline-detail__year{margin:0;font-size:clamp(3.5rem,9vw,5.5rem);color:var(--color-text);line-height:.9;letter-spacing:-.02em}.timeline-detail__text{margin:0;color:var(--color-text);font-size:var(--font-size-base)}.timeline-detail__image-frame{grid-row:4;min-height:0;width:100%;height:100%;overflow:hidden;border-radius:16px;box-shadow:var(--shadow-md)}.timeline-detail__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.timeline-detail__actions{grid-row:5;display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap}.timeline-detail__playpause{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border-radius:var(--radius-full);border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast)}.timeline-detail__playpause svg{width:13px;height:13px}.timeline-detail__playpause:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-muted)}.timeline-detail__playpause--playing{color:var(--color-primary);border-color:var(--color-primary);background:var(--color-primary-muted)}.timeline-detail__playpause:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.timeline-detail__link{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 var(--space-4);border-radius:var(--radius-full);border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast)}.timeline-detail__link:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-muted)}@media(max-width:1024px){.timeline-detail{position:absolute;right:var(--space-4);left:var(--space-4);top:auto;bottom:var(--space-4);transform:none;width:auto;max-height:45vh;padding:var(--space-5);border-radius:20px}.timeline-wheel{min-height:calc(100vh - var(--header-height))}}@media(max-width:640px){.timeline-wheel{--wheel-radius: min(80vw, 480px);--year-col-width: 52px;--label-gap: 20px;--wheel-center-x: -60%;--wheel-center-y: 20px;min-height:580px;touch-action:pan-y;cursor:default}.timeline-wheel__orbit{top:20px;left:-60%}.timeline-wheel__item{top:20px;left:-60%;width:min(400px,72vw)}.timeline-wheel__year{font-size:.9rem}.timeline-wheel__text{font-size:.72rem}.timeline-detail{max-height:none;padding:var(--space-4);border-radius:16px}.timeline-detail__image-frame{display:none}}