:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#000;--fg:#f2f2f3;--muted:#a1a1a8;--border:#ffffff29;--link:#fff;--cell-empty:#ffffff1a;--role-dj:#fff;--role-vj:#7a7a80;--tip-bg:#080809f5;--tip-fg:#fff;--font-sans:system-ui, -apple-system, "Segoe UI", "Noto Sans JP", sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Noto Sans Mono", monospace}*{box-sizing:border-box}html{background:var(--bg)}body{color:var(--fg);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;background:0 0;margin:0;line-height:1.6;overflow-x:hidden}a{color:var(--link)}.bg-canvas{z-index:-2;pointer-events:none;width:100%;height:100%;display:block;position:fixed;inset:0}.bg-veil{z-index:-1;pointer-events:none;background:linear-gradient(90deg,#00000080 0,#000c max(0px,50% - 520px) min(100%,50% + 520px),#00000080 100%);position:fixed;inset:0}.page{max-width:860px;margin:0 auto;padding:5rem 1.25rem 6rem;position:relative}.page-header h1{letter-spacing:-.045em;margin:0;font-size:clamp(2.75rem,11vw,4.5rem);font-weight:650;line-height:1}.summary{color:var(--muted);font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.08em;margin:.5rem 0 0;font-size:.75rem}.profile-links{flex-wrap:wrap;gap:.5rem;margin:2rem 0 0;padding:0;list-style:none;display:flex}.profile-links a{border:1px solid var(--border);color:var(--muted);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;border-radius:2px;padding:.3rem .8rem;font-size:.6875rem;text-decoration:none;transition:color .15s,background-color .15s,border-color .15s;display:inline-block}.profile-links a:hover,.profile-links a:focus-visible{background:var(--fg);border-color:var(--fg);color:#000}.tool-links{margin-top:.5rem}[data-role=DJ]{--fill:var(--role-dj)}[data-role=VJ]{--fill:var(--role-vj)}[data-role=DJVJ]{--fill:linear-gradient(45deg, var(--role-dj) 0 50%, var(--role-vj) 50% 100%)}.legend{color:var(--muted);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;flex-wrap:wrap;gap:.5rem 1.5rem;margin:1.25rem 0 0;padding:0;font-size:.6875rem;list-style:none;display:flex}.legend li{align-items:center;gap:.5rem;display:flex}.swatch{background:var(--fill);border-radius:1px;width:10px;height:10px}.year{border-top:1px solid var(--border);margin-top:4rem;padding-top:1.75rem}.year-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1rem;display:flex}.year-title{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.04em;margin:0;font-size:1.5rem;font-weight:500}.year-counts{color:var(--muted);font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.12em;text-transform:uppercase;flex-wrap:wrap;gap:.25rem 1.125rem;margin:0;font-size:.6875rem;display:flex}.year-count{align-items:center;gap:.4rem;display:flex}.year-count:before{content:"";background:var(--fill);border-radius:1px;width:8px;height:8px}.graph-frame{margin-top:1.5rem;container-type:inline-size}.graph{--weekday-width:1.9rem;--label-gap:.4rem;--pitch:calc((100cqw - var(--weekday-width) - var(--label-gap)) / var(--columns));--cell-gap:calc(var(--pitch) * .22);--cell-size:calc(var(--pitch) - var(--cell-gap));grid-template-columns:var(--weekday-width) 1fr;column-gap:var(--label-gap);grid-template-rows:auto auto;row-gap:.5rem;display:grid}.graph-months{grid-area:1/2;grid-template-columns:repeat(var(--columns), var(--cell-size));column-gap:var(--cell-gap);color:var(--muted);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;font-size:.625rem;display:grid}.graph-month{white-space:nowrap;grid-row:1}.graph-weekdays{grid-area:2/1;grid-template-rows:repeat(7, var(--cell-size));row-gap:var(--cell-gap);color:var(--muted);font-family:var(--font-mono);font-size:.625rem;line-height:1;display:grid}.graph-weekday{text-align:right;white-space:nowrap;align-self:center}.graph-cells{grid-area:2/2;grid-template-rows:repeat(7, var(--cell-size));grid-auto-flow:column;grid-auto-columns:var(--cell-size);gap:var(--cell-gap);display:grid}.cell{border-radius:max(1px, calc(var(--cell-size) * .14));background:var(--cell-empty)}.cell[data-role]{background:var(--fill)}.cell[data-outside]{background:0 0}.cell[data-real]:after{content:"";width:max(2px, calc(var(--cell-size) * .38));height:max(2px, calc(var(--cell-size) * .38));background:var(--bg);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cell[data-role]{cursor:pointer;position:relative}.cell[data-role]:hover,.cell[data-role]:focus{outline:1px solid var(--fg);outline-offset:1px;z-index:3}.tip{z-index:3;border:1px solid var(--border);background:var(--tip-bg);pointer-events:none;border-radius:6px;gap:.625rem;width:max-content;padding:.5rem;display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.cell[data-role]:hover .tip,.cell[data-role]:focus .tip{display:flex}.graph-cells:hover .cell[data-role]:focus:not(:hover) .tip{display:none}.tip-flyer{aspect-ratio:3/4;object-fit:contain;background:#000;border-radius:3px;width:min(258px,62cqw);display:block}.tip-caption{max-width:min(258px,62cqw);color:var(--muted);font-family:var(--font-mono);font-size:.6875rem;line-height:1.5;display:block}.tip-flyer+.tip-caption{margin-top:.5rem}.cell[data-tip-align=start] .tip{left:0;transform:none}.cell[data-tip-align=end] .tip{left:auto;right:0;transform:none}.year-list{margin-top:1.5rem}.year-list summary{cursor:pointer;color:var(--muted);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:.6875rem}.year-list summary:hover{color:var(--fg)}.year-list ol{gap:.5rem;margin:1rem 0 0;padding:0;font-size:.875rem;list-style:none;display:grid}.year-list li{grid-template-columns:6.5rem 4.5rem 1fr;align-items:baseline;gap:.5rem;display:grid}.year-list time{color:var(--muted);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:.75rem}.badge{border:1px solid var(--border);color:var(--muted);font-family:var(--font-mono);letter-spacing:.1em;white-space:nowrap;border-radius:2px;justify-self:start;padding:.1rem .45rem;font-size:.625rem}.event-title{overflow-wrap:anywhere;color:inherit}a.event-title{text-decoration:underline;-webkit-text-decoration-color:var(--border);text-decoration-color:var(--border);text-underline-offset:.25em;transition:text-decoration-color .15s}a.event-title:hover,a.event-title:focus-visible{text-decoration-color:currentColor}@media (max-width:34rem){.graph{--weekday-width:0px;--label-gap:0px}.graph-weekdays{display:none}.graph-months{letter-spacing:.04em;font-size:.5rem}.year-list li{grid-template-columns:5.5rem 1fr}.year-list .badge,.year-list .event-title{grid-column:2}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important}}.showcase-section{position:relative}.page-intro{padding-top:2.5rem;padding-bottom:0}.page-intro .page-header{flex-wrap:wrap;align-items:flex-end;gap:1rem 1.5rem;display:flex}.page-intro .header-links{flex-direction:column;gap:.5rem;display:flex}.page-intro .profile-links{margin:0}.page-history{padding-top:4rem}.showcase{grid-template-columns:repeat(3,1fr);gap:0;margin:3rem 0 0;padding:0;list-style:none;display:grid}.showcase li{position:relative}.showcase li:last-child:nth-child(3n+1){grid-column:span 3}.showcase li:last-child:nth-child(3n+2){grid-column:span 2}.showcase li:last-child video{max-height:60vh}.showcase-title{font-family:var(--font-mono);letter-spacing:.04em;align-items:center;gap:.75rem;margin:4rem 0 0;padding:0 1.25rem;font-size:1.5rem;font-weight:500;display:flex}.volume-note{border:1px solid var(--border);color:var(--muted);letter-spacing:.08em;border-radius:2px;align-items:center;gap:.3rem;padding:.2rem .55rem;font-size:.6875rem;display:inline-flex}.volume-note svg{fill:currentColor;width:.9rem;height:.9rem}.showcase-title+.showcase,.showcase-title+.showcase-hero{margin-top:1rem}.showcase-hero+.showcase{margin-top:0}.showcase-section>.showcase-title:first-child{margin-top:2rem}.showcase-hero{--hero-top:12.75rem;background:#000;position:relative}.showcase-hero video{aspect-ratio:16/9;width:100%;max-height:calc(100svh - var(--hero-top));object-fit:contain;background:#000;display:block}.showcase video,.showcase iframe{aspect-ratio:16/9;object-fit:cover;background:#000;border:0;width:100%;display:block}@media (max-width:56rem){.showcase{grid-template-columns:repeat(2,1fr)}.showcase li:last-child:nth-child(n){grid-column:auto}.showcase li:last-child:nth-child(odd){grid-column:span 2}}@media (max-width:34rem){.showcase{grid-template-columns:1fr}.showcase li:last-child:nth-child(n){grid-column:auto}}.showcase-play{cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;inset:0}.showcase-play>svg{width:3.5rem;height:3.5rem;fill:var(--fg);background:#0009;border-radius:50%;padding:.9rem;transition:opacity .15s,background-color .15s}.showcase-play:hover>svg,.showcase-play:focus-visible>svg{background:#000000d9}.showcase-play[data-playing=true]>svg{opacity:0}.showcase-mute{color:var(--fg);font-family:var(--font-mono);letter-spacing:.08em;background:#0009;align-items:center;gap:.4rem;padding:.35rem .6rem;font-size:.625rem;transition:background-color .15s;display:inline-flex;position:absolute;bottom:1rem;right:1rem}.showcase-play:hover .showcase-mute,.showcase-play:focus-visible .showcase-mute{background:#000000d9}.showcase-mute svg{fill:currentColor;width:1rem;height:1rem}.showcase-source{z-index:1;color:var(--muted);font-family:var(--font-mono);letter-spacing:.08em;background:#0009;padding:.25rem .5rem;font-size:.625rem;text-decoration:none;position:absolute;top:0;left:0}.showcase-source:hover,.showcase-source:focus-visible{background:var(--fg);color:#000}