body.works-page{--works-bg:#ecebe7;--works-panel:#f7f6f2;--works-ink:#141719;--works-muted:#62686b;--works-line:#1417192e;--works-faint:#14171912;--works-ice:#6099ad;background:var(--works-bg);min-width:320px;overflow:hidden}[data-theme=dark] body.works-page{--works-bg:#0d0f10;--works-panel:#151819;--works-ink:#e8e9e6;--works-muted:#93999b;--works-line:#e8e9e62e;--works-faint:#e8e9e60f;--works-ice:#74aebe}html:has(body.works-page),body.works-page{scrollbar-width:none;-ms-overflow-style:none}html:has(body.works-page)::-webkit-scrollbar{width:0;height:0;display:none}body.works-page::-webkit-scrollbar{width:0;height:0;display:none}.works-page main{min-height:0}.works-page .site-footer{display:none}body.works-page.preview-open{overflow:hidden}.works-timeline{isolation:isolate;height:100svh;color:var(--works-ink);background:0 0;grid-template-rows:auto minmax(0,1fr);padding:clamp(20px,3vh,34px) clamp(18px,3vw,48px) 24px clamp(88px,7vw,116px);display:grid;position:relative}.works-visual-field{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.works-ascii-field{opacity:1;width:100%;height:100%;transition:opacity .8s;position:absolute;inset:0}.works-head,.timeline-shell{z-index:1;position:relative}.works-head{z-index:2;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:40px;min-height:104px;padding-bottom:16px;display:grid}.works-intro{grid-template-columns:auto 1fr;align-items:end;column-gap:18px;display:grid}.works-intro .works-kicker{color:var(--works-ice);letter-spacing:.12em;grid-column:1/-1;margin:0 0 5px;font:700 .62rem/1.2 ui-monospace,JetBrains Mono,Space Mono,monospace}.works-intro h1{letter-spacing:-.08em;margin:0;font-size:clamp(2.3rem,4.6vw,4.7rem);line-height:.88}.works-intro>p:last-child{max-width:30rem;color:var(--works-muted);margin:0 0 2px;font-size:.78rem;line-height:1.6}.works-filters{gap:8px;min-width:min(360px,34vw);font:650 .67rem/1.2 ui-monospace,JetBrains Mono,Space Mono,monospace;display:grid;position:absolute;bottom:calc(100% + 8px);right:0}.filter-summary,.filter-groups{justify-content:flex-end;align-items:center;gap:8px;display:flex}.filter-summary{color:var(--works-muted)}.filter-summary button,.timeline-empty button{color:var(--works-ink);font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:1px solid;padding:0}.filter-groups details{position:relative}.filter-groups summary{border:1px solid var(--works-line);background:var(--works-panel);cursor:pointer;min-width:92px;padding:9px 11px;list-style:none;transition:color .1s,border-color .1s,background-color .1s}.filter-groups summary:hover,.filter-groups details[open] summary{border-color:var(--works-ice);background:color-mix(in srgb, var(--works-ice) 9%, var(--works-panel))}.filter-groups summary:after{content:" +";float:right;color:var(--works-ice);transition:transform .12s cubic-bezier(.22,1,.36,1);display:inline-block}.filter-groups details[open] summary:after{content:" −";transform:rotate(180deg)}.filter-popover{z-index:80;border:1px solid var(--works-ink);background:var(--works-panel);min-width:174px;box-shadow:7px 7px 0 var(--works-faint);transform-origin:100% 0;padding:8px;position:absolute;top:calc(100% + 4px);right:0}.filter-groups details[open]:not(.is-closing) .filter-popover{animation:.13s cubic-bezier(.18,.75,.24,1) both filter-popover-in}.filter-groups details.is-closing .filter-popover{pointer-events:none;animation:.12s cubic-bezier(.4,0,.2,1) both filter-popover-out}.filter-popover label{cursor:pointer;align-items:center;gap:8px;padding:7px 6px;transition:color .1s,background-color .1s;display:flex}.filter-popover label:hover,.filter-popover label:has(input:checked){color:var(--works-ink);background:color-mix(in srgb, var(--works-ice) 12%, var(--works-panel))}.filter-popover input{accent-color:var(--works-ice)}@keyframes filter-popover-in{0%{clip-path:inset(0 0 100% 100%);transform:translateY(-3px)scale(.985)}to{clip-path:inset(0);transform:none}}@keyframes filter-popover-out{0%{clip-path:inset(0);transform:none}to{clip-path:inset(0 0 100% 100%);transform:translateY(-3px)scale(.985)}}@property --timeline-reveal-width{syntax:"<percentage>";inherits:true;initial-value:100%}@property --timeline-reveal-height{syntax:"<percentage>";inherits:true;initial-value:100%}.timeline-shell{--ruler-height:58px;--label-column-width:202px;--timeline-reveal-width:100%;--timeline-reveal-height:100%;--timeline-mask-border-opacity:0;box-sizing:border-box;user-select:none;border:1px solid var(--works-ink);background:radial-gradient(circle, var(--works-line) .65px, transparent .8px) 0 0 / 13px 13px, var(--works-panel);width:100%;min-width:0;height:min(64svh,620px);min-height:0;box-shadow:12px 14px 0 var(--works-faint);grid-template-rows:minmax(0,1fr) 34px;place-self:center;display:grid;position:relative}.timeline-shell:before{content:"";z-index:110;width:var(--timeline-reveal-width);height:var(--timeline-reveal-height);box-sizing:border-box;border:1px solid var(--works-ink);opacity:var(--timeline-mask-border-opacity);pointer-events:none;position:absolute;top:0;left:0}.timeline-shell:after{content:"";z-index:90;pointer-events:none;background:linear-gradient(var(--works-ice), var(--works-ice)) top left / 30px .75px no-repeat, linear-gradient(var(--works-ice), var(--works-ice)) top left / .75px 30px no-repeat, linear-gradient(var(--works-ice), var(--works-ice)) bottom right / 30px .75px no-repeat, linear-gradient(var(--works-ice), var(--works-ice)) bottom right / .75px 30px no-repeat;position:absolute;inset:-15px}.timeline-browse-hint{z-index:100;border:1px solid var(--works-line);color:var(--works-muted);background:var(--works-panel);pointer-events:none;gap:8px;margin:0;padding:6px 8px;font:600 .52rem/1 ui-monospace,monospace;animation:5.8s both browse-hint;display:flex;position:absolute;top:12px;right:12px}.timeline-browse-hint span{color:var(--works-ice)}@keyframes browse-hint{0%,72%{opacity:1;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(-4px)}}.timeline-viewport{scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior:contain;outline:none;min-width:0;min-height:0;overflow:auto}.timeline-viewport::-webkit-scrollbar{width:0;height:0;display:none}.works-timeline.is-space-panning .timeline-viewport{cursor:grab}.works-timeline.is-panning .timeline-viewport{cursor:grabbing;user-select:none}.timeline-viewport:focus-visible{box-shadow:inset 0 0 0 2px var(--works-ice)}.timeline-canvas{--canvas-width:100%;width:var(--canvas-width);isolation:isolate;flex-direction:column;min-width:100%;min-height:100%;display:flex;position:relative}.timeline-ruler,.timeline-tracks{flex:none}.timeline-label-column-footer{grid-template-columns:var(--label-column-width) minmax(0, 1fr);border-bottom:1px solid var(--works-ink);flex:1;min-height:1px;display:grid}.timeline-label-column-footer>span{z-index:75;border-right:1px solid var(--works-ink);background:var(--works-panel);grid-column:1;position:sticky;left:0}.timeline-ruler,.track-summary,.subtrack{grid-template-columns:var(--label-column-width) minmax(0, 1fr);display:grid}.timeline-ruler{z-index:60;height:var(--ruler-height);background:var(--works-panel);position:sticky;top:0}.ruler-corner,.track-label,.subtrack-label{z-index:45;border-right:1px solid var(--works-ink);background:var(--works-panel);position:sticky;left:0}.ruler-corner{z-index:65;height:var(--ruler-height);border-bottom:1px solid var(--works-ink);align-items:center;padding:0 15px;display:flex;top:0}.current-time-display{min-width:0;color:var(--works-ice);gap:3px;font-family:ui-monospace,JetBrains Mono,Space Mono,monospace;display:grid}.current-time-display strong{letter-spacing:.035em;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(1.08rem,1.5vw,1.3rem);font-weight:650;line-height:1;overflow:hidden}.current-time-display strong.is-switching{animation:.2s cubic-bezier(.22,1,.36,1) timecode-switch}@keyframes timecode-switch{0%{clip-path:inset(0 100% 0 0);transform:translateY(2px)}to{clip-path:inset(0);transform:none}}.current-time-display small{color:var(--works-muted);letter-spacing:.09em;white-space:nowrap;text-overflow:ellipsis;font-size:.5rem;font-weight:700;line-height:1;overflow:hidden}.ruler-ticks{border-bottom:1px solid var(--works-ink);position:relative;overflow:hidden}.ruler-tick{border-left:1px dashed var(--works-line);height:100%;color:var(--works-muted);font:600 .56rem/1 ui-monospace,JetBrains Mono,Space Mono,monospace;position:absolute;bottom:0}.ruler-tick span{white-space:nowrap;position:absolute;bottom:8px;left:5px}.timeline-track{border-bottom:1px solid var(--works-line);position:relative}.timeline-track[hidden]{display:none}.timeline-track[open]{background:color-mix(in srgb, var(--works-faint) 55%, transparent)}.timeline-track[data-time-relation=certain]>.track-summary{background:color-mix(in srgb, var(--works-ice) 9%, transparent)}.timeline-track[data-time-relation=possible]>.track-summary{background:repeating-linear-gradient(135deg, transparent 0 8px, color-mix(in srgb, var(--works-ice) 10%, transparent) 8px 9px)}.track-summary{cursor:pointer;height:64px;list-style:none}.timeline-track.is-featured>.track-summary{height:84px}.track-summary::-webkit-details-marker{display:none}.track-summary:focus-visible{outline:1px solid var(--works-ice);outline-offset:-1px}.track-label{align-items:center;gap:9px;padding:0 12px;display:flex}.track-disclosure{border-block:4px solid #0000;border-left:6px solid;width:0;height:0;transition:transform .14s}.timeline-track[open] .track-disclosure{transform:rotate(90deg)}.track-link-mark{width:6px;font:.62rem/1 ui-monospace,monospace}.track-label>b{color:var(--works-ice);font:700 .61rem/1 ui-monospace,JetBrains Mono,monospace}.track-identity{gap:3px;min-width:0;display:grid}.track-identity strong{white-space:nowrap;text-overflow:ellipsis;font-size:.77rem;overflow:hidden}.track-identity small{color:var(--works-muted);font-size:.56rem}.track-lane,.subtrack-lane{min-width:0;position:relative}.track-lane:after{content:"";border-top:1px dashed var(--works-line);position:absolute;inset:50% 0 auto}.work-layer{z-index:4;left:var(--clip-left);width:var(--clip-width);border:1px solid var(--works-ink);min-width:1px;height:42px;color:var(--works-ink);background:var(--works-panel);align-items:center;display:flex;position:absolute;top:11px;overflow:visible}.lane-featured .work-layer{height:64px;top:10px}.status-segment{inset-block:0;left:var(--segment-left);width:var(--segment-width);pointer-events:none;position:absolute}.status-segment[data-status=active]{background:repeating-linear-gradient(135deg, transparent 0 5px, var(--works-line) 5px 6px);border-right:1px solid var(--works-ink)}.status-segment[data-status=paused]{background:var(--works-panel);border:1px dashed var(--works-muted);border-block-width:0}.work-layer[data-status=complete]{background:color-mix(in srgb, var(--works-ink) 16%, var(--works-panel))}.work-cover{z-index:2;background:var(--works-ink);flex:none;width:30px;height:30px;margin-left:5px;position:relative;overflow:hidden}.lane-featured .work-cover{width:48px;height:48px;margin-left:7px}.work-cover img{object-fit:cover;width:100%;height:100%}.work-cover>i{background:linear-gradient(45deg, transparent 48%, var(--works-panel) 49% 51%, transparent 52%), linear-gradient(-45deg, transparent 48%, var(--works-panel) 49% 51%, transparent 52%);opacity:1;position:absolute;inset:0}.type-badge,.layer-title{z-index:2;white-space:nowrap;position:relative}.type-badge{color:var(--works-muted);margin-left:8px;font:650 .54rem/1 ui-monospace,JetBrains Mono,Space Mono,monospace}.layer-title{text-overflow:ellipsis;margin:0 10px;font-size:12px;font-weight:700;overflow:hidden}.lane-featured .layer-title{font-size:14px}.endpoint-label{z-index:8;top:50%;left:var(--event-left);color:var(--works-muted);white-space:nowrap;align-items:center;gap:3px;font:600 .51rem/1 ui-monospace,JetBrains Mono,monospace;display:flex;position:absolute;transform:translate(calc(-100% - 7px),-50%)}.endpoint-label small{color:var(--works-ice);letter-spacing:.06em;font:750 .44rem/1 ui-monospace,monospace}.endpoint-label b{font:inherit}.endpoint-label.end{transform:translate(7px,-50%)}.snap-event{display:none}.track-children{position:relative;overflow:clip}.timeline-track.is-opening .track-children{animation:.32s cubic-bezier(.22,1,.36,1) both track-unfold}.timeline-track.is-closing .track-children{animation:.26s cubic-bezier(.4,0,.2,1) both track-fold}@keyframes track-unfold{0%{height:0;transform:translateY(-5px)}to{height:var(--track-children-height);transform:none}}@keyframes track-fold{0%{height:var(--track-children-height);transform:none}to{height:0;transform:translateY(-4px)}}.subtrack{border-top:1px solid var(--works-line);min-height:50px}.subtrack-label{color:var(--works-muted);align-items:center;padding-left:34px;font:650 .57rem/1 ui-monospace,JetBrains Mono,monospace;display:flex}.subtrack-lane{min-height:50px}.work-detail-link{z-index:5;border:1px solid var(--works-ink);color:var(--works-ink);background:var(--works-panel);white-space:nowrap;padding:4px 6px;font:500 .6rem/1 ui-monospace,monospace;transition:color .22s,background .22s;position:absolute;bottom:5px;right:5px}.work-detail-link:hover,.work-detail-link:focus-visible{color:var(--works-ink);background:var(--works-ice)}.timeline-node{z-index:8;top:50%;left:var(--event-left);width:max-content;max-width:132px;color:var(--works-ink);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:0;display:flex;position:absolute;transform:translate(-5px,-50%)}.timeline-node>i{border:1px solid var(--works-ink);background:var(--works-panel);flex:none;width:10px;height:10px;margin-top:0;position:relative;transform:rotate(45deg)}.fragment-node>i{background:var(--works-ice);border-radius:50%;transform:none}.timeline-node>span{gap:2px;display:grid}.timeline-node small{color:var(--works-muted);font:600 .48rem/1 ui-monospace,monospace}.timeline-node b{font-size:.61rem;line-height:1.25}.phase-node{background:0 0;border:0;gap:7px;padding:0}.phase-node:before{content:"";z-index:-1;width:var(--phase-width);border-top:2px solid var(--works-faint);position:absolute;top:50%;left:5px}.phase-node.uncertain-range:after{display:none}.phase-node.uncertain-range>i,.fragment-node.uncertain-range>i{border:1px dashed var(--works-muted);background:0 0;border-radius:0;place-items:center;width:20px;height:20px;display:grid;transform:none}.phase-node.uncertain-range>i:after{content:"";border:1px solid var(--works-ink);background:var(--works-panel);width:8px;height:8px;transform:rotate(45deg)}.fragment-node.uncertain-range>i:after{content:"";background:var(--works-ice);border-radius:50%;width:8px;height:8px}.fragment-node.uncertain-range:after{display:none}.phase-node.uncertain-range.is-active>i{border-color:var(--works-ice);background:0 0}.phase-node.uncertain-range.is-active>i:after{border-color:var(--works-ice);background:var(--works-ice)}.fragment-node.uncertain-range.is-active>i{border-color:var(--works-ice);background:0 0}.uncertain-range:after{content:"";z-index:-1;width:max(2px, var(--range-width));border:1px dashed var(--works-muted);background:color-mix(in srgb, var(--works-panel) 82%, transparent);height:20px;position:absolute;top:-4px;left:4px}.timeline-node[data-uncertain-collapsed=true]:after{background:var(--works-panel);width:12px}.timeline-node.is-active>i{border-color:var(--works-ice);background:var(--works-ice);box-shadow:0 0 0 4px color-mix(in srgb, var(--works-ice) 18%, transparent)}.timeline-node[hidden]{display:none}.cluster-layer{z-index:10;pointer-events:none;position:absolute;inset:0}.timeline-node-cluster{top:12px;left:var(--cluster-left);border:1px solid var(--works-ink);min-width:30px;color:var(--works-ink);background:var(--works-panel);pointer-events:auto;cursor:zoom-in;padding:5px 7px;font:700 .53rem/1 ui-monospace,monospace;position:absolute;transform:translate(-4px)}.timeline-node-cluster[data-has-active=true]{border-color:var(--works-ice);color:var(--works-ice)}.now-line,.time-pointer{top:0;bottom:0;left:var(--event-left);pointer-events:none;width:1px;position:absolute}.now-line{z-index:24;background:var(--works-line)}.now-line span{color:var(--works-muted);margin-left:5px;font:700 .52rem/1 ui-monospace,monospace;position:sticky;top:7px}.time-pointer{z-index:70;box-sizing:border-box;background:0 0;transition:width .3s cubic-bezier(.22,1,.36,1)}.time-pointer:before{content:"";background:var(--works-ice);width:1px;box-shadow:0 0 8px color-mix(in srgb, var(--works-ice) 32%, transparent);position:absolute;inset:0 auto 0 0}.time-pointer[data-selection-mode=range],.time-pointer[data-pointer-state=point-switching],.time-pointer[data-pointer-state=drag-collapsing]{border:1px dashed var(--works-ice);background:color-mix(in srgb, var(--works-ice) 10%, transparent);min-width:3px;box-shadow:none}.time-pointer[data-selection-mode=range]:before,.time-pointer[data-pointer-state=point-switching]:before,.time-pointer[data-pointer-state=drag-collapsing]:before{display:none}.time-pointer-handle{width:var(--pointer-handle-width,max-content);box-sizing:border-box;border:1px solid var(--works-ice);min-width:25px;height:28px;color:var(--works-bg);background:var(--works-ice);pointer-events:auto;touch-action:none;transform:translateX(var(--pointer-handle-shift,-10px));cursor:ew-resize;align-items:center;gap:7px;padding:0 8px;font:700 .54rem/1 ui-monospace,monospace;transition:width .22s cubic-bezier(.22,1,.36,1),transform .26s cubic-bezier(.22,1,.36,1);display:flex;position:sticky;top:5px;left:0}.time-pointer[data-selection-mode=range] .time-pointer-handle,.time-pointer[data-pointer-state=point-switching] .time-pointer-handle,.time-pointer[data-pointer-state=drag-collapsing] .time-pointer-handle{transform:translateX(var(--pointer-handle-shift,-1px))}.time-pointer[data-selection-mode=range] .time-pointer-handle i,.time-pointer[data-pointer-state=point-switching] .time-pointer-handle i,.time-pointer[data-pointer-state=drag-collapsing] .time-pointer-handle i{display:none}.time-pointer-handle [data-pointer-label]{white-space:nowrap;flex:none}.time-pointer-handle i{clip-path:polygon(0 0,100% 0,76% 100%,24% 100%);background:currentColor;flex:none;width:7px;height:7px}.time-pointer[data-pointer-state=future]{animation:1.1s ease-in-out infinite alternate pointer-pulse}.time-pointer[data-pointer-state=rebounding]{transition:left .28s cubic-bezier(.2,.82,.28,1.12),width .3s cubic-bezier(.22,1,.36,1)}.time-pointer[data-pointer-state=snapping]{transition:left .24s cubic-bezier(.2,.72,.24,1),width .3s cubic-bezier(.22,1,.36,1)}.time-pointer[data-pointer-state=jumping]{transition:left .22s cubic-bezier(.2,.72,.24,1),width .3s cubic-bezier(.22,1,.36,1)}.time-pointer[data-pointer-state=range-switching],.time-pointer[data-pointer-state=point-switching]{transition:left .34s cubic-bezier(.22,1,.36,1),width .34s cubic-bezier(.22,1,.36,1)}.time-pointer[data-pointer-state=drag-collapsing]{transition:width .34s cubic-bezier(.22,1,.36,1)}@keyframes pointer-pulse{to{filter:brightness(1.2);box-shadow:0 0 15px var(--works-ice)}}.glass-preview-panel{--preview-resting-transform:translate(0, 0);z-index:300;top:var(--preview-top,-154px);left:var(--preview-left,20%);border:1px solid var(--works-ink);width:min(360px,100vw - 240px);max-height:min(440px,62vh);color:var(--works-ink);background:var(--works-panel);overscroll-behavior:contain;box-shadow:10px 10px 0 var(--works-faint);position:absolute;overflow:hidden}.preview-panel-content{max-height:inherit;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior:contain;overflow:auto}.preview-panel-content::-webkit-scrollbar{width:0;height:0;display:none}.preview-scroll-navigator{z-index:4;width:12px;position:absolute;top:4px;bottom:4px;right:4px}.preview-scroll-navigator[hidden],.glass-preview-panel[hidden]{display:none}.glass-preview-panel:not([hidden]){transform-origin:var(--preview-origin-x,left) var(--preview-origin-y,bottom);animation:.22s cubic-bezier(.18,.75,.24,1) both preview-unfold}.glass-preview-panel.is-closing{pointer-events:none;animation:.22s cubic-bezier(.4,0,.2,1) both preview-fold}@keyframes preview-unfold{0%{opacity:0;clip-path:var(--preview-clip-from,inset(100% 100% 0 0));transform:var(--preview-resting-transform) translateY(var(--preview-enter-y,6px)) scale(.985)}to{opacity:1;clip-path:inset(0);transform:var(--preview-resting-transform)}}@keyframes preview-fold{0%{opacity:1;clip-path:inset(0);transform:var(--preview-resting-transform)}to{opacity:0;clip-path:var(--preview-clip-from,inset(100% 100% 0 0));transform:var(--preview-resting-transform) translateY(var(--preview-enter-y,6px)) scale(.985)}}.ascii-corner{z-index:2;color:var(--works-ice);font:700 .65rem/1 ui-monospace,monospace;position:absolute}.ascii-corner.top-left{top:3px;left:3px}.ascii-corner.top-right{top:3px;right:3px}.ascii-corner.bottom-left{bottom:3px;left:3px}.ascii-corner.bottom-right{bottom:3px;right:3px}.preview-panel-content>header{border-bottom:1px solid var(--works-line);justify-content:space-between;align-items:start;padding:16px 16px 10px;display:flex}.preview-panel-content h2{margin:3px 0 0;font-size:1rem}.preview-panel-content header small{color:var(--works-muted);font:600 .52rem/1 ui-monospace,monospace}.preview-panel-content header button{border:1px solid var(--works-line);width:28px;height:28px;color:inherit;cursor:pointer;background:0 0}.preview-main{padding:14px 16px}.preview-main p{margin:0;font-size:.75rem;line-height:1.65}.preview-collage{grid-template-columns:1.85fr 1fr;grid-auto-rows:72px;gap:5px;display:grid}.preview-collage figure{min-height:0;margin:0;overflow:hidden}.preview-collage figure.primary{grid-row:span 3}.preview-collage img{object-fit:cover;width:100%;height:100%}.preview-collage figcaption{font-size:.55rem}.preview-panel-content>footer{border-top:1px solid var(--works-line);color:var(--works-muted);padding:10px 16px 14px;font-size:.65rem;line-height:1.5}.timeline-empty{z-index:20;width:calc(90vw - 202px);min-height:230px;color:var(--works-muted);place-content:center;justify-items:center;gap:10px;position:sticky;left:202px}.timeline-empty:not([hidden]){display:grid}.timeline-empty p{margin:0}.timeline-navigator{z-index:70;border-top:1px solid var(--works-ink);background:var(--works-panel);grid-template-columns:54px 1fr 152px;align-items:center;gap:8px;padding:0 9px;font:650 .5rem/1 ui-monospace,monospace;display:grid;position:relative}.navigator-label,.navigator-readout{color:var(--works-muted)}.navigator-readout{text-align:right}.navigator-rail{border:1px solid var(--works-line);background:var(--works-faint);cursor:pointer;height:12px;position:relative}.navigator-window{top:-1px;bottom:-1px;left:var(--nav-left,0);width:var(--nav-width,100%);border:1px solid var(--works-ice);background:color-mix(in srgb, var(--works-ice) 20%, transparent);cursor:grab;min-width:24px;padding:0;position:absolute}.navigator-window:active{cursor:grabbing}.timeline-vertical-navigator{z-index:74;width:12px;position:absolute;top:8px;bottom:42px;right:5px}.vertical-navigator-rail{border:1px solid var(--works-line);background:var(--works-faint);cursor:pointer;width:100%;height:100%;position:relative}.vertical-navigator-window{top:var(--vertical-nav-top,0);height:var(--vertical-nav-height,100%);border:1px solid var(--works-ice);background:color-mix(in srgb, var(--works-ice) 20%, transparent);cursor:grab;min-height:24px;padding:0;position:absolute;left:-1px;right:-1px}.vertical-navigator-window:active{cursor:grabbing}.works-page-horizontal-navigator,.works-page-vertical-navigator{z-index:410;position:fixed}.works-page-horizontal-navigator{height:12px;bottom:4px;left:4px;right:20px}.works-page-horizontal-navigator .navigator-rail{height:100%}.works-page-vertical-navigator{width:12px;top:4px;bottom:20px;right:4px}.works-page-horizontal-navigator[hidden],.works-page-vertical-navigator[hidden]{display:none}.navigator-handle{background:var(--works-ice);cursor:ew-resize;width:9px;position:absolute;top:-4px;bottom:-4px}.navigator-handle.left{left:-5px}.navigator-handle.right{right:-5px}.timeline-utility-controls{z-index:75;align-items:center;gap:6px;display:flex;position:absolute;bottom:44px;right:10px}.zoom-controls{border:1px solid var(--works-line);background:var(--works-panel);align-items:center;gap:3px;padding:4px;display:flex}.timeline-help-button{border:1px solid var(--works-line);width:35px;height:35px;color:var(--works-ink);background:var(--works-panel);cursor:pointer;padding:0;font:750 .75rem/1 ui-monospace,monospace;transition:border-color .2s,color .2s,background-color .2s,box-shadow .2s;position:relative}.timeline-help-button.needs-guidance{border-color:var(--works-ice);color:var(--works-ice);box-shadow:0 0 0 3px color-mix(in srgb, var(--works-ice) 20%, transparent);animation:.28s cubic-bezier(.18,.75,.24,1) both help-guidance-enter,1.15s ease-in-out .28s infinite alternate help-guidance-pulse}.timeline-help-button.needs-guidance:after{content:"↘";color:var(--works-ice);pointer-events:none;font:800 1rem/1 ui-monospace,monospace;animation:.24s cubic-bezier(.18,.75,.24,1) both help-guidance-arrow-enter,.75s ease-in-out .24s infinite alternate help-guidance-arrow;position:absolute;bottom:calc(100% + 5px);right:calc(100% + 7px)}@keyframes help-guidance-enter{0%{filter:brightness(1.35);transform:scale(.88)}to{filter:none;transform:none}}@keyframes help-guidance-arrow-enter{0%{opacity:0;clip-path:inset(0 100% 100% 0)}to{opacity:1;clip-path:inset(0)}}@keyframes help-guidance-pulse{to{background:color-mix(in srgb, var(--works-ice) 14%, var(--works-panel));box-shadow:0 0 0 5px color-mix(in srgb, var(--works-ice) 9%, transparent)}}@keyframes help-guidance-arrow{to{transform:translate(3px,3px)}}.timeline-help-button:hover,.timeline-help-button:focus-visible,.timeline-help-button[aria-expanded=true]{border-color:var(--works-ice);color:var(--works-ice)}.zoom-controls button{border:1px solid var(--works-line);height:25px;color:inherit;cursor:pointer;background:0 0;padding:0 8px;font:650 .55rem/1 ui-monospace,monospace}.zoom-controls input{--zoom-progress:0%;appearance:none;border:1px solid var(--works-line);background:linear-gradient(to right, color-mix(in srgb, var(--works-ice) 20%, transparent) 0 var(--zoom-progress), var(--works-faint) var(--zoom-progress) 100%);cursor:pointer;border-radius:0;width:92px;height:12px;padding:0}.zoom-controls input::-webkit-slider-thumb{appearance:none;background:var(--works-ice);cursor:ew-resize;border:0;border-radius:0;width:9px;height:18px}.zoom-controls input::-moz-range-thumb{background:var(--works-ice);cursor:ew-resize;border:0;border-radius:0;width:9px;height:18px}.zoom-controls input::-moz-range-track{background:0 0}.timeline-help-panel{--preview-origin-x:right;--preview-origin-y:bottom;--preview-clip-from:inset(100% 0 0 100%);--preview-enter-y:6px;width:min(390px,100vw - 240px);inset:auto 10px 87px auto}.timeline-gesture-guide{z-index:400;left:var(--guide-left,16px);top:var(--guide-top,16px);border:1px solid var(--works-ink);width:160px;color:var(--works-ink);background:var(--works-panel);box-shadow:6px 6px 0 var(--works-faint);pointer-events:none;padding:8px;position:fixed}.timeline-gesture-guide[hidden]{display:none}.timeline-gesture-guide.is-visible{animation:.18s cubic-bezier(.18,.75,.24,1) both gesture-guide-in}.timeline-gesture-guide.is-leaving{animation:.18s cubic-bezier(.4,0,.2,1) both gesture-guide-out}.timeline-gesture-guide>small{color:var(--works-muted);letter-spacing:.08em;margin-bottom:6px;font:700 .54rem/1 ui-monospace,monospace;display:block}.timeline-gesture-guide>p{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;margin:3px 0 0;display:grid}.timeline-gesture-guide kbd{border:1px solid var(--works-ink);background:var(--works-panel);text-align:center;white-space:nowrap;width:max-content;box-shadow:1px 1px 0 var(--works-faint);justify-self:center;padding:3px 4px;font:700 .54rem/1 ui-monospace,monospace}.timeline-gesture-guide b{color:var(--works-muted);text-align:right;font:650 .54rem/1 ui-monospace,monospace}@keyframes gesture-guide-in{0%{opacity:0;clip-path:inset(0 100% 100% 0);transform:translate(-4px,-4px)}to{opacity:1;clip-path:inset(0);transform:none}}@keyframes gesture-guide-out{0%{opacity:1;clip-path:inset(0)}to{opacity:0;clip-path:inset(0 0 100% 100%);transform:translate(4px,4px)}}.timeline-help-main>p{border-bottom:1px solid var(--works-line);margin:0;padding-bottom:13px}.timeline-help-main section{margin-top:14px}.timeline-help-main .touch-help{display:none}.timeline-help-main h3{color:var(--works-muted);letter-spacing:.08em;margin:0 0 8px;font:700 .55rem/1 ui-monospace,monospace}.timeline-help-main dl,.timeline-help-main dl>div{margin:0}.timeline-help-main dl{border:1px solid var(--works-line);background:var(--works-line);gap:1px;display:grid}.timeline-help-main dl>div{background:var(--works-panel);grid-template-columns:minmax(105px,.9fr) 1.4fr;display:grid}.timeline-help-main dt,.timeline-help-main dd{padding:7px 8px;font-size:.63rem;line-height:1.35}.timeline-help-main dt{justify-content:center;align-items:center;font-family:ui-monospace,monospace;font-weight:700;display:flex}.timeline-help-main kbd{border:1px solid var(--works-ink);color:var(--works-ink);background:var(--works-panel);font:inherit;box-shadow:2px 2px 0 var(--works-faint);padding:3px 5px;display:inline-block}.timeline-help-main dd{border-left:1px solid var(--works-line);color:var(--works-muted);align-items:center;margin:0;display:flex}.timeline-edge-indicators{z-index:76;pointer-events:none;justify-content:space-between;display:flex;position:absolute;top:7px;left:210px;right:8px}.timeline-edge-indicators button{border:1px solid var(--works-ice);color:var(--works-bg);background:var(--works-ice);pointer-events:auto;cursor:pointer;padding:5px 7px;font:650 .51rem/1 ui-monospace,monospace}.mobile-preview-backdrop{display:none}.works-timeline.is-filtering .timeline-track:not([hidden]){animation:.22s ease-out both filtered-track-in}@keyframes filtered-track-in{0%{opacity:.28;clip-path:inset(0 0 45%);transform:translateY(-3px)}to{opacity:1;clip-path:inset(0);transform:none}}.works-timeline.is-entering .works-ascii-field{opacity:1}.works-timeline.is-entering.is-drawing .works-ascii-field{opacity:1;transition:opacity .85s .7s}.works-timeline.is-entering .works-head{animation:.65s .12s both works-head-enter}.works-timeline.is-entering .timeline-shell{animation:.72s .34s backwards timeline-shell-enter}.works-timeline.is-entering .work-layer{animation:.52s .62s both layer-border-enter}.works-timeline.is-entering .timeline-track:nth-child(2n) .work-layer{animation-delay:.7s}.works-timeline.is-entering .timeline-track:nth-child(3n) .work-layer{animation-delay:.78s}@keyframes works-head-enter{0%{opacity:.45;clip-path:inset(0 100% 0 0);transform:translate(-12px)}to{opacity:1;clip-path:inset(0);transform:none}}@keyframes timeline-shell-enter{0%{--timeline-reveal-width:0%;--timeline-reveal-height:0%;--timeline-mask-border-opacity:1;clip-path:polygon(0 0,0 0,0 0,0 0);border-color:#0000}to{--timeline-reveal-width:100%;--timeline-reveal-height:100%;--timeline-mask-border-opacity:1;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);border-color:#0000}}@keyframes layer-border-enter{0%{opacity:.25;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0)}}.works-timeline.is-reconnecting .timeline-shell{animation:.3s ease-out both timeline-reconnect}@keyframes timeline-reconnect{0%{box-shadow:0 0 0 2px var(--works-ice), 12px 14px 0 var(--works-faint)}to{box-shadow:12px 14px 0 var(--works-faint)}}@media (width<=820px),(hover:none) and (pointer:coarse){body.works-page{overflow:hidden auto}.works-timeline{height:auto;min-height:100svh;padding:24px 14px;display:block}.works-ascii-field{opacity:1}.works-head{grid-template-columns:1fr;gap:17px;min-height:0;padding-bottom:16px}.works-intro{grid-template-columns:1fr;gap:8px}.works-intro .works-kicker{grid-column:auto}.works-intro h1{font-size:2.8rem}.works-intro>p:last-child{margin:0}.works-filters{width:min(360px,100% - 8px);min-width:0;margin-bottom:0;position:absolute;bottom:calc(100% + 8px);right:0}.filter-summary,.filter-groups{justify-content:space-between}.filter-groups details{flex:1}.filter-groups summary{min-width:0}.timeline-shell{--label-column-width:122px;height:auto;min-height:420px;margin-top:72px;display:block}.timeline-browse-hint{display:none}.timeline-viewport{scrollbar-width:none;overflow:auto visible}.timeline-canvas{min-height:420px}.timeline-ruler{position:sticky;top:0}.ruler-corner,.track-label,.subtrack-label{padding-inline:8px}.track-label>b{display:none}.ruler-corner{padding-inline:10px}.current-time-display strong{font-size:.9rem}.current-time-display small{letter-spacing:.04em;font-size:.43rem}.track-identity strong{max-width:92px}.track-identity small{font-size:.5rem}.subtrack-label{padding-left:14px;overflow:hidden}.type-badge{display:none}.timeline-navigator{grid-template-columns:42px 1fr;height:38px;position:sticky;bottom:0}.navigator-readout{display:none}.timeline-utility-controls{justify-content:flex-end;width:max-content;margin:8px 8px 0 auto;position:sticky;bottom:42px}.zoom-controls [data-zoom-out],.zoom-controls [data-zoom-in],.zoom-controls input,.timeline-vertical-navigator{display:none}.timeline-edge-indicators{left:128px}.timeline-empty{width:calc(100vw - 150px);left:122px}.glass-preview-panel{--preview-resting-transform:translate(-50%, -50%);z-index:150;width:min(380px,100vw - 28px);max-height:calc(100svh - 44px);transform:var(--preview-resting-transform);position:fixed;top:50%;left:50%!important}.timeline-help-panel{bottom:auto;right:auto}.timeline-gesture-guide,.timeline-help-main .desktop-help{display:none}.timeline-help-main .touch-help{display:block}.mobile-preview-backdrop{z-index:120;background:#00000085;position:fixed;inset:0}.mobile-preview-backdrop:not([hidden]){display:block}}@media (prefers-reduced-motion:reduce){.works-timeline *,.works-timeline :before,.works-timeline :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-delay:0s!important}.works-timeline.is-entering .works-ascii-field{opacity:1}.track-disclosure,.time-pointer{transition:none;animation:none!important}}