:root{--date-color:#260803;--chance-color:#8af;--date-display-color:#a65b60;--chance-display-color:#b7c8ff;color:#f3edef;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;background:#050306;font-family:Inter,Helvetica Neue,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif}*{box-sizing:border-box}html{background:#050306;min-width:320px;min-height:100%}body{background:#050306;min-width:320px;min-height:100%;margin:0}button,input,code{font:inherit}button,input{color:inherit}a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:1px}.skip-link{z-index:20;color:#110b10;background:#fff8fa;border-radius:.3rem;padding:.55rem .75rem;font-size:.85rem;position:fixed;top:.75rem;left:.75rem;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:3;justify-content:space-between;align-items:center;gap:1.5rem;display:flex;position:relative}.site-header--page{width:min(100% - 3rem,72rem);margin:0 auto;padding:1.45rem 0}.wordmark{color:#f3edeff0;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;font-size:.63rem;font-weight:600;text-decoration:none}nav{flex-wrap:wrap;justify-content:flex-end;gap:.25rem;display:flex}nav a{color:#f3edefb8;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;min-height:2.5rem;padding:.4rem .7rem;font-size:.68rem;text-decoration:none;display:inline-flex}nav a:hover,nav a[aria-current=page]{color:#fff9fb;background:#fffafc1a}a:focus-visible,button:focus-visible,input:focus-visible{outline-offset:3px;outline:2px solid #fff4fa}.artwork{isolation:isolate;padding:max(1.25rem, env(safe-area-inset-top)) max(1.25rem, env(safe-area-inset-right)) max(1.25rem, env(safe-area-inset-bottom)) max(1.25rem, env(safe-area-inset-left));position:relative;overflow:hidden}.artwork--full{grid-template-rows:auto 1fr auto auto;width:100%;min-height:100svh;display:grid}.artwork--play{grid-template-rows:auto 1fr auto;width:100%;min-height:100svh;display:grid}#artwork-canvas,.vignette{width:100%;height:100%;position:absolute;inset:0}#artwork-canvas{z-index:0;touch-action:pan-y}.vignette{z-index:1;pointer-events:none;background:linear-gradient(#0302047a,#0000 28% 66%,#03020494),radial-gradient(circle,#0000 34%,#02010347)}.artwork-intro,.artwork-meta,.artwork-links,.play-panel{z-index:2;position:relative}.artwork-intro{align-self:center;padding:3rem 0 5rem}.eyebrow,.motion-status,.color__label,.interaction-hint,.archive-tile b{color:#f3edef94;letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.61rem;font-weight:500;line-height:1.5}h1,h2,p{margin-top:0}.artwork h1{letter-spacing:.04em;margin:.3rem 0 0;font-size:clamp(1.75rem,7vw,4.8rem);font-weight:400;line-height:.98}.artwork-meta{justify-content:space-between;align-items:flex-end;gap:1.5rem;display:flex}.palette{gap:.55rem;display:flex}.color{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0503066b;border:1px solid #f3edef21;border-radius:.55rem;grid-template-columns:1fr auto;align-items:center;gap:.42rem .8rem;min-width:9.5rem;padding:.58rem .65rem .62rem;display:grid}.color:first-child{border-color:color-mix(in srgb, var(--date-display-color) 34%, transparent)}.color:last-child{border-color:color-mix(in srgb, var(--chance-display-color) 42%, transparent)}.swatch{border:1px solid #ffffff29;border-radius:999px;grid-column:1/-1;width:100%;height:.3rem}.color:first-child .swatch{box-shadow:0 0 1.1rem color-mix(in srgb, var(--date-display-color) 28%, transparent)}.color:last-child .swatch{box-shadow:0 0 1.2rem color-mix(in srgb, var(--chance-display-color) 34%, transparent)}.color code,.archive-tile code{color:#f3edefeb;letter-spacing:.08em;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.72rem}.color:first-child code{color:color-mix(in srgb, var(--date-display-color) 72%, white)}.color:last-child code{color:color-mix(in srgb, var(--chance-display-color) 82%, white)}.controls{justify-items:end;gap:.55rem;display:grid}.motion-status{letter-spacing:.1em;text-transform:none}.play-toggle,.color-input-row button{border:1px solid color-mix(in srgb, var(--chance-display-color) 32%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#08050985;border-radius:999px;justify-content:center;align-items:center;gap:.7rem;min-height:2.75rem;padding:.65rem 1rem;display:inline-flex}.play-toggle:hover,.color-input-row button:hover{background:#160d17b8;border-color:#f3edef8c}.play-toggle__icon{border-left:2px solid;border-right:2px solid;width:.6rem;height:.68rem}.play-toggle.is-paused .play-toggle__icon{border:.36rem solid #0000;border-left:.58rem solid;border-right:0;width:0;height:0}.play-toggle__label{letter-spacing:.08em;font-size:.7rem}.interaction-hint{right:max(1.25rem, env(safe-area-inset-right));transform-origin:100% 100%;white-space:nowrap;position:absolute;bottom:50%;transform:translateY(50%)rotate(-90deg)translate(50%)}.artwork-links{color:#f3edefc2;letter-spacing:.08em;justify-content:space-between;gap:1rem;margin-top:1.2rem;font-size:.68rem;display:flex}.page-shell{width:min(100% - 3rem,72rem);margin:0 auto;padding:clamp(3rem,8vw,7rem) 0 5rem}.page-shell h1{letter-spacing:-.045em;max-width:17ch;margin-bottom:1rem;font-size:clamp(2.4rem,7vw,5.5rem);font-weight:400;line-height:.96}.page-lede,.prose .intro{color:#f3edefb3;max-width:38rem;font-size:clamp(1rem,2vw,1.2rem);line-height:1.75}.archive-months{justify-content:flex-start;margin:2.25rem 0 1.25rem}.archive-months a{border:1px solid #f3edef38}.archive-back{color:#f3edefad;margin:2rem 0 1.25rem;font-size:.84rem}.archive-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;display:grid}.archive-tile{background:radial-gradient(circle at 78% 25%, color-mix(in srgb, var(--tile-chance) 48%, transparent), transparent 38%), linear-gradient(145deg, color-mix(in srgb, var(--tile-date) 76%, #050306), #0b060a);border:1px solid #f3edef29;border-radius:.7rem;grid-template-rows:1fr auto auto;gap:.55rem;min-height:clamp(12rem,27vw,20rem);padding:.85rem;text-decoration:none;display:grid;position:relative;overflow:hidden}.archive-tile:hover{border-color:#f3edef94;transform:translateY(-2px)}.archive-tile__veil{opacity:.62;background:linear-gradient(105deg, transparent 28%, color-mix(in srgb, var(--tile-chance) 46%, transparent), transparent 65%);position:absolute;inset:-30%;transform:rotate(-18deg)}.archive-tile time,.archive-tile span:not(.archive-tile__veil){z-index:1;position:relative}.archive-tile time{letter-spacing:.04em;align-self:start;font-size:clamp(1rem,2vw,1.5rem)}.archive-tile span:not(.archive-tile__veil){justify-content:space-between;gap:.5rem;display:flex}.loading{color:#f3edef99}.play-panel{align-self:center;width:min(100%,34rem);padding:3rem 0 5rem}.play-panel h1{letter-spacing:-.06em;margin:.25rem 0 1rem;font-size:clamp(3rem,9vw,6rem);font-weight:400;line-height:.9}.play-panel>p{color:#f3edefb8;max-width:32rem;line-height:1.65}.play-panel form{margin-top:1.8rem}.play-panel label{color:#f3edefbd;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.55rem;font-size:.76rem;display:block}.color-input-row{gap:.55rem;display:flex}.color-input-row input{letter-spacing:.08em;background:#0503068f;border:1px solid #f3edef59;border-radius:.45rem;width:min(100%,17rem);min-height:2.75rem;padding:.55rem .75rem;font-family:SFMono-Regular,Consolas,monospace}.color-input-row button{letter-spacing:.07em;border-radius:.45rem;font-size:.72rem}#color-help,.form-error{margin:.55rem 0 0;font-size:.75rem;line-height:1.5}#color-help{color:#f3edef85}.form-error{color:#ffb4c3}.prose{max-width:55rem}.prose section{border-top:1px solid #f3edef24;max-width:41rem;margin-top:3.5rem;padding-top:1.25rem}.prose h2{letter-spacing:.11em;text-transform:uppercase;margin-bottom:.6rem;font-size:.82rem;font-weight:600}.prose section p{color:#f3edefb8;line-height:1.85}.prose code{color:#ffd7df;font-family:SFMono-Regular,Consolas,monospace}@media (width<=639px){.site-header{align-items:flex-start;gap:.7rem}.site-header--page{width:min(100% - 2rem,72rem);padding:1rem 0}.wordmark{padding-top:.58rem;font-size:.55rem}nav{gap:0;max-width:15.4rem}nav a{min-height:2.25rem;padding:.35rem .5rem;font-size:.62rem}.artwork{padding-top:max(1rem, env(safe-area-inset-top));padding-bottom:max(1rem, env(safe-area-inset-bottom))}.artwork-intro{padding:2.6rem 0 3.5rem}.artwork-meta{align-items:end;gap:.75rem}.palette{gap:.42rem;display:grid}.color{gap:.28rem .55rem;min-width:7.7rem;padding:.42rem .5rem .46rem}.color__label,.eyebrow{font-size:.54rem}.color code{font-size:.68rem}.motion-status{text-align:right;max-width:7.5rem}.interaction-hint{display:none}.artwork-links{margin-top:.8rem}.page-shell{width:min(100% - 2rem,72rem);padding-top:3.5rem}.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.archive-tile{min-height:11.5rem;padding:.65rem}.archive-tile code{font-size:.62rem}.play-panel{padding:2rem 0 3rem}.color-input-row{grid-template-columns:1fr auto;display:grid}.color-input-row input{width:100%;min-width:0}}@media (prefers-reduced-motion:reduce){.play-toggle,.archive-tile{transition:none}.archive-tile:hover{transform:none}}