:root{--color-bg:#0a0a0a;--color-fg:#f0f0f0;--color-fg-muted:#f0f0f080;--color-fg-subtle:#f0f0f059;--color-accent:#ffc83c;--color-accent-hover:#ffd666;--color-accent-subtle:#ffc83c1f;--color-accent-border:#ffc83c59;--color-surface:#0c0c14b8;--color-surface-solid:#0e0e16f5;--color-surface-hover:#ffffff12;--color-surface-active:#ffffff1c;--color-border:#ffffff14;--color-border-strong:#ffffff26;--color-border-accent:#ffc83c80;--color-data-low:#50326e;--color-data-high:#ffd246;--color-diary:#00e054;--color-diary-subtle:#00e0541f;--color-diary-border:#00e05466;--color-cat-television:#6fa8dc;--color-cat-film:#e06666;--color-cat-commercial:#93c47d;--color-cat-theater:#c27ba0;--color-cat-web:#8e7cc3;--color-cat-still-photography:#f6b26b;--color-cat-music-video:#76a5af;--color-cat-documentary:#a4c2f4;--color-cat-student:#d4a574;--font-body:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", "Cascadia Code", monospace;--text-display:48px;--text-title:26px;--text-heading:20px;--text-body:14px;--text-caption:12px;--text-label:11px;--text-data-lg:36px;--text-data-md:22px;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--space-3xl:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-pill:100px;--blur-surface:20px;--blur-tooltip:14px;--shadow-panel:0 8px 40px #0009, 0 0 0 1px #ffffff0d;--shadow-pill:0 2px 8px #0006;--shadow-glow:0 0 20px #ffc83c26;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s cubic-bezier(.16, 1, .3, 1);--transition-panel:.5s cubic-bezier(.34, 1.56, .64, 1)}[data-theme=day]{--color-bg:#f5f3ee;--color-fg:#1a1a1a;--color-fg-muted:#1a1a1a8c;--color-fg-subtle:#1a1a1a59;--color-accent:#c45a20;--color-accent-hover:#d96a2a;--color-accent-subtle:#c45a201f;--color-accent-border:#c45a2059;--color-surface:#ffffffc7;--color-surface-solid:#faf8f4f5;--color-surface-hover:#0000000d;--color-surface-active:#00000017;--color-border:#0000001a;--color-border-strong:#0000002e;--color-border-accent:#c45a2080;--color-data-low:#144678;--color-data-high:#aa1e14;--shadow-panel:0 4px 24px #0000001a, 0 0 0 1px #0000000f;--shadow-pill:0 1px 4px #00000014;--shadow-glow:0 0 12px #c45a201a}[data-theme=day] #legend-gradient{background:linear-gradient(to top, var(--color-data-low) 0%, #008c82 25%, #dc7814 50%, #d23c1e 75%, var(--color-data-high) 100%);box-shadow:0 0 4px #0000000f}[data-theme=day] .notch{background:#0000001a}[data-theme=day] .notch:hover{background:#00000040}[data-theme=day] .notch-active{background:var(--color-accent);box-shadow:0 0 8px #c45a204d,0 0 2px #c45a2099}[data-theme=day] .notch-active:hover{background:var(--color-accent-hover)}@keyframes notchPulseDay{0%,to{box-shadow:0 0 8px #c45a204d,0 0 2px #c45a2099}50%{box-shadow:0 0 14px #c45a2073,0 0 4px #c45a20bf}}[data-theme=day] .notch-active{animation:2s ease-in-out infinite notchPulseDay}[data-theme=day] #detail-panel::-webkit-scrollbar-track{background:#00000008}[data-theme=day] #detail-panel::-webkit-scrollbar-thumb{background:#c45a2040}[data-theme=day] #detail-panel::-webkit-scrollbar-thumb:hover{background:#c45a2066}[data-theme=day] #detail-panel{scrollbar-color:#c45a2040 #00000008}[data-theme=day] ::selection{color:var(--color-fg);background:#c45a2033}[data-theme=day] #attribution a{border-bottom-color:#00000026}[data-theme=day] #attribution a:hover{border-color:#0000004d}[data-theme=day] #detail-panel:before{background:linear-gradient(#c45a2080 0%,#c45a2026 40%,#0000 80%)}[data-theme=day] .cat-pill.cat-active{animation:2.5s ease-in-out infinite pillGlowDay}@keyframes pillGlowDay{0%,to{box-shadow:var(--shadow-pill), 0 0 6px #c45a2014}50%{box-shadow:var(--shadow-pill), 0 0 10px #c45a2026}}[data-theme=day] #title-overlay h1{text-shadow:0 1px 8px #ffffff4d}[data-theme=day] #title-overlay p,[data-theme=day] #caption{text-shadow:none}[data-theme=day] .detail-sparkline{background:#00000008}[data-theme=day] .detail-big{text-shadow:none}[data-theme=day] #detail-panel{box-shadow:-4px 0 24px #00000014,inset 0 1px #0000000a}[data-theme=day] .hero-accent{box-shadow:0 0 16px #c45a2026}[data-theme=day] #toolbar{box-shadow:var(--shadow-panel), inset 0 1px 0 #ffffff80}[data-theme=day] .cat-pill{color:#1a1a1ab3;background:#fff9;border-color:#00000026}[data-theme=day] .cat-pill:hover{color:var(--color-fg);background:#0000000f}[data-theme=day] .cat-pill[data-cat=Television].cat-active{color:#3a78b0;background:#3a78b01a;border-color:#3a78b073}[data-theme=day] .cat-pill[data-cat=Film].cat-active{color:#c04040;background:#c040401a;border-color:#c0404073}[data-theme=day] .cat-pill[data-cat=Commercial].cat-active{color:#5a9040;background:#5a90401a;border-color:#5a904073}[data-theme=day] .cat-pill[data-cat=Theater].cat-active{color:#a05580;background:#a055801a;border-color:#a0558073}[data-theme=day] .cat-pill[data-cat=Web].cat-active{color:#6a58a8;background:#6a58a81a;border-color:#6a58a873}[data-theme=day] .cat-pill[data-cat=Still\ Photography].cat-active{color:#c08030;background:#c080301a;border-color:#c0803073}[data-theme=day] .cat-pill[data-cat=Music\ Video].cat-active{color:#4a8090;background:#4a80901a;border-color:#4a809073}[data-theme=day] .cat-pill[data-cat=Documentary].cat-active{color:#4070c0;background:#4070c01a;border-color:#4070c073}[data-theme=day] .cat-pill[data-cat=Student].cat-active{color:#a07040;background:#a070401a;border-color:#a0704073}[data-theme=day] .decade-pill{color:#1a1a1a8c}[data-theme=day] .decade-pill:hover{color:var(--color-fg);background:#0000000f}[data-theme=day] .decade-pill.decade-active{color:var(--color-accent);background:var(--color-accent-subtle);border-color:var(--color-accent-border)}[data-theme=day] .toolbar-toggle{color:#1a1a1a8c;border-color:#0000002e}[data-theme=day] .toolbar-toggle:hover{color:var(--color-fg);border-color:#0000004d}[data-theme=day] .toolbar-toggle.toggle-active{color:var(--color-accent);background:var(--color-accent-subtle);border-color:var(--color-accent-border)}[data-theme=day] .toolbar-toggle.toggle-active-diary{color:#008a38;background:#008a3814;border-color:#008a3859}@media (width<=600px){[data-theme=day] #detail-panel{box-shadow:0 -4px 24px #00000014}[data-theme=day] #detail-panel:before{background:linear-gradient(90deg,#0000 0%,#c45a2059 30% 70%,#0000 100%)}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-fg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;overflow:hidden}#app{width:100vw;height:100vh}::selection{color:var(--color-fg);background:#ffc83c4d}#detail-panel::-webkit-scrollbar{width:4px}#detail-panel::-webkit-scrollbar-track{background:#ffffff08;border-radius:2px}#detail-panel::-webkit-scrollbar-thumb{background:#ffc83c40;border-radius:2px}#detail-panel::-webkit-scrollbar-thumb:hover{background:#ffc83c66}#detail-panel{scrollbar-width:thin;scrollbar-color:#ffc83c40 #ffffff08}.deck-tooltip{font-family:var(--font-body);font-size:var(--text-caption);padding:var(--space-sm) var(--space-md);background:var(--color-surface-solid);color:var(--color-fg);border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:var(--shadow-panel);pointer-events:none;max-width:240px;-webkit-backdrop-filter:blur(var(--blur-tooltip));backdrop-filter:blur(var(--blur-tooltip));overflow-wrap:break-word;word-wrap:break-word;line-height:1.5}.deck-tooltip .tooltip-count{font-family:var(--font-mono);font-variant-numeric:tabular-nums}#toolbar{top:var(--space-xl);right:var(--space-xl);z-index:3;background:var(--color-surface);width:200px;-webkit-backdrop-filter:blur(var(--blur-surface));border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel), inset 0 1px 0 #ffffff0f;flex-direction:column;gap:0;display:flex;position:fixed;overflow:hidden}.toolbar-row{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border);cursor:pointer;transition:background var(--transition-fast);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;display:flex}.toolbar-row:has(+.toolbar-expandable){border-bottom:none}.toolbar-row:hover{background:var(--color-surface-hover)}.toolbar-row:active{background:var(--color-surface-active)}.toolbar-info{flex-direction:column;gap:2px;min-width:0;display:flex}.toolbar-heading{font-size:var(--text-caption);color:var(--color-fg);letter-spacing:.01em;font-weight:600;line-height:1.2}.toolbar-desc{color:var(--color-fg-subtle);letter-spacing:.01em;font-size:10px;line-height:1.3}.toolbar-toggle{border:1px solid var(--color-border-strong);color:var(--color-fg-muted);font-size:11px;font-family:var(--font-mono);border-radius:var(--radius-pill);cursor:pointer;height:26px;padding:0 var(--space-md);white-space:nowrap;text-overflow:ellipsis;width:62px;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);letter-spacing:.02em;font-variant-numeric:tabular-nums;background:0 0;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;line-height:1;display:flex;overflow:hidden}.toolbar-toggle:hover{border-color:var(--color-fg-muted);color:var(--color-fg);transform:translateY(-1px)}.toolbar-toggle:active{transition-duration:60ms;transform:scale(.95)}.toolbar-toggle:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.toolbar-toggle.toggle-active{background:var(--color-accent-subtle);border-color:var(--color-accent-border);color:var(--color-accent)}.toolbar-expandable{max-height:0;transition:max-height var(--transition-slow);border-bottom:1px solid var(--color-border);will-change:max-height;overflow:hidden}.toolbar-expandable.expanded{max-height:400px}.toolbar-expandable:last-child{border-bottom:none}.toolbar-expandable-inner{padding:var(--space-md) var(--space-md) var(--space-sm);border-top:1px solid var(--color-border);gap:var(--space-xs);flex-wrap:wrap;display:flex}.toolbar-expandable-inner.decades-grid{gap:var(--space-xs);grid-template-columns:repeat(3,1fr);align-items:stretch;display:grid}.toolbar-expandable .cat-pill{font-size:var(--text-label);padding:4px var(--space-sm);box-shadow:none;-webkit-backdrop-filter:none}.toolbar-expandable .decade-pill{text-align:center;justify-content:center;align-items:center;width:100%;min-width:0;padding:4px 6px;font-size:10px;display:flex}.toolbar-toggle-chevron:after{content:"▾";transition:transform var(--transition-fast);margin-left:4px;font-size:10px;display:inline-block}.toolbar-toggle-chevron.chevron-up:after{transform:rotate(180deg)}#timeline{bottom:var(--space-lg);z-index:3;background:var(--color-surface);width:70%;max-width:800px;-webkit-backdrop-filter:blur(var(--blur-surface));border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg) var(--space-sm);box-shadow:var(--shadow-panel), inset 0 1px 0 #ffffff0f;position:fixed;left:50%;transform:translate(-50%)}#timeline-label{font-size:var(--text-caption);font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--color-fg);opacity:.85;margin-bottom:var(--space-sm);text-align:center;letter-spacing:.03em;justify-content:center;align-items:center;min-height:16px;font-weight:500;line-height:1;display:flex}#timeline-track{border-left:1px solid var(--color-border-strong);border-right:1px solid var(--color-border-strong);border-bottom:1px solid var(--color-border);outline:none;align-items:flex-end;gap:1px;height:48px;padding:0 2px;display:flex}.notch{cursor:pointer;transform-origin:bottom;min-width:3px;height:100%;transition:background var(--transition-fast), transform .35s cubic-bezier(.16, 1, .3, 1), box-shadow var(--transition-fast);will-change:transform;background:#ffffff1f;border-radius:2px 2px 0 0;flex:1;position:relative}.notch:hover{z-index:1;background:#ffffff59}.notch-active{background:var(--color-accent);animation:2s ease-in-out infinite notchPulse;box-shadow:0 0 10px #ffc83c73,0 0 2px #ffc83ccc}.notch-active:hover{background:var(--color-accent-hover);animation:none}@keyframes notchPulse{0%,to{box-shadow:0 0 10px #ffc83c73,0 0 2px #ffc83ccc}50%{box-shadow:0 0 16px #ffc83c99,0 0 4px #ffc83ce6}}#timeline-track:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}#timeline-years{height:var(--space-lg);margin-top:var(--space-xs);position:relative}.year-label{font-size:10px;font-family:var(--font-mono);color:var(--color-fg-subtle);font-variant-numeric:tabular-nums;letter-spacing:.04em;font-weight:500;position:absolute;transform:translate(-50%)}#title-overlay{top:var(--space-xl);left:var(--space-xl);pointer-events:none;z-index:2;position:fixed}#title-overlay h1{letter-spacing:-.03em;color:var(--color-fg);text-shadow:0 2px 20px #00000080;font-size:28px;font-weight:700;line-height:1.1}#title-overlay .title-accent{background:linear-gradient(90deg, var(--color-accent), #ffc83c4d);width:32px;height:3px;box-shadow:var(--shadow-glow);border-radius:2px;margin-top:10px;display:block}#title-overlay p{color:var(--color-fg-muted);letter-spacing:.02em;text-shadow:0 1px 10px #00000080;margin-top:10px;font-size:13px}#legend{bottom:var(--space-lg);left:var(--space-xl);z-index:3;pointer-events:none;background:var(--color-surface);-webkit-backdrop-filter:blur(var(--blur-surface));border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);min-width:60px;box-shadow:var(--shadow-pill), inset 0 1px 0 #ffffff0f;position:fixed}#legend-title{font-size:10px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--color-fg-subtle);margin-bottom:var(--space-sm);font-weight:600}#legend-gradient{background:linear-gradient(to top, var(--color-data-low) 0%, #823278 25%, #be503c 50%, #f09628 75%, var(--color-data-high) 100%);border-radius:3px;width:14px;height:100px;box-shadow:0 0 8px #ffc83c14}#legend-labels{top:var(--space-md);left:calc(var(--space-md) + 24px);height:100px;margin-top:calc(12px + var(--space-sm));font-size:10px;font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--color-fg-muted);flex-direction:column-reverse;justify-content:space-between;font-weight:500;line-height:1;display:flex;position:absolute}#attribution{bottom:var(--space-xl);right:var(--space-xl);font-size:10px;font-family:var(--font-mono);color:var(--color-fg-subtle);z-index:2;letter-spacing:.02em;position:fixed}#attribution a{color:inherit;transition:color var(--transition-fast), border-color var(--transition-fast);border-bottom:1px solid #ffffff26;padding-bottom:1px;text-decoration:none}#attribution a:hover{color:var(--color-fg-muted);border-color:#ffffff4d}#control-hint{bottom:calc(var(--space-xl) + 16px);right:var(--space-xl);font-size:var(--text-label);font-family:var(--font-mono);color:var(--color-fg-subtle);z-index:2;letter-spacing:.02em;opacity:1;pointer-events:none;transition:opacity 1s ease-out;position:fixed}#control-hint.control-hint-hidden{opacity:0}#caption{top:84px;left:var(--space-xl);color:var(--color-fg-muted);pointer-events:none;z-index:2;text-shadow:0 1px 10px #00000080;max-width:380px;font-size:13px;font-style:italic;line-height:1.5;transition:opacity .5s,transform .5s;position:fixed}.cat-pill{padding:5px var(--space-md);border-radius:var(--radius-pill);border:1px solid var(--color-border-strong);background:var(--color-surface);color:#f0f0f0b3;font-size:var(--text-caption);font-family:var(--font-body);cursor:pointer;-webkit-backdrop-filter:blur(var(--blur-surface));box-shadow:var(--shadow-pill);transition:all var(--transition-fast);letter-spacing:.01em;-webkit-user-select:none;user-select:none;font-weight:500}.cat-pill:hover{background:var(--color-surface-hover);color:var(--color-fg);box-shadow:var(--shadow-pill), 0 4px 12px #00000040;transform:translateY(-1px)}.cat-pill:active{transition-duration:60ms;transform:translateY(0)scale(.97)}.cat-pill:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.cat-pill.cat-active{background:var(--color-accent-subtle);border-color:var(--color-accent-border);color:var(--color-accent);font-weight:600;animation:2.5s ease-in-out infinite pillGlow}@keyframes pillGlow{0%,to{box-shadow:var(--shadow-pill), 0 0 8px #ffc83c1a}50%{box-shadow:var(--shadow-pill), 0 0 14px #ffc83c33}}.cat-pill[data-cat=Television].cat-active{color:var(--color-cat-television);background:#6fa8dc1f;border-color:#6fa8dc66}.cat-pill[data-cat=Film].cat-active{color:var(--color-cat-film);background:#e066661f;border-color:#e0666666}.cat-pill[data-cat=Commercial].cat-active{color:var(--color-cat-commercial);background:#93c47d1f;border-color:#93c47d66}.cat-pill[data-cat=Theater].cat-active{color:var(--color-cat-theater);background:#c27ba01f;border-color:#c27ba066}.cat-pill[data-cat=Web].cat-active{color:var(--color-cat-web);background:#8e7cc31f;border-color:#8e7cc366}.cat-pill[data-cat=Still\ Photography].cat-active{color:var(--color-cat-still-photography);background:#f6b26b1f;border-color:#f6b26b66}.cat-pill[data-cat=Music\ Video].cat-active{color:var(--color-cat-music-video);background:#76a5af1f;border-color:#76a5af66}.cat-pill[data-cat=Documentary].cat-active{color:var(--color-cat-documentary);background:#a4c2f41f;border-color:#a4c2f466}.cat-pill[data-cat=Student].cat-active{color:var(--color-cat-student);background:#d4a5741f;border-color:#d4a57466}#detail-panel{background:var(--color-surface-solid);-webkit-backdrop-filter:blur(24px);border-left:1px solid var(--color-border);width:340px;height:100vh;padding:var(--space-2xl) var(--space-xl);z-index:5;--panel-offset:100;transform:translateX(calc(var(--panel-offset) * 1%));color:var(--color-fg);will-change:transform;position:fixed;top:0;right:0;overflow-y:auto;box-shadow:-8px 0 40px #00000080,inset 0 1px #ffffff0f}#detail-panel:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(#ffc83c80 0%,#ffc83c26 40%,#0000 80%);width:2px;height:100%;position:absolute;top:0;left:0}#detail-panel.open>*{animation:.4s cubic-bezier(.16,1,.3,1) backwards panelSlideIn}#detail-panel.open>:first-child{animation-delay:50ms}#detail-panel.open>:nth-child(2){animation-delay:.1s}#detail-panel.open>:nth-child(3){animation-delay:.15s}#detail-panel.open>:nth-child(4){animation-delay:.2s}#detail-panel.open>:nth-child(5),#detail-panel.open>:nth-child(n+6){animation-delay:.25s}@keyframes panelSlideIn{0%{opacity:0;transform:translate(12px)}}#detail-panel.no-animate>*{animation:none}#detail-close{top:var(--space-xl);right:var(--space-xl);border:1px solid var(--color-border);border-radius:var(--radius-md);width:30px;height:30px;color:var(--color-fg-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;font-size:13px;display:flex;position:absolute}#detail-close:hover{background:var(--color-surface-hover);border-color:var(--color-border-strong);color:var(--color-fg)}#detail-close:active{transition-duration:60ms;transform:scale(.9)}#detail-close:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}#detail-panel h2{font-size:var(--text-heading);margin-bottom:var(--space-sm);padding-right:var(--space-3xl);letter-spacing:-.02em;overflow-wrap:break-word;word-break:break-word;font-weight:700;line-height:1.2}.detail-formal-label{font-size:var(--text-caption);color:var(--color-fg-muted);margin-bottom:var(--space-xl);letter-spacing:.01em;display:block}#detail-panel h2+.detail-stat{margin-top:calc(var(--space-xl) - var(--space-sm))}.detail-stat{margin-bottom:var(--space-lg)}.detail-big{font-size:var(--text-data-lg);font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--color-accent);text-shadow:0 0 30px #ffc83c33;font-weight:700;line-height:1}.detail-rank{font-size:var(--text-data-md);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:700;line-height:1}.detail-label{font-size:var(--text-caption);color:var(--color-fg-muted);letter-spacing:.01em;margin-top:6px;display:block}.detail-section{margin-top:var(--space-xl);padding-top:var(--space-xl);border-top:1px solid var(--color-border)}.detail-section h3{font-size:10px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--color-fg-subtle);margin-bottom:var(--space-md);font-weight:600}.detail-section svg{margin-bottom:var(--space-sm);display:block}.detail-top-months{font-variant-numeric:tabular-nums;font-size:13px;list-style:none}.detail-top-months li{padding:var(--space-sm) 0;border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:baseline;display:flex}.detail-top-months li:last-child{border-bottom:none}#hero{z-index:10;background:var(--color-bg);flex-direction:column;justify-content:center;align-items:center;transition:opacity 1.2s;display:flex;position:fixed;inset:0}#hero.hero-fade{opacity:0;pointer-events:none}.hero-title{font-size:var(--text-display);letter-spacing:-.05em;color:var(--color-fg);opacity:0;font-style:italic;font-weight:700;line-height:1;animation:1s cubic-bezier(.16,1,.3,1) forwards heroFadeUp}.hero-accent{background:linear-gradient(90deg, transparent, var(--color-accent), transparent);width:56px;height:3px;margin:var(--space-xl) auto 0;opacity:0;border-radius:2px;animation:.8s cubic-bezier(.16,1,.3,1) .3s forwards heroFadeUp;display:block;box-shadow:0 0 24px #ffc83c40}.hero-subtitle{color:var(--color-fg-muted);opacity:0;margin-top:var(--space-lg);letter-spacing:.05em;text-transform:uppercase;font-size:12px;animation:.8s cubic-bezier(.16,1,.3,1) .5s forwards heroFadeUp}.hero-loading{font-size:10px;font-family:var(--font-mono);color:var(--color-fg-subtle);opacity:0;margin-top:var(--space-3xl);letter-spacing:.1em;text-transform:uppercase;animation:.5s 1.5s forwards heroFadeUp}.hero-loading:after{content:"";text-align:left;width:16px;animation:1.5s steps(4,end) infinite loadingDots;display:inline-block}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:.85;transform:translateY(0)}}@keyframes loadingDots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.notch-tooltip{transform-origin:bottom;background:var(--color-surface-solid);border:1px solid var(--color-border-strong);font-size:10px;font-family:var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--transition-fast), transform var(--transition-fast);box-shadow:var(--shadow-pill);z-index:5;color:var(--color-fg);border-radius:6px;padding:3px 8px;font-weight:500;position:absolute;top:-28px;left:50%;transform:translate(-50%)translateY(4px)}.notch:hover .notch-tooltip{opacity:1;transform:translateX(-50%) translateY(0) scaleY(var(--notch-scale-inv,1))}.trend-up{color:#4ade80}.trend-down{color:#f87171}.trend-flat{color:var(--color-fg-muted)}.detail-sparkline{border-radius:var(--radius-sm);padding:var(--space-sm);background:#ffffff08}:focus-visible,.toolbar-toggle:focus-visible,#detail-close:focus-visible,.cat-pill:focus-visible,#timeline-track:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.cat-pill.cat-active,.notch-active{animation:none!important}}.ui-fade-in{animation:.6s cubic-bezier(.16,1,.3,1) backwards uiFadeIn}@keyframes uiFadeIn{0%{opacity:0;transform:translateY(6px)}}.decade-pill{padding:3px var(--space-sm);border-radius:var(--radius-pill);color:#f0f0f08c;font-size:var(--text-label);font-family:var(--font-mono);cursor:pointer;transition:all var(--transition-fast);letter-spacing:.02em;-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums;background:0 0;border:1px solid #0000;font-weight:500}.decade-pill:hover{background:var(--color-surface-hover);color:var(--color-fg)}.decade-pill:active{transition-duration:60ms;transform:scale(.95)}.decade-pill:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.decade-pill.decade-active{background:var(--color-accent-subtle);border-color:var(--color-accent-border);color:var(--color-accent);font-weight:600}.detail-films-list{gap:var(--space-md);flex-direction:column;display:flex}.detail-film-entry{padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border)}.detail-film-entry:last-child{border-bottom:none;padding-bottom:0}.detail-film-header{align-items:baseline;gap:var(--space-sm);margin-bottom:var(--space-xs);flex-wrap:wrap;display:flex}.detail-film-title{font-size:var(--text-body);color:var(--color-fg);font-weight:600;line-height:1.3}.detail-film-year{font-size:var(--text-caption);font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--color-fg-muted)}.detail-film-badge{font-size:9px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;border-radius:var(--radius-sm);padding:1px 6px;font-weight:600;line-height:1.4}.badge-film{color:var(--color-cat-film);background:#e0666626;border:1px solid #e066664d}.badge-tv{color:var(--color-cat-television);background:#6fa8dc26;border:1px solid #6fa8dc4d}.detail-film-body{gap:var(--space-md);margin-top:var(--space-sm);display:flex}.detail-film-poster{object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:#ffffff08;flex-shrink:0;width:60px;height:90px}.detail-film-info{flex-direction:column;gap:3px;min-width:0;display:flex}.detail-film-meta{font-size:var(--text-caption);color:var(--color-fg-muted);line-height:1.4}.detail-film-imdb{font-size:var(--text-label);font-family:var(--font-mono);color:var(--color-accent);letter-spacing:.02em;transition:color var(--transition-fast);font-weight:600;text-decoration:none}.detail-film-imdb:hover{color:var(--color-accent-hover)}.notable-films-list{font-size:13px;list-style:none}.notable-film-item{padding:var(--space-xs) 0;border-bottom:1px solid var(--color-border);color:var(--color-fg);line-height:1.5}.notable-film-item:last-child{border-bottom:none}.notable-film-location{font-size:var(--text-caption);color:var(--color-fg-subtle)}.notable-film-more{padding:var(--space-xs) 0;font-size:var(--text-caption);color:var(--color-fg-subtle);font-style:italic}.diary-match-section{margin-bottom:var(--space-lg);padding:var(--space-md);background:var(--color-diary-subtle);border-left:2px solid var(--color-diary);border-radius:0 var(--radius-md) var(--radius-md) 0}.diary-match-header{margin-bottom:var(--space-sm)}.diary-badge{font-size:9px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;border-radius:var(--radius-sm);background:var(--color-diary-subtle);color:var(--color-diary);border:1px solid var(--color-diary-border);padding:2px 8px;font-weight:600;line-height:1.4}.diary-match-entry{align-items:baseline;gap:var(--space-sm);padding:var(--space-xs) 0;flex-wrap:wrap;display:flex}.diary-match-entry+.diary-match-entry{margin-top:var(--space-xs);padding-top:var(--space-sm);border-top:1px solid #00e0541a}.diary-stars{color:var(--color-diary);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--text-body);letter-spacing:.02em}.diary-date{font-size:var(--text-caption);color:var(--color-fg-muted);font-family:var(--font-mono);font-variant-numeric:tabular-nums}.diary-film-title{font-size:var(--text-caption);color:var(--color-fg);flex-basis:100%;font-weight:500}.diary-link{font-size:var(--text-label);font-family:var(--font-mono);color:var(--color-diary);letter-spacing:.02em;transition:color var(--transition-fast);font-weight:600;text-decoration:none}.diary-link:hover{color:#3f7}.diary-inline-badge{font-size:9px;font-family:var(--font-mono);color:var(--color-diary);margin-left:var(--space-xs);white-space:nowrap;font-weight:600}.diary-count{font-size:var(--text-caption);font-family:var(--font-mono);color:var(--color-diary);margin-top:var(--space-sm);opacity:0;letter-spacing:.02em;animation:.6s cubic-bezier(.16,1,.3,1) .8s forwards uiFadeIn}.diary-hidden{opacity:0!important;pointer-events:none!important;transition:opacity var(--transition-slow)!important}.toolbar-toggle.toggle-active-diary{background:var(--color-diary-subtle);border-color:var(--color-diary-border);color:var(--color-diary)}.toolbar-row-diary{padding-left:var(--space-xl);border-top:1px solid var(--color-border);margin-top:var(--space-xs)}#diary-stats-card{bottom:var(--space-lg);left:var(--space-xl);width:340px;max-width:calc(100vw - var(--space-2xl) * 2);z-index:3;background:var(--color-surface);max-height:50vh;-webkit-backdrop-filter:blur(var(--blur-surface));border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg) var(--space-xl);box-shadow:var(--shadow-panel), inset 0 1px 0 #ffffff0f;opacity:0;pointer-events:none;transition:opacity var(--transition-slow), transform var(--transition-slow);flex-direction:column;display:flex;position:fixed;overflow:hidden;transform:translateY(20px)}#diary-stats-card:before{content:"";background:linear-gradient(to bottom, var(--color-diary) 0%, #00e05426 60%, transparent 100%);pointer-events:none;width:2px;height:100%;position:absolute;top:0;left:0}#diary-stats-card.diary-active{opacity:1;pointer-events:auto;transform:translateY(0)}.diary-stats-header{font-size:10px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--color-diary);margin-bottom:var(--space-xs);font-weight:600;line-height:1}.diary-stats-summary{font-size:var(--text-caption);font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--color-fg-muted);margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border);letter-spacing:.02em}.diary-stats-list{scrollbar-width:thin;scrollbar-color:#00e05440 #ffffff08;flex-direction:column;flex:1;gap:2px;display:flex;overflow-y:auto}.diary-stats-list::-webkit-scrollbar{width:4px}.diary-stats-list::-webkit-scrollbar-track{background:#ffffff08;border-radius:2px}.diary-stats-list::-webkit-scrollbar-thumb{background:#00e05440;border-radius:2px}.diary-stats-film{align-items:baseline;gap:var(--space-sm);padding:var(--space-sm) var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast), box-shadow var(--transition-fast);-webkit-user-select:none;user-select:none;display:flex}.diary-stats-film:hover{background:var(--color-surface-hover);box-shadow:inset 2px 0 0 var(--color-diary)}.diary-stats-film:active{background:var(--color-surface-active);box-shadow:inset 2px 0 0 var(--color-diary)}.diary-stats-stars{color:var(--color-diary);font-family:var(--font-mono);font-size:var(--text-caption);font-variant-numeric:tabular-nums;letter-spacing:.02em;flex-shrink:0;min-width:48px}.diary-stats-title{font-size:var(--text-caption);color:var(--color-fg);white-space:nowrap;text-overflow:ellipsis;font-weight:500;line-height:1.4;overflow:hidden}.diary-stats-year{color:var(--color-fg-muted);font-family:var(--font-mono);font-variant-numeric:tabular-nums}@media (width>=1600px){#timeline{max-width:1000px}#toolbar{width:220px}}@media (width<=900px){#toolbar{width:180px}#timeline{width:85%}#legend{bottom:110px;left:var(--space-2xl)}.year-label:nth-child(odd){display:none}}@media (width<=600px){:root{--text-display:36px;--text-title:20px;--text-heading:18px;--text-data-lg:28px}#title-overlay{top:var(--space-lg);left:var(--space-lg)}#title-overlay h1{font-size:var(--text-title)}#title-overlay p{font-size:var(--text-caption)}#title-overlay .title-accent{width:20px;height:2px;margin-top:6px}#toolbar{top:var(--space-lg);right:var(--space-lg);scrollbar-width:thin;scrollbar-color:#ffc83c40 #ffffff08;width:170px;max-height:calc(100vh - 120px);overflow-y:auto}#toolbar::-webkit-scrollbar{width:4px}#toolbar::-webkit-scrollbar-track{background:#ffffff08;border-radius:2px}#toolbar::-webkit-scrollbar-thumb{background:#ffc83c40;border-radius:2px}#toolbar::-webkit-scrollbar-thumb:hover{background:#ffc83c66}.toolbar-row{padding:var(--space-sm) var(--space-md)}.toolbar-toggle{width:58px;height:32px;font-size:10px}#timeline{width:92%;max-width:calc(100vw - var(--space-xl));padding:var(--space-sm) var(--space-md) var(--space-xs);bottom:10px;overflow-x:auto}#timeline-track{height:36px}.notch{min-width:2px}.year-label{font-size:9px}.year-label:not(:nth-child(4n+1)){display:none}#legend{top:auto;left:var(--space-lg);padding:var(--space-sm);bottom:80px}#legend-gradient,#legend-labels{height:80px}#attribution{top:170px;bottom:auto;right:var(--space-lg);font-size:9px}#control-hint{top:184px;bottom:auto;right:var(--space-lg);font-size:9px}.toolbar-expandable .cat-pill{align-items:center;min-height:44px;padding:3px 6px;font-size:10px;display:flex}#caption{top:56px;left:var(--space-lg);max-width:70vw;font-size:12px}#detail-panel{border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-left:none;border-top:1px solid var(--color-border);width:100vw;height:55vh;transform:translateY(calc(var(--panel-offset) * 1%));top:auto;bottom:0;box-shadow:0 -8px 40px #00000080}#detail-panel:before{background:linear-gradient(90deg,#0000 0%,#ffc83c66 30% 70%,#0000 100%);width:100%;height:2px;top:0;left:0}.notch-tooltip{display:none}.hero-accent{width:32px}.toolbar-expandable .decade-pill{justify-content:center;align-items:center;min-height:44px;padding:2px 5px;font-size:9px;display:flex}.toolbar-toggle,.toolbar-row{min-height:44px}.detail-film-poster{width:48px;height:72px}#diary-stats-card{width:92%;max-width:calc(100vw - var(--space-xl));padding:var(--space-md) var(--space-lg);max-height:40vh;bottom:10px}}@media (height<=400px){#toolbar{max-height:calc(100vh - 80px);overflow-y:auto}.toolbar-row{padding:var(--space-xs) var(--space-md)}.toolbar-expandable-inner{padding:var(--space-xs) var(--space-sm)}.toolbar-row,.toolbar-expandable .cat-pill,.toolbar-expandable .decade-pill{min-height:36px}}