*{margin:0;padding:0;box-sizing:border-box}body{--bg: #06060c;--chrome: 195, 205, 225;--accent: 140, 175, 255;--mood-text: 255, 195, 140;--op-count: .6;--op-count-num: .85;--op-range: .55;--op-mood: .7;--op-quote-date: .55;--op-quote-context: .45;--op-quote-from: .5;--op-controls: .4;--op-controls-sep: .22;--op-button: .5;--op-button-hover: .85;background:var(--bg);overflow:hidden;cursor:crosshair;font-family:IBM Plex Mono,monospace;-webkit-font-smoothing:antialiased;transition:background .4s ease}body[data-mode=read]{--op-count: .85;--op-count-num: .95;--op-range: .75;--op-mood: .9;--op-quote-date: .85;--op-quote-context: .75;--op-quote-from: .8;--op-controls: .65;--op-controls-sep: .4;--op-button: .75;--op-button-hover: .95}body[data-mode=invert]{--bg: #f4f3ee;--chrome: 30, 35, 50;--accent: 50, 80, 180;--mood-text: 150, 70, 30;--op-count: .85;--op-count-num: .95;--op-range: .7;--op-mood: .85;--op-quote-date: .8;--op-quote-context: .7;--op-quote-from: .75;--op-controls: .6;--op-controls-sep: .3;--op-button: .7;--op-button-hover: .95}canvas{display:block;position:fixed;top:0;left:0}#header{position:fixed;top:20px;left:24px;z-index:10;pointer-events:none;font-family:IBM Plex Mono,monospace}#header .count{font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:rgba(var(--chrome),var(--op-count))}#header .count span{color:rgba(var(--accent),var(--op-count-num));font-weight:500}#header .range{font-size:10px;font-weight:300;letter-spacing:.08em;color:rgba(var(--chrome),var(--op-range));margin-top:2px}#header .mood{font-size:10px;font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:rgba(var(--mood-text),var(--op-mood));margin-top:8px;transition:color .6s ease}.theme-row{position:relative;margin-top:6px;pointer-events:auto}#theme-toggle{font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:400;letter-spacing:.18em;text-transform:uppercase;background:transparent;border:none;padding:2px 0;color:rgba(var(--chrome),var(--op-mood));cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:color .2s ease}#theme-toggle:hover,#theme-toggle:focus-visible,#theme-toggle[aria-expanded=true]{color:rgba(var(--chrome),var(--op-button-hover));outline:none}#theme-toggle .theme-caret{font-size:9px;opacity:.6;transition:transform .18s ease}#theme-toggle[aria-expanded=true] .theme-caret{transform:translateY(1px) rotate(180deg)}#theme-dropdown[hidden]{display:none}#theme-dropdown{position:absolute;top:calc(100% + 6px);left:0;z-index:50;min-width:240px;max-width:min(320px,calc(100vw - 32px));max-height:min(60vh,360px);overflow-y:auto;background:#0f0f16fa;border:1px solid rgba(var(--chrome),.18);padding:4px 0;font-family:IBM Plex Mono,monospace;font-size:11px}body[data-mode=invert] #theme-dropdown{background:#fafaf6;border-color:rgba(var(--chrome),.25)}#theme-dropdown button{display:flex;width:100%;align-items:baseline;justify-content:space-between;gap:12px;padding:8px 14px;background:transparent;border:none;text-align:left;cursor:pointer;font:inherit;color:rgba(var(--chrome),.78);letter-spacing:.04em;transition:background .12s ease,color .12s ease}#theme-dropdown button:hover,#theme-dropdown button:focus-visible{background:rgba(var(--chrome),.08);color:rgba(var(--chrome),.98);outline:none}#theme-dropdown button[aria-selected=true]{color:rgba(var(--accent),.95)}#theme-dropdown button .theme-count{font-size:9px;letter-spacing:.08em;color:rgba(var(--chrome),.45);flex-shrink:0}#theme-dropdown button[aria-selected=true] .theme-count{color:rgba(var(--accent),.65)}#theme-dropdown::-webkit-scrollbar{width:6px}#theme-dropdown::-webkit-scrollbar-track{background:transparent}#theme-dropdown::-webkit-scrollbar-thumb{background:rgba(var(--chrome),.2);border-radius:3px}#theme-dropdown::-webkit-scrollbar-thumb:hover{background:rgba(var(--chrome),.35)}.tag-row{position:relative;margin-top:4px;pointer-events:auto}#tag-toggle{font-family:IBM Plex Mono,monospace;font-size:9px;font-weight:400;letter-spacing:.18em;text-transform:uppercase;background:transparent;border:none;padding:2px 0;color:rgba(var(--chrome),calc(var(--op-mood) * .85));cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:color .2s ease}#tag-toggle:hover,#tag-toggle:focus-visible,#tag-toggle[aria-expanded=true]{color:rgba(var(--chrome),var(--op-button-hover));outline:none}#tag-toggle .theme-caret{font-size:9px;opacity:.6;transition:transform .18s ease}#tag-toggle[aria-expanded=true] .theme-caret{transform:translateY(1px) rotate(180deg)}#tag-cloud{position:absolute;top:calc(100% + 6px);left:0;z-index:50;max-width:min(420px,calc(100vw - 32px));max-height:min(40vh,220px);overflow-y:auto;background:#0f0f16f5;border:1px solid rgba(var(--chrome),.18);padding:8px 10px;display:flex;flex-wrap:wrap;gap:6px}body[data-mode=invert] #tag-cloud{background:#fafaf6;border-color:rgba(var(--chrome),.25)}#tag-cloud button{font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.04em;padding:6px 10px;border:1px solid rgba(var(--chrome),.25);border-radius:999px;background:transparent;color:rgba(var(--chrome),.78);cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease;min-height:28px}#tag-cloud button:hover,#tag-cloud button:focus-visible{background:rgba(var(--chrome),.08);color:rgba(var(--chrome),.98);outline:none}#tag-cloud button[aria-pressed=true]{background:rgba(var(--accent),.18);border-color:rgba(var(--accent),.55);color:rgba(var(--accent),1)}#tag-cloud .tag-count{margin-left:6px;font-size:9px;opacity:.55}#tag-cloud[hidden]{display:none}#tag-cloud::-webkit-scrollbar{width:6px}#tag-cloud::-webkit-scrollbar-track{background:transparent}#tag-cloud::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,#ea4335,#ea4335 25%,#fbbc05 25%,#fbbc05 50%,#34a853 50%,#34a853 75%,#4285f4 75%,#4285f4);border-radius:3px;opacity:.85}#tag-cloud::-webkit-scrollbar-thumb:hover{opacity:1}#mobile-bar{display:none;position:fixed;bottom:0;left:0;right:0;z-index:30;padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px));gap:4px;background:#08080eeb;border-top:1px solid rgba(var(--chrome),.12);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);align-items:center;justify-content:space-between}body[data-mode=invert] #mobile-bar{background:#f4f3eef2;border-top-color:rgba(var(--chrome),.18)}#mobile-bar button{font-family:IBM Plex Mono,monospace;background:transparent;border:1px solid transparent;color:rgba(var(--chrome),.7);cursor:pointer;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 6px;border-radius:6px;transition:background .12s ease,color .12s ease}#mobile-bar button:active{background:rgba(var(--chrome),.12)}#mobile-bar .m-icon{width:44px;font-size:18px;letter-spacing:0;flex:0 0 auto;line-height:1}#mobile-bar .m-pill{flex:1 1 auto;font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:0 6px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#mobile-bar #m-sound[aria-pressed=true],#mobile-bar #m-timelapse[aria-pressed=true]{color:rgba(var(--accent),.95)}@media(hover:none)and (pointer:coarse),(max-width:720px){#mobile-bar{display:flex}#controls-hint{display:none}#quote-info{bottom:70px}}@media(max-width:480px){#quote-info{bottom:78px}#mobile-bar .m-icon{width:40px;font-size:17px}#mobile-bar .m-pill{font-size:10px;letter-spacing:.1em}}.info-mobile-note{display:none}@media(hover:none)and (pointer:coarse),(max-width:720px){.info-mobile-note{display:block}}#top-right{position:fixed;top:18px;right:22px;z-index:11;display:flex;gap:8px;align-items:center}#top-right button{font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.18em;text-transform:uppercase;background:transparent;border:1px solid rgba(var(--chrome),.3);color:rgba(var(--chrome),var(--op-button));padding:6px 10px;cursor:pointer;transition:color .2s ease,border-color .2s ease,background .2s ease}#top-right button:hover,#top-right button:focus-visible{color:rgba(var(--chrome),var(--op-button-hover));border-color:rgba(var(--chrome),.6);outline:none}#info-button,#fullscreen-toggle,#timelapse-toggle,#mode-toggle{display:inline-flex;align-items:center;justify-content:center;line-height:1}#info-button,#fullscreen-toggle{width:28px;padding:6px 0;font-size:12px;letter-spacing:0}#fullscreen-toggle svg{width:14px;height:14px;display:block}#fullscreen-toggle .fs-exit,#fullscreen-toggle[aria-pressed=true] .fs-enter{display:none}#fullscreen-toggle[aria-pressed=true] .fs-exit{display:block;margin:0 auto}#sound-toggle{display:inline-flex;align-items:center;gap:6px;transition:opacity .6s ease,box-shadow .6s ease,color .3s ease,background .2s ease,border-color .2s ease;box-shadow:0 0 #c9a86a00}#sound-toggle svg{width:12px;height:12px;display:block;flex-shrink:0}#sound-toggle .sound-label{display:inline-block}#sound-toggle.muted{color:#c9a86a;border-color:#c9a86a73;animation:speaker-pulse-opacity 2.4s ease-in-out infinite,speaker-pulse-glow 2.4s ease-in-out infinite}@keyframes speaker-pulse-opacity{0%,to{opacity:.4}50%{opacity:.9}}@keyframes speaker-pulse-glow{0%,to{box-shadow:0 0 #c9a86a00}50%{box-shadow:0 0 14px 2px #c9a86a38}}@media(prefers-reduced-motion:reduce){#sound-toggle.muted{animation:none;color:#c9a86a;box-shadow:0 0 8px 1px #c9a86a2e}}.one-time-tooltip{position:fixed;z-index:60;font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:.06em;color:rgba(var(--chrome),.95);background:#0f0f16f5;border:1px solid rgba(201,168,106,.45);padding:8px 12px;border-radius:4px;pointer-events:none;opacity:0;transform:translateY(-4px);transition:opacity .5s ease,transform .5s ease;max-width:min(260px,calc(100vw - 28px));box-shadow:0 0 14px #c9a86a2e}.one-time-tooltip.visible{opacity:1;transform:translateY(0)}.one-time-tooltip.anchor-bottom-center.visible,.one-time-tooltip.anchor-top-center.visible,.one-time-tooltip.anchor-viewport-top.visible{transform:translate(-50%) translateY(0)}.one-time-tooltip .tip-accent{color:rgba(var(--accent),.95);margin-right:6px;letter-spacing:.08em;text-transform:uppercase;font-size:10px}.one-time-tooltip.anchor-top-right:before,.one-time-tooltip.anchor-top-center:before{content:"";position:absolute;top:-6px;right:14px;width:10px;height:10px;background:#0f0f16f5;border-left:1px solid rgba(201,168,106,.45);border-top:1px solid rgba(201,168,106,.45);transform:rotate(45deg)}.one-time-tooltip.anchor-top-center:before{right:auto;left:50%;margin-left:-5px}body[data-mode=invert] .one-time-tooltip{background:#fafaf6;color:rgba(var(--chrome),.95)}body[data-mode=invert] .one-time-tooltip.anchor-top-right:before,body[data-mode=invert] .one-time-tooltip.anchor-top-center:before{background:#fafaf6}#quote-info{position:fixed;bottom:50px;right:24px;z-index:10;pointer-events:none;text-align:right;font-family:IBM Plex Mono,monospace}#quote-date{font-size:10px;font-weight:300;letter-spacing:.1em;color:rgba(var(--accent),var(--op-quote-date))}#quote-context{font-size:9px;font-weight:300;color:rgba(var(--chrome),var(--op-quote-context));margin-top:2px;max-width:280px;font-style:italic}#quote-from{font-size:9px;font-weight:400;letter-spacing:.18em;text-transform:uppercase;color:rgba(var(--chrome),var(--op-quote-from));margin-top:4px}#quote-font{font-size:9px;font-weight:300;letter-spacing:.14em;font-style:italic;color:rgba(var(--chrome),calc(var(--op-quote-from) * .75));margin-top:6px}#controls-hint{position:fixed;bottom:16px;left:50%;transform:translate(-50%);z-index:10;pointer-events:none;font-family:IBM Plex Mono,monospace;font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:rgba(var(--chrome),var(--op-controls));text-align:center;max-width:calc(100vw - 24px);line-height:1.6}#controls-hint .sep{margin:0 8px;color:rgba(var(--chrome),var(--op-controls-sep))}@media(max-width:720px){#header{top:14px;left:14px}#header .count{font-size:10px}#header .range,#header .mood{font-size:9px}#top-right{top:12px;right:12px;gap:6px}#top-right button{font-size:9px;padding:4px 8px}#info-button{width:24px;padding:4px 0;font-size:11px}#sound-toggle svg{width:11px;height:11px}#quote-info{bottom:70px;right:14px}#quote-context{max-width:70vw}#controls-hint{font-size:8px;letter-spacing:.08em;line-height:1.8}#controls-hint .sep{margin:0 4px}}@media(max-width:480px){#quote-info{bottom:90px}#quote-context{max-width:80vw}#controls-hint{bottom:10px;letter-spacing:.06em}#theme-dropdown{max-width:calc(100vw - 28px)}}#info-modal[hidden]{display:none}#info-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center}.info-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#06060cb8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}body[data-mode=invert] .info-backdrop{background:#2828328c}.info-card{position:relative;max-width:540px;width:calc(100% - 48px);max-height:80vh;overflow-y:auto;background:#0f0f16fa;border:1px solid rgba(var(--chrome),.18);color:rgba(var(--chrome),.85);padding:28px 32px;font-family:IBM Plex Mono,monospace;font-size:13px;line-height:1.6}.info-card::-webkit-scrollbar{width:8px}.info-card::-webkit-scrollbar-track{background:transparent}.info-card::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,#ea4335,#ea4335 25%,#fbbc05 25%,#fbbc05 50%,#34a853 50%,#34a853 75%,#4285f4 75%,#4285f4);border-radius:4px;border:2px solid transparent;background-clip:padding-box;opacity:.85}.info-card::-webkit-scrollbar-thumb:hover{opacity:1}body[data-mode=invert] .info-card{background:#fafaf6;color:rgba(var(--chrome),.92);border-color:rgba(var(--chrome),.25)}.info-card h2{font-size:11px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:rgba(var(--accent),.9);margin-bottom:16px}.info-card p{margin-bottom:12px}.info-card p.controls{margin-top:18px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(var(--chrome),.55);border-top:1px solid rgba(var(--chrome),.12);padding-top:14px;margin-bottom:0}@media(hover:none)and (pointer:coarse),(max-width:720px){.info-card p.controls{display:none}}.info-card section{margin-top:18px;padding-top:14px;border-top:1px solid rgba(var(--chrome),.12)}.info-card section h3{font-size:10px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:rgba(var(--accent),.85);margin-bottom:10px}.info-timeline .narrative{font-style:italic;font-size:12px;line-height:1.65;color:rgba(var(--chrome),.78)}.info-close{position:absolute;top:8px;right:12px;background:transparent;border:none;color:rgba(var(--chrome),.6);font-size:22px;line-height:1;cursor:pointer;padding:4px 8px}.info-close:hover,.info-close:focus-visible{color:rgba(var(--chrome),.95);outline:none}body[data-mood=funny]{--mood-hue: 45;--mood-sat: 90%}body[data-mood=sad]{--mood-hue: 220;--mood-sat: 60%}body[data-mood=outrageous]{--mood-hue: 350;--mood-sat: 85%}body[data-mood=profound]{--mood-hue: 270;--mood-sat: 50%}body[data-mood=mundane]{--mood-hue: 180;--mood-sat: 20%}body[data-mood=tender]{--mood-hue: 330;--mood-sat: 50%}body[data-mood=angry]{--mood-hue: 5;--mood-sat: 80%}body[data-mood=absurd]{--mood-hue: 160;--mood-sat: 70%}body[data-mood=nostalgic]{--mood-hue: 35;--mood-sat: 40%}body[data-mood=existential]{--mood-hue: 250;--mood-sat: 30%}#mode-toggle{width:28px;padding:6px 0;font-size:14px;letter-spacing:0}#mode-toggle .mode-icon{display:inline-flex;align-items:center;justify-content:center}@media(hover:none)and (pointer:coarse),(max-width:720px){#mode-toggle,#timelapse-toggle{display:none!important}}#timelapse-toggle{width:28px;padding:6px 0;font-size:12px;letter-spacing:0}#timelapse-toggle[aria-pressed=true]{border-color:rgba(var(--accent),.55);color:rgba(var(--accent),.95);background:rgba(var(--accent),.08)}.hourglass-icon{width:13px;height:17px;display:block}.hg-sand-top,.hg-sand-bot{transition:opacity .4s ease}.hg-top-rect,.hg-bot-rect{transition:y .6s linear,height .6s linear}#timelapse-panel{position:fixed;left:50%;bottom:16px;transform:translate(-50%,30px);opacity:0;pointer-events:none;z-index:24;width:min(720px,calc(100vw - 32px));background:#08080eeb;border:1px solid rgba(var(--chrome),.18);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;padding:14px 18px;display:flex;align-items:center;gap:14px;font-family:IBM Plex Mono,monospace;font-size:11px;color:rgba(var(--chrome),.85);transition:opacity .45s cubic-bezier(.2,.8,.2,1),transform .45s cubic-bezier(.2,.8,.2,1)}#timelapse-panel[hidden]{display:none}body.timelapse-active #timelapse-panel{opacity:1;pointer-events:auto;transform:translate(-50%)}body[data-mode=invert] #timelapse-panel{background:#f4f3eef2;border-color:rgba(var(--chrome),.25)}#tl-playpause{flex-shrink:0;width:34px;height:34px;border-radius:50%;border:1px solid rgba(var(--accent),.55);background:transparent;color:rgba(var(--chrome),.92);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background .18s ease,color .18s ease,border-color .18s ease}#tl-playpause:hover,#tl-playpause:focus-visible{background:rgba(var(--accent),.12);outline:none}#tl-playpause svg{width:16px;height:16px;display:block}#tl-playpause .tl-pause,body.timelapse-playing #tl-playpause .tl-play{display:none}body.timelapse-playing #tl-playpause .tl-pause{display:block}#tl-speed{flex-shrink:0;min-width:44px;font-family:IBM Plex Mono,monospace;font-variant-numeric:tabular-nums;font-size:11px;letter-spacing:.04em;color:rgba(var(--chrome),.85);background:transparent;border:1px solid rgba(var(--chrome),.3);padding:5px 10px;border-radius:4px;cursor:pointer;text-align:center;transition:background .18s ease,color .18s ease,border-color .18s ease}#tl-speed.flash{background:rgba(var(--accent),.18);border-color:rgba(var(--accent),.65);color:rgba(var(--accent),.98)}#tl-speed:hover,#tl-speed:focus-visible{border-color:rgba(var(--chrome),.55);color:rgba(var(--chrome),.98);outline:none}#tl-track-wrap{flex:1 1 auto;position:relative;height:24px;display:flex;align-items:center;cursor:pointer;touch-action:none}#tl-track{position:relative;width:100%;height:2px;background:rgba(var(--chrome),.18);border-radius:1px}#tl-fill{position:absolute;left:0;top:0;bottom:0;width:0%;background:rgba(var(--accent),.7);border-radius:1px}#tl-ticks{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}#tl-ticks span{position:absolute;top:-3px;width:1px;height:8px;background:rgba(var(--chrome),.3)}#tl-playhead{position:absolute;top:50%;left:0%;width:10px;height:10px;margin-left:-5px;margin-top:-5px;border-radius:50%;background:rgba(var(--accent),.95);box-shadow:0 0 8px rgba(var(--accent),.45);transition:transform .18s ease,box-shadow .18s ease}#tl-track-wrap.dragging #tl-playhead{transform:scale(1.3);box-shadow:0 0 12px 1px rgba(var(--accent),.6)}#tl-date{flex-shrink:0;min-width:78px;text-align:right;font-variant-numeric:tabular-nums;letter-spacing:.04em;color:rgba(var(--chrome),.7)}body.timelapse-active #c{filter:brightness(.78) saturate(.85);cursor:default}canvas#c{transition:filter .6s ease}@media(hover:none)and (pointer:coarse),(max-width:720px){#timelapse-panel{bottom:calc(72px + env(safe-area-inset-bottom,0px));width:calc(100vw - 24px);padding:10px 12px;gap:10px;font-size:10px}#tl-track-wrap{height:28px}}@media(max-width:900px){#top-right{gap:6px}#header{max-width:calc(100vw - 220px)}#header .theme-row,#header .tag-row,#theme-toggle,#tag-toggle{max-width:100%}#theme-toggle #theme-label,#tag-toggle #tag-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:calc(100vw - 260px)}}@media(max-width:600px){#top-right{gap:4px;right:12px;top:12px}#top-right button{padding:4px 6px;font-size:9px}#sound-toggle{padding:3px 6px;font-size:8px;letter-spacing:.1em;gap:4px}#sound-toggle svg{width:10px;height:10px}#fullscreen-toggle,#info-button,#timelapse-toggle{padding:4px 0}#fullscreen-toggle svg{width:12px;height:12px}#info-button{width:22px}.hourglass-icon{width:11px;height:14px}#header{max-width:calc(100vw - 170px)}}