@import url("https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@300;400;500&display=swap");@layer tokens,elements,objects,complex;@property --u{syntax: "<length>";inherits: true;initial-value: 15px;}@property --u-page{syntax: "<length>";inherits: true;initial-value: 15px;}@property --tile-turn{syntax: "<angle>";inherits: false;initial-value: 0deg;}@layer tokens{:root{color-scheme: dark;--ink: #fff;--ink-2: rgba(235,235,245,.75);--ink-3: rgba(235,235,245,.55);--blue: #0a84ff;--green: #30d158;--yellow: #ffd60a;--red: #ff453a;--orange: #ff9f0a;--grey: #8e8e93;--cyan: #64d2ff;--hue-purple: #bf5af2;--hue-babyblue: #7fd3ff;--hue-yellow: #ffd60a;--hue-grey: #9fb4d8;--hue: var(--hue-grey);--line: rgba(255,255,255,.14);--scrim: rgba(0,0,0,.55);--glass: rgba(255,255,255,.06);--glass-blur: blur(calc(var(--u-page) * 1.3)) saturate(1.55);--sheet: rgba(44,44,46,.94);--raised: #2c2c2e;--track: rgba(120,120,128,.24);--ground-base: #0b0c10;--ground: radial-gradient(90% 28% at 8% 0%,rgba(70,96,170,.16),transparent 70%),radial-gradient(80% 22% at 100% 34%,rgba(60,150,170,.07),transparent 70%),radial-gradient(90% 26% at 0% 62%,rgba(120,80,170,.07),transparent 70%),radial-gradient(100% 24% at 90% 96%,rgba(70,90,160,.08),transparent 70%),linear-gradient(180deg,#0e1016 0%,#0b0c10 50%,#0d0d12 100%);--hue-ring: .45;--hue-bloom: 26%;--off-opacity: .35;--press-scale: .96;--font-body: -apple-system,BlinkMacSystemFont,"SF Pro Text",system-ui,sans-serif;--hairline: 1px;container-type: inline-size;}*,*::before,*::after{--sp-1: calc(var(--u) / 8);--sp-2: calc(var(--u) / 4);--sp-3: calc(var(--u) / 2);--sp-4: calc(var(--u) * .75);--sp-5: var(--u);--sp-6: calc(var(--u) * 1.5);--sp-7: calc(var(--u) * 2);--sp-8: calc(var(--u) * 3);--fs-1: calc(var(--u) * .625);--fs-2: calc(var(--u) * .75);--fs-3: calc(var(--u) * .875);--fs-4: var(--u);--fs-5: calc(var(--u) * 1.25);--fs-6: calc(var(--u) * 1.5);--fs-7: calc(var(--u) * 2);--fs-8: calc(var(--u) * 2.5);--fs-9: calc(var(--u) * 3.5);--r-hold: calc(var(--u) * .75);--r-press: calc(var(--u) * 1.25);--r-round: 50%;}[data-hue="purple"]{--hue: var(--hue-purple);}[data-hue="babyblue"]{--hue: var(--hue-babyblue);}[data-hue="yellow"]{--hue: var(--hue-yellow);}[data-hue="red"]{--hue: var(--red);}[data-tone="blue"]{--tone: var(--blue);}[data-tone="green"]{--tone: var(--green);}[data-tone="yellow"]{--tone: var(--yellow);}[data-tone="red"]{--tone: var(--red);}[data-tone="orange"]{--tone: var(--orange);}[data-tone="grey"]{--tone: var(--grey);}}@layer elements{*,*::before,*::after{margin: 0;padding: 0;box-sizing: border-box;-webkit-tap-highlight-color: transparent;}html{background: var(--ground-base);}body{--u-page: clamp(.875rem,100cqi / 26,1.0625rem);--u: var(--u-page);--gutter: var(--sp-3);min-height: 100vh;background: var(--ground);color: var(--ink);font-family: var(--font-body);font-size: var(--fs-4);line-height: 1.25;padding: max(env(safe-area-inset-top),var(--sp-5)) var(--gutter) max(env(safe-area-inset-bottom),var(--sp-6));}body[data-hue]{background: linear-gradient(155deg,color-mix(in srgb,var(--hue) 20%,transparent) 0%,color-mix(in srgb,var(--hue) 7%,transparent) 35%,transparent 65%) top/100% calc(var(--u) * 70) no-repeat,var(--ground);}h1{font-size: var(--fs-7);font-weight: 700;line-height: 1.1;}h2{font-size: var(--fs-1);font-weight: 600;text-transform: uppercase;letter-spacing: .16em;color: color-mix(in srgb,var(--hue) 60%,rgba(255,255,255,.7));margin: var(--sp-6) var(--sp-2) var(--sp-3);}h3{font-size: var(--fs-4);font-weight: 600;}p{color: var(--tone,var(--ink-2));}small{font-size: var(--fs-2);color: var(--ink-3);}pre{overflow-x: auto;margin: 0 0 var(--sp-2);padding: var(--sp-3);border-radius: var(--r-hold);background: var(--raised);font-size: var(--fs-2);}a{color: inherit;text-decoration: none;}img,svg,video,iframe{display: block;max-width: 100%;}iframe{border: 0;}button{border: 0;background: none;color: inherit;font: inherit;cursor: pointer;text-align: inherit;}input,select,textarea{font: inherit;color: inherit;}ul,ol{list-style: none;}table{border-collapse: collapse;width: 100%;}hr{border: 0;border-top: var(--hairline) solid var(--line);margin: var(--sp-4) 0;}label{display: block;}[hidden]{display: none !important;}}@layer objects{.page{max-width: calc(var(--u-page) * 42);margin: 0 auto;container-type: inline-size;}.title{display: flex;align-items: center;gap: var(--sp-3);margin: 0 0 var(--sp-4);}.title > h1{flex: 1;min-width: 0;text-wrap: balance;overflow-wrap: break-word;}.title-emoji{font-size: calc(var(--fs-7) * var(--emoji-scale,1));}.pane[hidden]{display: none;}:is(.page,.page > house-pane) > :is(.tabs,.pane){margin-inline: calc(var(--gutter) * -1);}:is(.page,.page > house-pane) > .pane{padding-inline: var(--gutter);}:is(.page,.page > .pane,.page > house-pane,.page > house-pane > .pane) > :is(.grid,.panel,.chips,.search,.tabs,p,.seating,.cover,.reel,.button) + :is(.grid,.panel,.chips,.search,.seating,.cover,.reel,p,.button),:is(.page,.page > .pane,.page > house-pane,.page > house-pane > .pane) > :is(.grid,.panel,.chips,.search,.tabs,p,.seating,.cover,.reel,.button) + script + :is(.grid,.panel,.chips,.search,.seating,.cover,.reel,p,.button),:is(.page > .pane,.page > house-pane > .pane) > :is(.grid,.panel,.chips,.search,.seating,.cover,.reel):not(:is(.grid,.panel,.chips,.search,.seating,.cover,.reel,h2) ~ *){margin-top: var(--sp-4);}.press-bar{position: fixed;top: 0;left: 0;right: 0;height: calc(var(--u-page) * .2);z-index: 10000;pointer-events: none;overflow: hidden;}.press-bar::before{content: "";position: absolute;top: 0;bottom: 0;width: 40%;background: var(--blue);animation: press-run .9s ease-in-out infinite;}@keyframes press-run{0%{left: -40%;}100%{left: 100%;}}.button > select{position: absolute;inset: 0;opacity: 0;width: 100%;height: 100%;}.button,.tile{--glass-shadow: inset 0 calc(var(--u) * .45) calc(var(--u)) calc(var(--u) * -.7) rgba(0,0,0,.55),inset 0 calc(var(--hairline) * -1) 0 color-mix(in srgb,var(--hue) 34%,transparent),inset var(--hairline) 0 0 color-mix(in srgb,var(--hue) 22%,transparent),inset 0 calc(var(--u) * -.65) calc(var(--u) * 1.1) calc(var(--u) * -.75) color-mix(in srgb,var(--hue) 30%,transparent),inset 0 var(--hairline) 0 rgba(255,255,255,.07),0 calc(var(--u) * .4) var(--u) rgba(0,0,0,.22);background: radial-gradient(120% 95% at 0% 112%,color-mix(in srgb,var(--hue) var(--hue-bloom),transparent) 0%,color-mix(in srgb,var(--hue) 9%,transparent) 45%,transparent 72%),var(--glass);-webkit-backdrop-filter: var(--glass-blur);backdrop-filter: var(--glass-blur);box-shadow: var(--glass-shadow);position: relative;color: var(--ink);}.button::before,.tile::before{content: "";position: absolute;inset: 0;border-radius: inherit;padding: calc(var(--hairline) * 1.4);pointer-events: none;background: radial-gradient(128% 128% at 100% 0%,color-mix(in srgb,var(--hue) calc(var(--hue-ring)*100%),transparent) 0%,color-mix(in srgb,var(--hue) calc(var(--hue-ring)*52%),transparent) 34%,color-mix(in srgb,var(--hue) calc(var(--hue-ring)*16%),transparent) 58%,transparent 76%);-webkit-mask: linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite: xor;mask: linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite: exclude;}:is(.button,.tile):is([data-state~="on"],[data-state~="playing"],[aria-pressed="true"],[data-state~="open"] > .fold-head > *){--hue-bloom: 38%;--hue-ring: .85;animation: glass-pulse 1.4s ease-out infinite;}:is(.button,.tile):is([data-state~="on"],[data-state~="playing"],[aria-pressed="true"],[data-state~="open"] > .fold-head > *)::before{animation: glass-turn 6s linear infinite;background: conic-gradient(from var(--tile-turn),color-mix(in srgb,var(--hue) 35%,transparent),var(--hue) 22%,color-mix(in srgb,var(--hue) 40%,transparent) 45%,color-mix(in srgb,#fff 85%,var(--hue)) 68%,color-mix(in srgb,var(--hue) 35%,transparent));}.tile[data-state~="alert"],.tile:has(> span.badge:not([data-look="glyph"])){--attn: var(--tone,var(--red));animation: glass-attn 1.6s ease-out infinite;}:is(.button,.tile)[data-state~="sending"]::after{content: "";position: absolute;inset: 0;border-radius: inherit;padding: calc(var(--hairline) * 2);pointer-events: none;background: conic-gradient(from var(--tile-turn),transparent 0 55%,var(--hue));animation: glass-turn 1s linear infinite;-webkit-mask: linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite: xor;mask: linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite: exclude;}:is(.button,.tile)[data-state~="sent"]{animation: glass-sent 1.1s ease-out 1;}:is(.button,.tile):is(:disabled,[data-state~="off"],[data-state~="locked"],[data-state~="unwell"]),.button[data-state~="held"]{opacity: var(--off-opacity);pointer-events: none;}.tile[data-state~="held"]{pointer-events: none;}.tile[data-state~="held"] > :not(.picture[data-look="profile-pic"]){opacity: var(--off-opacity);}:is(.button,.tile):active{transform: scale(var(--press-scale));}@keyframes glass-pulse{0%{box-shadow: var(--glass-shadow),0 0 calc(var(--u) * .25) 0 color-mix(in srgb,var(--hue) 55%,transparent);}100%{box-shadow: var(--glass-shadow),0 0 calc(var(--u) * 1.4) calc(var(--u) * .5) transparent;}}@keyframes glass-attn{0%{box-shadow: var(--glass-shadow),0 0 calc(var(--u) * .25) 0 color-mix(in srgb,var(--attn) 60%,transparent);}100%{box-shadow: var(--glass-shadow),0 0 calc(var(--u) * 1.4) calc(var(--u) * .5) transparent;}}@keyframes glass-turn{to{--tile-turn: 360deg;}}@keyframes glass-sent{0%{box-shadow: var(--glass-shadow),0 0 0 calc(var(--u) * .2) color-mix(in srgb,var(--green) 70%,transparent);}100%{box-shadow: var(--glass-shadow);}}@media (prefers-reduced-motion: reduce){.button,.tile,.button::before,.tile::before,.button::after,.tile::after{animation: none !important;}}.button{display: flex;align-items: center;justify-content: center;gap: var(--sp-4);padding: var(--sp-5);border-radius: var(--r-press);font-size: var(--fs-4);font-weight: 600;text-align: center;min-width: 0;}:is(.page,.pane,.panel,.form,.fold-body,house-pane) > .button:not([data-look]){width: 100%;}.button[data-state~="alert"]{color: var(--red);}.button-emoji{font-size: calc(var(--fs-6) * var(--emoji-scale,1));line-height: 1;}.button > [data-stat]{display: block;width: 100%;margin-top: var(--sp-1);font-size: var(--fs-1);font-weight: 400;line-height: 1.2;color: var(--ink-3);}.button > [data-stat][data-state~="alert"]{color: var(--red);}.button-name{min-width: 0;text-wrap: balance;}[data-look="overlap"]{letter-spacing: -.45em;padding-right: .45em;}.button:is([data-look="round"],[data-look="well"]){width: var(--size,calc(var(--u) * 3));aspect-ratio: 1;padding: 0;border-radius: var(--r-round);font-size: var(--fs-6);flex: none;}.button[data-look="bare"]{background: none;box-shadow: none;-webkit-backdrop-filter: none;backdrop-filter: none;padding: var(--sp-2);font-weight: inherit;animation: none;}.button[data-look="bare"]::before{content: none;}.button[data-look="well"]:not([data-state~="on"]){-webkit-backdrop-filter: none;backdrop-filter: none;background: radial-gradient(circle at 50% 38%,rgba(0,0,0,.14) 0%,rgba(0,0,0,.24) 55%,rgba(0,0,0,.4) 100%);box-shadow: inset 0 calc(var(--hairline) * 1.5) calc(var(--hairline) * 3) rgba(0,0,0,.45),inset 0 calc(var(--hairline) * -1) 0 rgba(255,255,255,.2),inset calc(var(--hairline) * -1) calc(var(--hairline) * -1) var(--hairline) rgba(255,255,255,.08),0 0 0 var(--hairline) rgba(0,0,0,.16);}.button[data-look="well"]:not([data-state~="on"])::before{content: none;}.button[data-look="well"]:is([data-vote="loved"],[data-juke-thumb="loved"],[data-jam-vote="loved"]){--hue: #ff3b5c;}.button[data-look="well"]:is([data-vote="loved"],[data-juke-thumb="loved"],[data-jam-vote="loved"]) > .button-emoji{translate: 0 calc(var(--u) * .1);}.button[data-look="well"]:is([data-vote="party"],[data-juke-flag="party"]){--hue: #ffb340;}.button[data-look="well"]:is([data-vote="party"],[data-juke-flag="party"]) > .button-emoji{transform: scaleX(-1);}.button[data-look="well"]:is([data-vote="car"],[data-juke-flag="car"]){--hue: var(--red);}.button[data-look="well"]:is([data-vote="hated"],[data-vote="crap"],[data-juke-crap],[data-jam-vote="hated"]){--hue: #804e2e;}.button[data-look="well"]:is([data-vote="hated"],[data-vote="crap"],[data-juke-crap],[data-jam-vote="hated"]) > .button-emoji{translate: 0 calc(var(--u) * -.17);}.tile{display: flex;flex-direction: column;align-items: flex-start;justify-content: space-between;gap: var(--sp-4);width: 100%;min-width: 0;aspect-ratio: var(--tile-ratio,auto);padding: var(--sp-4);border-radius: var(--r-press);text-align: left;overflow: clip;}.tile-emoji{font-size: calc(var(--fs-7) * var(--emoji-scale,1));line-height: 1;}:is(.tile-emoji,.button-emoji) > .picture:not([data-look="profile-pic"]){width: 1em;height: 1em;background: none;}.tile-emoji:has(> .picture[data-look="profile-pic"]){align-self: center;--profile-pic: calc(var(--u) * 4);}.tile-name{font-size: var(--fs-3);font-weight: 600;line-height: 1.15;}.tile-data,.tile-sub{font-size: var(--fs-2);font-weight: 600;color: var(--ink-3);}.tile-data[data-reading]{font-size: var(--fs-6);line-height: 1.1;color: var(--ink);}.tile-data[data-reading] > small{margin-left: .1em;font-weight: 600;}.tile:not(:has(> .tile-name)) > .tile-data[data-reading]{margin-top: auto;}.tile:not(:has(> .tile-name)) > .tile-data[data-reading] + .tile-sub{margin-top: calc(var(--sp-1) - var(--sp-4));}.tile > .badge{position: absolute;z-index: 2;top: var(--sp-3);right: var(--sp-3);}.tile:not([data-look="seat"]) > .picture[data-look="profile-pic"]{position: absolute;z-index: 2;top: var(--sp-3);right: var(--sp-3);--profile-pic: calc(var(--u) * 1.6);}.tile[data-state~="lit"]{--hue: var(--yellow);--hue-bloom: 34%;}.tile[data-state~="night"]{--hue: var(--blue);}.tile[data-state~="done"]{box-shadow: inset 0 0 0 calc(var(--hairline) * 2) color-mix(in srgb,var(--hue) 85%,transparent);}.tile[data-fill]{background-image: linear-gradient(0deg,color-mix(in srgb,var(--hue) 30%,transparent) var(--fill),transparent var(--fill)),radial-gradient(120% 95% at 0% 112%,color-mix(in srgb,var(--hue) var(--hue-bloom),transparent) 0%,transparent 72%);}.tile[data-look="picture"]{padding: 0;gap: 0;--tile-ratio: var(--art-ratio,auto);justify-content: flex-end;min-height: calc(var(--sp-4) * 3 + var(--fs-7) + var(--fs-3) * 1.15);}:is(.tile[data-look="picture"],.button) > .picture{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;border-radius: inherit;}.button:has(> .picture){isolation: isolate;}.button > .picture{z-index: -1;}.tile[data-state~="private"] > .picture{filter: blur(calc(var(--u) * 1.2)) grayscale(1);}.tile[data-look="picture"] > .tile-name{position: relative;width: 100%;padding: var(--sp-3) var(--sp-4);background: linear-gradient(transparent,rgba(0,0,0,.6));}.tile[data-look="picture"]:has(> .tile-data[data-reading]){display: grid;grid-template-columns: 1fr auto;align-content: end;}.tile[data-look="picture"] > .tile-name:has(~ .tile-data[data-reading]){font-size: var(--fs-6);line-height: 1.1;}.tile[data-look="picture"] > .tile-data{position: relative;padding: var(--sp-3) var(--sp-4);text-align: right;background: linear-gradient(transparent,rgba(0,0,0,.6));}.tile[data-look="picture"]:has(> .tile-data[data-reading]) > .tile-sub{grid-column: 1 / -1;}.tile[data-look="picture"] > .tile-sub{position: relative;width: 100%;padding: 0 var(--sp-4) var(--sp-3);background: rgba(0,0,0,.6);}.grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(min(100%,calc(var(--u-page) * var(--grid-min,7.7))),1fr));gap: var(--sp-4);container-type: inline-size;}.grid:has(> .button){grid-template-columns: repeat(auto-fill,minmax(min(100%,calc(var(--u-page) * var(--grid-button-min,10.5))),1fr));}.grid[style*="--grid-cols"]{grid-template-columns: repeat(var(--grid-cols),minmax(0,1fr));}.grid > *{--u: clamp(calc(var(--u-page) * .6),calc((100cqi - (var(--grid-cols,2) - 1) * var(--u-page) * .75) / var(--grid-cols,2) / 7),var(--u-page));}.grid > :is(h2,.subtitle){grid-column: 1 / -1;--u: var(--u-page);}.grid > .tile[data-cam]:only-child{grid-column: 1 / -1;}.grid > .fold{display: contents;}.grid > .fold > .fold-body{grid-column: 1 / -1;--u: var(--u-page);}.grid > .fold > .fold-head > .fold-caret{display: none;}.grid:has(> .fold){grid-auto-flow: row dense;}.grid > small{text-align: center;}.grid[data-state~="jiggle"] > .tile{animation: jiggle .28s ease-in-out infinite;}.grid[data-state~="jiggle"] > .tile:nth-child(2n){animation-delay: .09s;}.grid[data-state~="jiggle"] > .tile:nth-child(3n){animation-delay: .17s;}.grid > .tile[data-lift]{z-index: 5;animation: none;}.grid > .tile[data-flip]{transition: transform .22s ease-out;}[data-jiggle-done]{position: fixed;left: 50%;bottom: calc(var(--sp-6) + env(safe-area-inset-bottom));transform: translateX(-50%);z-index: 60;}@keyframes jiggle{0%,100%{transform: rotate(-1.1deg);}50%{transform: rotate(1.1deg);}}.chips{--chip-min: 4;display: grid;gap: var(--sp-3);grid-template-columns: repeat(var(--chip-cols,auto-fit),minmax(min(calc(var(--u) * var(--chip-min)),calc((100% - (var(--chip-cols,1) - 1) * var(--sp-3)) / var(--chip-cols,1))),1fr));}.chips:has(> .field-label){--chip-min: 7;}.chips > .button{padding: var(--sp-3) var(--sp-2);font-size: var(--fs-3);}.chips > .button[data-look="round"]{justify-self: center;max-width: 100%;}.chips > :is(.subtitle,p){grid-column: 1 / -1;}.button-emoji > .dot{width: 1em;}.chips > .button:is([aria-pressed="true"],[aria-current="true"]){--hue-bloom: 38%;--hue-ring: .85;}.chips[data-look="emoji"]{--chip-cols: 7;--chip-min: 0;gap: var(--sp-1);}.chips[data-look="emoji"] > .button{padding: var(--sp-1) 0;font-size: calc(var(--u) * 2.1 * var(--emoji-scale,1));line-height: 1.15;}.chips[data-look="small"]{gap: var(--sp-2);}.chips[data-look="small"] > .button{gap: var(--sp-2);padding: var(--sp-2) var(--sp-3);font-size: var(--fs-2);}.chips[data-look="small"] > .button > .button-emoji{font-size: calc(1em * var(--emoji-scale,1));}.chips[data-look="small"] > .button > .button-emoji > .picture[data-look="profile-pic"]{--profile-pic: calc(var(--u) * 1.1);}.chips[data-look="small"] > .button[data-look="round"]{--size: calc(var(--u) * 2.2);padding: 0;}.chips[data-look="small"] > .button[data-look="round"] > .button-emoji{font-size: calc(var(--u) * 1.25 * var(--emoji-scale,1));}.chips[data-look="cloud"]{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}.chips[data-look="cloud"] > .button{font-size: calc(var(--fs-2) + var(--w,1) * var(--u) / 4);}.panel{background: var(--glass);-webkit-backdrop-filter: var(--glass-blur);backdrop-filter: var(--glass-blur);border-radius: var(--r-hold);margin-bottom: var(--sp-2);overflow: clip;container-type: inline-size;}.panel:empty{display: none;}.panel[data-state~="on"]{box-shadow: inset 0 0 0 calc(var(--hairline) * 2) color-mix(in srgb,var(--hue) 85%,transparent);}.panel[data-state~="alert"]{box-shadow: inset 0 0 0 calc(var(--hairline) * 2) var(--red);}.panel > :is(p,small,.chips,.subtitle,h3){padding: var(--sp-4);}.panel > :is(p,small){display: block;}.form{padding: var(--sp-4);}.form > .subtitle:first-child{margin-top: 0;}.form > :is(.field,.chips,.slider){width: 100%;}.form > input.field{text-align: center;}.form > .row{padding: var(--sp-2) 0;min-height: 0;}.form > .row > .row-control:has(> .field){flex: 0 0 55%;max-width: 55%;flex-wrap: nowrap;align-self: center;}.form > .row:has(> .row-control > .field) > .row-text,.form > .row:has(> .row-control) > .row-text{flex: 1 1 auto;min-width: 0;}.form > .row > .row-control > .field + span{flex: none;margin-left: var(--sp-2);color: var(--ink-3);}.form > .row > .row-control > .field{width: 100%;height: calc(var(--u) * 2.9);min-height: 0;line-height: 1.25;padding-block: calc((var(--u) * 2.9 - 1.25em - var(--hairline) * 2) / 2);}.form > .row + .row{border-top: 0;}.form > :not(.subtitle) + .row,.form > .row + :not(.row){margin-top: var(--sp-4);}.panel > p{white-space: pre-line;}p > .badge{margin: 0 var(--sp-1) var(--sp-2) 0;}.subtitle{font-size: var(--fs-1);font-weight: 600;text-transform: uppercase;letter-spacing: .16em;color: color-mix(in srgb,var(--hue) 60%,rgba(255,255,255,.7));margin: var(--sp-6) var(--sp-2) var(--sp-3);display: flex;align-items: center;gap: var(--sp-3);}:is(.page,.page > .pane,.page > house-pane,.page > house-pane > .pane) > :is(.subtitle,h2){margin-top: calc(var(--sp-6) + var(--sp-4));margin-bottom: calc(var(--sp-3) + var(--sp-4));}:is(.page,.page > .pane,.page > house-pane,.page > house-pane > .pane,.page > .grid) > :is(.subtitle,h2){position: relative;}:is(.page,.page > .pane,.page > house-pane,.page > house-pane > .pane,.page > .grid) > :is(.subtitle:not([data-look="centred"]),h2)::after{content: "";position: absolute;left: 0;right: 0;bottom: calc(var(--sp-2) * -1);height: var(--hairline);pointer-events: none;background: linear-gradient(90deg,color-mix(in srgb,currentColor 50%,#000) 0%,color-mix(in srgb,currentColor 50%,#000) 60%,transparent 100%);}.subtitle > :last-child:not(:first-child){margin-left: auto;}:is(:is(.playbug .pane,.intercom,.form) .subtitle,.subtitle[data-look="centred"]){justify-content: center;gap: var(--sp-4);margin: var(--sp-4) 0 var(--sp-3);}:is(:is(.playbug .pane,.intercom,.form) .subtitle,.subtitle[data-look="centred"])::before,:is(:is(.playbug .pane,.intercom,.form) .subtitle,.subtitle[data-look="centred"])::after{content: "";flex: 1;height: var(--hairline);background: linear-gradient(90deg,transparent,color-mix(in srgb,currentColor 45%,transparent));}:is(:is(.playbug .pane,.intercom,.form) .subtitle,.subtitle[data-look="centred"])::after{margin-left: -.16em;background: linear-gradient(90deg,color-mix(in srgb,currentColor 45%,transparent),transparent);}.subtitle > .button[data-look="bare"]{padding: 0;font: inherit;letter-spacing: inherit;text-transform: inherit;color: inherit;--profile-pic: calc(var(--u) * 1.5);}.subtitle > .button > .button-emoji{font-size: calc(1.5em * var(--emoji-scale,1));}.subtitle > .button:last-child{margin-left: auto;}.subtitle > *{display: inline-flex;align-items: center;gap: var(--sp-2);}.row{display: flex;align-items: center;gap: var(--sp-4);padding: var(--sp-4);min-height: calc(var(--u) * 3);}.row + .row,.panel > :is(.row,[data-swipe-del]) + :is(.row,[data-swipe-del]){border-top: var(--hairline) solid var(--line);}.row-mark{flex: none;min-width: var(--sp-6);text-align: center;--profile-pic: var(--sp-6);font-size: calc(1em * var(--emoji-scale,1));}.row-mark > [data-state~="off"]{opacity: var(--off-opacity);}.row-mark > .cover{width: var(--profile-pic);}.row-mark:has(> .cover){--profile-pic: calc(var(--u) * 3);}.row-mark > .badge{width: var(--sp-6);height: var(--sp-6);padding: 0;border-radius: var(--r-round);font-size: calc(var(--sp-6) * .55);}.row-name > .picture{display: inline-block;width: auto;height: 1.2em;margin-right: var(--sp-2);vertical-align: middle;background: none;}.row-text{flex: 1;min-width: calc(var(--u) * 6);}.row-name{font-size: var(--fs-4);overflow-wrap: anywhere;color: var(--tone,var(--ink));}.row-sub{font-size: var(--fs-2);color: var(--tone,var(--ink-3));margin-top: var(--sp-1);}.row-val{flex: 0 1 auto;min-width: 0;text-align: right;text-wrap: balance;white-space: pre-line;color: var(--tone,var(--ink-2));}.row-control{flex: 0 1 auto;min-width: 0;display: flex;flex-wrap: wrap;align-items: center;gap: var(--sp-3);}.row-control > .field{width: auto;max-width: 100%;}.row-control:has(> select){max-width: 50%;}.row-control:has(> select ~ select){max-width: 65%;}:is(.row-mark,.row-control) > [data-tone]:not(.badge,.dot){color: var(--tone);}:is([data-swipe],[data-reorder] [data-row-id]){transition: transform .2s;}[data-state~="held"]:is([data-swipe],[data-row-id]){position: relative;z-index: 5;transition: none;box-shadow: 0 calc(var(--u) * .3) calc(var(--u) * 1.2) var(--scrim);}[data-state~="swiping"]{transition: none;}[data-swipe-del]{position: relative;}[data-swipe-del] > [data-swipe-back]{position: absolute;top: 0;right: 0;bottom: var(--sp-2);width: var(--swipe,0);overflow: hidden;display: grid;place-items: center;background: var(--red);color: var(--ink);font-weight: 600;border-radius: var(--r-hold);}[data-swipe-del]:not(:has([data-state~="swiping"])) > [data-swipe-back]{visibility: hidden;}:is(.row,.song) [data-grip]{cursor: grab;touch-action: none;font-size: var(--fs-5);color: var(--ink-3);padding: 0 var(--sp-2);}.row-control > :is(textarea,input:not([type="number"],[type="date"],[type="checkbox"],[type="file"]),.chips){flex: 1 0 calc(var(--u) * 8);min-width: 0;}.row-control:has(> :is(textarea,input:not([type="number"],[type="date"],[type="checkbox"],[type="file"]),.chips)){flex: 1;min-width: 0;}.row:has(> .row-control > :is(textarea,input:not([type="number"],[type="date"],[type="checkbox"],[type="file"]),.chips)) > .row-text{flex: none;}:is(.row,.song)[data-fill],.song[data-state~="played"]{background-image: linear-gradient(90deg,color-mix(in srgb,var(--hue) 26%,transparent),color-mix(in srgb,var(--hue) 9%,transparent));background-repeat: no-repeat;background-size: var(--fill) 100%;}.row[data-fill][data-state~="alert"]{--hue: var(--red);}.row[data-state~="playing"]{box-shadow: inset calc(var(--u) * .2) 0 0 var(--hue);}.row[data-state~="on"]{background: color-mix(in srgb,var(--blue) 18%,transparent);}.row:is([data-state~="off"],[data-state~="pending"]){opacity: var(--off-opacity);}.row[data-state~="alert"] .row-name{color: var(--red);}.row[data-state~="done"] .row-name{text-decoration: line-through;opacity: .4;}.tabs{display: grid;grid-template-columns: repeat(var(--tab-cols,auto-fit),minmax(calc(var(--u) * 4),1fr));}.tab{--tab-line: var(--line);--tab-stroke: color-mix(in srgb,var(--tab-tint,#8e8e93) 45%,#000);display: flex;flex-direction: column;align-items: center;justify-content: center;gap: var(--sp-1);padding: var(--sp-3) var(--sp-1);position: relative;min-width: 0;font-size: var(--fs-3);font-weight: 600;color: var(--ink-2);border: var(--hairline) solid transparent;border-bottom: 0;border-radius: var(--r-hold) var(--r-hold) 0 0;background: linear-gradient(var(--tab-line),var(--tab-line)) left bottom / 100% var(--hairline) no-repeat border-box;}.tab:first-child{background-image: linear-gradient(90deg,transparent,var(--tab-line));}.tab:last-child{background-image: linear-gradient(90deg,var(--tab-line),transparent);}.tab::before{content: "";position: absolute;inset: 0 var(--sp-1) var(--hairline);border-radius: inherit;pointer-events: none;border: var(--hairline) solid var(--tab-stroke);border-bottom: 0;background: linear-gradient(180deg,color-mix(in srgb,var(--tab-tint,rgba(255,255,255,.3)) 22%,transparent),transparent);}.tab:is([aria-selected="true"],[aria-current="page"]){background: none;color: var(--ink);}.tab:is([aria-selected="true"],[aria-current="page"])::before{inset: calc(var(--hairline) * -1) calc(var(--hairline) * -1) 0;background: linear-gradient(180deg,color-mix(in srgb,var(--tab-tint,rgba(255,255,255,.3)) 22%,transparent),color-mix(in srgb,var(--tab-tint,transparent) 9%,transparent));}[data-tint="blue"]{--tab-tint: var(--blue);}[data-tint="green"]{--tab-tint: var(--green);}[data-tint="yellow"]{--tab-tint: var(--yellow);}[data-tint="red"]{--tab-tint: var(--red);}[data-tint="orange"]{--tab-tint: var(--orange);}[data-tint="grey"]{--tab-tint: var(--grey);}[data-tint="purple"]{--tab-tint: var(--hue-purple);}.pane{background-image: linear-gradient(180deg,color-mix(in srgb,var(--tab-tint,transparent) 9%,transparent),transparent 66%);}.tab[data-state~="lit"]{border-color: var(--tab-tint,var(--hue));}.tab-shine{display: none;position: absolute;inset: calc(var(--hairline) * -1) calc(var(--hairline) * -1) 0;border-radius: inherit;overflow: hidden;pointer-events: none;padding: calc(var(--hairline) * 1.4) calc(var(--hairline) * 1.4) 0;-webkit-mask: linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite: xor;mask: linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite: exclude;}.tab:is([aria-selected="true"],[aria-current="page"]) > .tab-shine{display: block;}.tab-shine::before{content: "";position: absolute;top: 0;bottom: 0;left: 0;width: 40%;will-change: transform;background: linear-gradient(90deg,transparent,color-mix(in srgb,var(--tab-tint,#fff) 40%,#fff),transparent);transform: translateX(-100%);animation: tab-shine 3.2s ease-in-out infinite;}@keyframes tab-shine{to{transform: translateX(250%);}}@media (prefers-reduced-motion: reduce){.tab-shine{display: none !important;}}.tab-mark{font-size: var(--fs-6);line-height: 1;position: relative;}.tabs:has(> .tab > .tab-word:first-child) > .tab{flex-direction: row;gap: var(--sp-2);}.tabs:has(> .tab > .tab-word:first-child) .tab-mark{font-size: 1.15em;}.tab-word{position: relative;max-width: 100%;text-align: center;line-height: 1.15;}.tab > .badge{position: absolute;top: var(--sp-1);right: var(--sp-2);}.tab > small{font-size: var(--fs-2);font-weight: 400;color: var(--ink-3);position: relative;max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}@container (max-width: 40rem){.tabs:has(> :nth-child(5)){--tab-cols: 3;}.tabs:has(> :nth-child(7)){--tab-cols: 4;}.tabs:has(> :nth-child(9)){--tab-cols: 3;}.tabs:has(> :nth-child(10)){--tab-cols: 4;}}.badge{display: inline-flex;align-items: center;justify-content: center;min-width: calc(var(--u) * 1.25);height: calc(var(--u) * 1.25);padding: 0 var(--sp-2);border-radius: calc(var(--u) * .625);background: var(--tone,var(--red));color: #fff;font-size: var(--fs-1);font-weight: 700;line-height: 1;white-space: nowrap;}.badge[data-look="dot"]{min-width: 0;width: calc(var(--u) * .6);height: calc(var(--u) * .6);padding: 0;}.tally{display: flex;flex: none;margin-left: auto;}.tally-cell{display: grid;justify-items: center;gap: var(--sp-2);padding: 0 var(--sp-3);}.tally-cell + .tally-cell{border-left: calc(var(--hairline) * 2) dotted var(--ink-3);}.tally-cell:last-child{padding-right: 0;}.tally-cell > small{font-size: calc(var(--u) * .55);font-weight: 600;letter-spacing: .14em;text-transform: uppercase;color: var(--ink-3);}.tally-cell > .badge{min-width: calc(var(--u) * 1.1);height: calc(var(--u) * 1.1);font-size: calc(var(--u) * .62);}.badge[data-look="spotify"]{display: flex;height: auto;margin: 0 0 var(--sp-3);padding: var(--sp-1) var(--sp-4);gap: var(--sp-2);background: #1db954;color: #191414;font-size: var(--fs-1);font-weight: 300;text-transform: uppercase;letter-spacing: .16em;white-space: nowrap;}.badge[data-look="spotify"]::before{content: "";flex: none;width: calc(var(--u) * .75);aspect-ratio: 1;background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12' fill='%23191414'/%3E%3Cpath fill='%231DB954' d='M17.9 10.9C14.7 9 9.35 8.8 6.3 9.75c-.5.15-1-.13-1.15-.6-.15-.5.13-1 .6-1.15 3.5-1.05 9.4-.85 13.1 1.35.45.25.6.85.35 1.3-.25.35-.85.5-1.3.25zm-.1 2.8c-.25.35-.7.5-1.05.25-2.7-1.65-6.8-2.15-9.95-1.15-.4.1-.85-.1-.95-.5-.1-.4.1-.85.5-.95 3.65-1.1 8.15-.55 11.25 1.35.3.15.45.65.2 1zm-1.2 2.75c-.2.3-.55.4-.85.2-2.35-1.45-5.3-1.75-8.8-.95-.35.1-.65-.15-.75-.45-.1-.35.15-.65.45-.75 3.8-.85 7.1-.5 9.7 1.1.35.15.4.55.25.85z'/%3E%3C/svg%3E");}.badge[data-look="banner"]{position: sticky;top: env(safe-area-inset-top);z-index: 90;display: flex;height: auto;margin: var(--sp-3);padding: var(--sp-3) var(--sp-5);border-radius: var(--r-press);background: var(--blue);color: #fff;font-size: var(--fs-3);font-weight: 600;}.badge[data-look="glyph"]{background: none;min-width: 0;height: auto;padding: 0;font-size: calc(var(--fs-5) * var(--emoji-scale,1));font-weight: 400;}.badge > .picture{width: auto;height: 1em;background: none;border-radius: 0;}.tile > .badge[data-place~="left"]{right: auto;left: var(--sp-3);}.tile > .badge[data-place~="bottom"]{top: auto;bottom: var(--sp-3);}[data-hold]{touch-action: none;user-select: none;-webkit-user-select: none;-webkit-touch-callout: none;}.dot{display: inline-block;width: calc(var(--u) * .55);aspect-ratio: 1;border-radius: var(--r-round);background: var(--tone,var(--grey));flex: none;}.picture{display: block;width: 100%;aspect-ratio: var(--art-ratio,auto);object-fit: cover;border-radius: inherit;background: var(--art,none) center / cover,var(--raised);}div.picture > svg{width: 100%;height: 100%;}.picture[data-look="logo"]{width: auto;max-width: 78%;max-height: calc(var(--u) * 6.4);margin: var(--sp-1) auto var(--sp-5);object-fit: contain;background: none;}.picture[data-look="screen"]{height: 72vh;border: 0;border-radius: var(--r-hold);}[data-invert]{filter: invert(1);}.picture[data-look="profile-pic"]{width: var(--profile-pic,calc(var(--u) * 2));aspect-ratio: 1;border-radius: var(--r-round);flex: none;display: inline-grid;place-items: center;font-size: calc(var(--profile-pic,calc(var(--u) * 2)) * .45);font-weight: 600;overflow: hidden;}.picture[data-look="profile-pic"][data-ring]{box-shadow: 0 0 0 calc(var(--hairline) * 2) var(--ring);}.field{display: block;width: 100%;min-width: 0;min-height: calc(var(--u) * 2.3);padding: var(--sp-5) calc(var(--u) * .6);border-radius: var(--r-hold);border: var(--hairline) solid rgba(255,255,255,.2);background: var(--raised);font-size: var(--fs-4);-webkit-appearance: none;appearance: none;}select.field{padding-right: var(--sp-6);background-image: linear-gradient(45deg,transparent 50%,var(--ink-3) 50%),linear-gradient(135deg,var(--ink-3) 50%,transparent 50%);background-position: calc(100% - var(--sp-4) - var(--sp-2)) 50%,calc(100% - var(--sp-4)) 50%;background-size: var(--sp-2) var(--sp-2);background-repeat: no-repeat;}.field{color: var(--ink);}.field:focus{outline: none;border-color: rgba(255,255,255,.4);background-color: color-mix(in srgb,var(--raised),#fff 8%);}input.field[type="number"]{width: calc(var(--u) * 5);}input.field[type="date"]::-webkit-date-and-time-value{margin: 0;text-align: left;}input.field[type="date"]::-webkit-datetime-edit,input.field[type="date"]::-webkit-datetime-edit-fields-wrapper{padding: 0;}.field-label{display: grid;gap: var(--sp-2);align-content: start;min-width: 0;font-size: var(--fs-1);font-weight: 600;text-transform: uppercase;letter-spacing: .16em;color: var(--ink-3);}.field-label > :is(.field,small){font-weight: 400;text-transform: none;letter-spacing: 0;}textarea.field{resize: vertical;}.field[aria-invalid="true"]{box-shadow: inset 0 0 0 calc(var(--hairline) * 2) var(--red);}.search{display: flex;gap: var(--sp-3);margin-bottom: var(--sp-4);}.search > .field{flex: 1;}.switch{flex: none;-webkit-appearance: none;appearance: none;position: relative;margin: 0;cursor: pointer;width: calc(var(--u) * 2.4);height: calc(var(--u) * 1.45);border-radius: calc(var(--u) * .725);background: var(--track);transition: background .15s;}.switch::before{content: "";position: absolute;top: calc(var(--u) * .125);left: calc(var(--u) * .125);width: calc(var(--u) * 1.2);aspect-ratio: 1;border-radius: var(--r-round);box-sizing: border-box;padding: calc(var(--u) * .36);background: var(--knob-divot) content-box,var(--knob-dome) border-box;box-shadow: var(--knob-shadow);transition: transform .15s;}.switch:checked{background: var(--hue-grey);--knob-divot: radial-gradient(circle at 50% 60%,#fff,var(--hue-grey) 55%,color-mix(in srgb,var(--hue-grey) 65%,#000));}.switch:checked::before{transform: translateX(calc(var(--u) * .95));}.switch:disabled{opacity: var(--off-opacity);cursor: default;}.slider,.switch{--knob-dome: linear-gradient(180deg,#ffffff,#a6a6b0);--knob-divot: linear-gradient(180deg,#9e9ea9,#f6f6f8);--knob-shadow: 0 calc(var(--u) * .1) calc(var(--u) * .35) rgba(0,0,0,.45),0 0 0 calc(var(--u) * .08) color-mix(in srgb,var(--hue) 35%,transparent);}.slider{-webkit-appearance: none;appearance: none;display: block;width: 100%;min-width: 0;--fill: 50%;height: var(--knob,calc(var(--u) * 1.5));margin: 0;border-radius: var(--r-round);background: linear-gradient(90deg,color-mix(in srgb,var(--hue) 20%,transparent),var(--hue)) left center / var(--fill) calc(var(--u) * .25) no-repeat,linear-gradient(var(--track),var(--track)) center / 100% calc(var(--u) * .25) no-repeat;}.slider[dir="rtl"]{background-position: right center;}.slider::-webkit-slider-thumb{-webkit-appearance: none;appearance: none;width: var(--knob,calc(var(--u) * 1.5));height: var(--knob,calc(var(--u) * 1.5));border-radius: var(--r-round);box-sizing: border-box;padding: calc(var(--knob,calc(var(--u) * 1.5)) * .3);background: var(--knob-divot) content-box,var(--knob-dome) border-box;box-shadow: var(--knob-shadow);}.slider:disabled{opacity: var(--off-opacity);}.slider[data-look="hue"]{background-image: linear-gradient(90deg,#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00);background-size: 100% calc(var(--u) * .6);}.slider + output{flex: none;min-width: calc(var(--u) * 2.5);text-align: right;color: var(--ink-2);font-variant-numeric: tabular-nums;}.slider-ends{flex-basis: 100%;display: flex;justify-content: space-between;font-size: var(--fs-2);color: var(--ink-3);}.fold-head{display: flex;align-items: center;gap: var(--sp-3);cursor: pointer;}.fold-head > :first-child{flex: 1;min-width: 0;}.fold-caret{flex: none;margin-left: auto;padding-right: var(--sp-4);font-size: var(--fs-5);line-height: 1;color: var(--ink-3);transition: transform .2s;}.fold[data-state~="open"] > .fold-head > .fold-caret{transform: rotate(90deg);}.fold:not([data-state~="open"]) > .fold-body{display: none;}.popup{position: fixed;inset: 0;z-index: 100;display: grid;place-items: center;background: var(--scrim);padding: var(--sp-5);}.popup[hidden]{display: none;}.popup > .panel{width: 100%;max-width: calc(var(--u-page) * 30);max-height: 85vh;overflow: auto;margin: 0;background: var(--sheet);}.popup > .panel[data-state~="alert"] > h3{color: var(--red);}.refresh{position: fixed;top: 0;left: 50%;z-index: 200;pointer-events: none;width: calc(var(--u) * 1.85);aspect-ratio: 1;margin-left: calc(var(--u) * -.93);border-radius: var(--r-round);background: var(--raised);opacity: 0;transition: opacity .12s ease,background .12s ease;transform: translateY(calc(var(--ptr-pull,0px) - var(--u) * 2.25)) scale(.7);}.refresh[data-state~="on"]{opacity: .9;}.refresh:is([data-state~="ready"],[data-state~="working"]){background: var(--blue);}.refresh::after{content: "";position: absolute;inset: calc(var(--u) * .53);border-radius: var(--r-round);border: calc(var(--hairline) * 2) solid rgba(255,255,255,.85);border-top-color: transparent;}.refresh[data-state~="working"]::after{animation: refresh-turn .7s linear infinite;}@keyframes refresh-turn{to{transform: rotate(360deg);}}.popup[data-look="shield"]{background: none;}.popup[data-look="toast"]{background: none;place-items: end center;pointer-events: none;padding-bottom: var(--sp-8);}.popup[data-look="toast"] > .panel{container-type: normal;width: auto;background: var(--green);color: var(--ink);font-weight: 600;padding: var(--sp-4) var(--sp-6);animation: toast-in .18s ease-out;}@keyframes toast-in{from{opacity: 0;transform: translateY(var(--sp-5));}}.hero{display: flex;flex-direction: column;align-items: center;text-align: center;gap: var(--sp-3);margin: var(--sp-4) 0 var(--sp-5);}.hero > .picture{width: min(100%,calc(var(--u) * 16));border-radius: var(--r-hold);}.hero > .picture[data-look="profile-pic"]{--profile-pic: calc(var(--u) * 6);width: var(--profile-pic);}.hero-mark{width: calc(var(--u) * 6);aspect-ratio: 1;border-radius: var(--r-round);display: inline-grid;place-items: center;font-size: calc(var(--u) * 2.7 * var(--emoji-scale,1));background: var(--glass);}.hero-name{font-size: var(--fs-6);font-weight: 700;}.chart{width: 100%;container-type: inline-size;padding: var(--sp-4);}.chart-plot{display: block;width: 100%;height: auto;overflow: visible;}.chart-plot line{stroke: var(--line);stroke-width: 1;vector-effect: non-scaling-stroke;}.chart-plot line:is([data-rule="week"],[data-rule="block"]){stroke-dasharray: 2 3;}.chart-plot line[data-rule="day"]{stroke-dasharray: 1 3;}.chart-plot line[data-rule="month"]{stroke: var(--ink-3);}.chart-plot text{fill: var(--ink-3);}.chart-plot g{transition: opacity .2s;}.chart-plot polyline{fill: none;stroke: var(--tone);stroke-width: 2.5;stroke-linejoin: round;vector-effect: non-scaling-stroke;}.chart-plot :is(circle,rect){fill: var(--tone,var(--ink-3));}.chart-plot rect[data-track]{fill: var(--line);}.chart-plot[data-look="day"]{width: auto;height: calc(var(--u) * 2.4);}.chart-plot[data-look="stack"]{--axis: calc(var(--u) * 1.6);--cell: calc((100cqi - var(--axis)) / var(--days));position: relative;display: flex;align-items: flex-end;height: calc(var(--rows) * var(--cell));padding-left: var(--axis);}.chart-plot[data-look="stack"] > div{flex: 1;display: flex;flex-direction: column-reverse;align-items: center;}.chart-plot[data-look="stack"] > div > span{height: var(--cell);font-size: calc(var(--cell) * .8);line-height: var(--cell);}.chart-plot[data-look="stack"] > span{position: absolute;left: 0;bottom: calc(var(--v) * var(--cell));translate: 0 50%;font-size: var(--fs-1);color: var(--ink-3);}.chart-plot[data-look="stack"] > i{position: absolute;left: var(--axis);right: 0;bottom: calc(var(--v) * var(--cell));border-top: var(--hairline) dashed var(--line);}.chart-dates{position: relative;height: calc(var(--u) * 1.4);font-size: var(--fs-1);color: var(--ink-3);}.chart-dates > span{position: absolute;top: var(--sp-2);left: var(--at,0%);translate: calc(var(--at,0%) * -1) 0;white-space: nowrap;}.chart-legend{display: flex;flex-wrap: wrap;gap: var(--sp-4);font-size: var(--fs-2);color: var(--ink-3);padding-top: var(--sp-3);}.chart-legend span[style]{color: var(--tone);}.chart > .chips{margin-top: var(--sp-3);}.chart .button[data-series]{--hue: var(--tone);}}@layer complex{.menubar{position: sticky;top: 0;z-index: 40;display: flex;align-items: center;gap: var(--sp-4);background: #000;box-sizing: border-box;height: calc(var(--sp-7) + env(safe-area-inset-top));margin: calc(max(env(safe-area-inset-top),var(--sp-5)) * -1) max(calc(var(--gutter) * -1),calc((100% - var(--u-page) * 42) / 2 - var(--gutter))) var(--sp-4);padding: env(safe-area-inset-top) var(--gutter) 0;}.menubar > :not([data-peeked]){font-size: var(--fs-2);letter-spacing: .16em;text-transform: uppercase;}.menubar-end{margin-left: auto;display: flex;align-items: center;gap: var(--sp-3);}:is(.menubar > a:not([data-peeked]),.menubar-end > *){color: var(--ink-2);display: inline-flex;align-items: center;white-space: nowrap;}.menubar-end > .button{font: inherit;letter-spacing: inherit;text-transform: inherit;}.menubar-end svg{width: var(--fs-5);aspect-ratio: 1;fill: none;stroke: currentColor;stroke-width: 1.4;stroke-linecap: round;stroke-linejoin: round;}.menubar-end svg [data-dots]{stroke-width: 2.2;}.menubar-end svg[data-line]{display: block;width: var(--fs-5);height: auto;stroke-width: 1.4;}.menubar > a > svg[data-line]{width: .5em;height: .5em;align-self: center;margin-right: .4em;stroke-width: 4.4;}.menubar > a:first-child > svg[data-line]{width: .78em;height: .78em;stroke-width: 2.8;}.menubar-end .button{position: relative;}.menubar-end .badge{position: absolute;left: 0;top: 50%;transform: translate(-55%,-50%);}.menubar-end .picture[data-look="profile-pic"]{--profile-pic: var(--sp-6);}.alert-band{display: flex;flex-direction: column;gap: var(--sp-1);padding: var(--sp-2) var(--sp-4);background: var(--red);color: #fff;font-weight: 600;text-decoration: none;}.menubar > [data-peeked]{position: absolute;z-index: 50;top: calc(100% + var(--sp-2));left: var(--sp-5);right: var(--sp-5);max-width: calc(var(--u-page) * 42);margin: 0 auto;opacity: 0;transform: translateY(calc(var(--u) * -.4));pointer-events: none;transition: opacity .2s,transform .2s;}.menubar > [data-peeked][data-state~="on"]{opacity: 1;transform: none;pointer-events: auto;}.menubar > [data-peeked].panel{display: block;padding: var(--sp-4);background: #1c1c1e;}.menubar > [data-peeked] > h2{text-align: center;margin: var(--sp-3) 0 0;}.cover{position: relative;display: block;aspect-ratio: var(--art-ratio,1);border-radius: var(--r-hold);}.cover > .picture{width: 100%;height: 100%;border-radius: inherit;object-position: var(--ex,50%) var(--ey,50%);}.cover > [data-line]{position: absolute;inset: 0 0 auto;z-index: 2;display: block;min-height: 2.3em;padding: var(--sp-4) var(--sp-4) var(--sp-6);font-size: var(--fs-5);font-weight: 800;line-height: 1.15;text-align: center;color: #fff;background: linear-gradient(to bottom,rgba(0,0,0,.55),transparent);border-radius: inherit;}.cover > :is(.cover-marks,[data-mic],[data-adder],[data-likes],[data-plays],[data-network],[data-progress],.badge){position: absolute;z-index: 2;}.cover-marks{left: calc(var(--u) * -.4);top: calc(var(--u) * -.4);display: flex;flex-direction: column;align-items: center;gap: var(--hairline);font-size: calc(var(--fs-2) * var(--emoji-scale,1));line-height: 1;pointer-events: none;filter: drop-shadow(0 var(--hairline) calc(var(--u) * .15) var(--scrim));}.cover-marks > [data-tag="party"]{order: 1;}.cover-marks > [data-tag="car"]{order: 2;transform: scaleX(-1);}.cover-marks > [data-arrive]{animation: mark-arrive .95s cubic-bezier(.3,1.25,.5,1) both;}@keyframes mark-arrive{0%{transform: translate(var(--cx,0),var(--cy,0)) scale(3);opacity: 0;}25%{opacity: 1;}55%{transform: translate(var(--cx,0),var(--cy,0)) scale(3);}100%{transform: none;}}.cover > [data-mic]{right: calc(var(--u) * -.4);top: calc(var(--u) * -.4);font-size: calc(var(--fs-2) * var(--emoji-scale,1));line-height: 1;pointer-events: none;}.cover > [data-adder]{left: calc(var(--u) * -.4);bottom: calc(var(--u) * -.4);width: auto;height: 46%;aspect-ratio: 1;border-radius: var(--r-round);object-fit: cover;box-shadow: 0 0 0 calc(var(--hairline) * 2) var(--raised),0 var(--hairline) calc(var(--u) * .4) var(--scrim);}.cover > :is([data-likes],[data-plays]){right: calc(var(--u) * -.4);bottom: calc(var(--u) * -.4);font-size: var(--fs-1);font-weight: 600;padding: 0 var(--sp-2);background: var(--raised);border-radius: var(--r-round);}.cover > span.picture{display: grid;place-items: center;text-align: center;padding: var(--sp-3);font-size: var(--fs-2);font-weight: 600;}.cover > [data-network]{left: var(--sp-2);bottom: var(--sp-2);font-size: var(--fs-4);line-height: 1;}.cover > [data-network] > .picture{width: auto;height: calc(var(--u) * 1.3);background: none;border-radius: 0;}.cover > [data-progress]{left: 0;right: 0;bottom: 0;height: calc(var(--u) * .9);border-radius: 0 0 var(--r-hold) var(--r-hold);overflow: hidden;background: linear-gradient(90deg,var(--red) var(--fill),rgba(0,0,0,.6) var(--fill));display: grid;place-items: center;}.cover > [data-progress] > i{position: absolute;top: 0;bottom: 0;left: var(--at);width: var(--hairline);background: rgba(255,255,255,.6);}.cover > [data-progress] > b{font-size: var(--fs-1);text-transform: uppercase;letter-spacing: .12em;color: var(--ink);}.cover > .badge{top: var(--sp-2);right: var(--sp-2);}.cover[data-state~="off"]{opacity: var(--off-opacity);}.cover[data-state~="on"]{box-shadow: 0 0 0 calc(var(--hairline) * 3) var(--blue);}.hero > .cover{width: min(100%,calc(var(--u) * 16));}.cover[data-look="film"]{padding: 0 calc(var(--hairline) * 9);background: #000;box-sizing: content-box;}.cover[data-look="film"] > .picture:not([data-adder]){border-radius: 0;}.cover[data-look="film"]::before,.cover[data-look="film"]::after{content: "";position: absolute;top: 0;bottom: 0;width: calc(var(--hairline) * 9);background: repeating-linear-gradient(to bottom,transparent 0 calc(var(--hairline) * 2),#fff calc(var(--hairline) * 2) calc(var(--hairline) * 6),transparent calc(var(--hairline) * 6) calc(var(--hairline) * 8)) center top / calc(var(--hairline) * 4) 100% no-repeat;}.cover[data-look="film"]::before{left: 0;}.cover[data-look="film"]::after{right: 0;}[data-vote-host]{position: relative;}.vote-sky{position: absolute;inset: 0;z-index: 3;pointer-events: none;overflow: hidden;}.vote-sky > *{position: absolute;left: 0;top: 0;line-height: 1;}.vote-sky > [data-fx="paper"]{border-radius: var(--hairline);}.vote-sky > [data-fx="car"]{font-size: calc(var(--u) * 3.6);}.vote-sky > [data-fx="disco"]{font-size: calc(var(--u) * 5.6);display: flex;flex-direction: column;align-items: center;filter: drop-shadow(0 calc(var(--u) * .13) calc(var(--u) * .4) rgba(0,0,0,.5));}.vote-sky > [data-fx="disco"]::before{content: "";width: var(--hairline);height: calc(var(--u) * 2.25);background: linear-gradient(rgba(255,255,255,.15),rgba(255,255,255,.6));}.vote-sky[data-look="screen"]{position: fixed;z-index: 100;}.vote-sky > [data-fx="bit"]{left: var(--x);top: -6vh;width: calc(var(--u) * .53);height: calc(var(--u) * .93);border-radius: calc(var(--hairline) * 2);background: var(--tone);animation: sky-fall 2.8s cubic-bezier(.2,.6,.4,1) var(--d,0s) forwards;}.vote-sky > [data-fx="rocket"]{left: 50%;top: auto;bottom: -12vh;font-size: calc(var(--u) * 4.2);translate: -50% 0;animation: sky-rise 2.4s ease-in forwards;}@keyframes sky-fall{to{transform: translateY(112vh) rotate(720deg);}}@keyframes sky-rise{to{bottom: 118vh;}}[data-fx="star"]{position: fixed;left: var(--x);top: var(--y);font-size: var(--s);line-height: 1;pointer-events: none;z-index: 90;animation: star-burst var(--t) cubic-bezier(.2,.7,.4,1) forwards;}@keyframes star-burst{from{transform: translate(-50%,-50%) rotate(0deg) scale(.3);opacity: 1;}70%{opacity: 1;}to{transform: translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) rotate(var(--r)) scale(1);opacity: 0;}}.vote-light{position: absolute;inset: 0;z-index: 0;overflow: hidden;pointer-events: none;border-radius: inherit;-webkit-mask-image: linear-gradient(90deg,rgba(0,0,0,.25),#000 50%,rgba(0,0,0,.25));mask-image: linear-gradient(90deg,rgba(0,0,0,.25),#000 50%,rgba(0,0,0,.25));}.vote-light > i{position: absolute;border-radius: 50%;will-change: transform,opacity;background: radial-gradient(circle,rgba(255,255,255,1) 0%,rgba(255,255,255,.7) 15%,rgba(255,255,255,.18) 42%,rgba(255,255,255,0) 68%);}.note{padding: var(--sp-3) var(--sp-5) var(--sp-4);}.note > p{font-size: var(--fs-4);line-height: 1.55;margin: var(--sp-3) 0;}.note em{font-style: italic;font-weight: 600;}.note > .row{align-items: flex-start;margin: var(--sp-3) 0;border-radius: var(--r-hold);background: var(--raised);line-height: 1.5;}.note > .row + .row{border-top: 0;}.note-face{float: right;position: relative;width: 38%;max-width: calc(var(--u) * 11);aspect-ratio: 3 / 4;overflow: hidden;border-radius: var(--r-hold);margin: 0 0 var(--sp-3) var(--sp-4);shape-outside: inset(0 round var(--r-hold));}.note-face > .picture{height: 100%;object-position: 50% 12%;}.note-face[data-look="eyed"] > .picture{position: absolute;width: 260%;height: auto;max-width: none;aspect-ratio: auto;object-fit: fill;left: clamp(-160%,calc(50% - 2.6 * var(--ex)),0%);top: clamp(-30%,calc(22% - 1.3 * var(--ey)),0%);}.note-face > .button{position: absolute;right: var(--sp-2);bottom: var(--sp-2);z-index: 2;width: calc(var(--u) * 2.25);aspect-ratio: 1;padding: 0;border-radius: var(--r-round);background: var(--scrim);-webkit-backdrop-filter: var(--glass-blur);backdrop-filter: var(--glass-blur);}.song{position: relative;overflow: hidden;display: flex;align-items: center;gap: calc(var(--u) * .66);padding: calc(var(--u) * .73) calc(var(--u) * .93);}.song + .song{border-top: var(--hairline) solid var(--line);}.song > .row-mark{--profile-pic: calc(var(--u) * 3);margin: 0 calc(var(--u) * .5);font-size: calc(var(--fs-7) * var(--emoji-scale,1));}.song > [data-grip]{flex: none;margin: 0 calc(var(--u) * -.5) 0 calc(var(--u) * -.4);padding: var(--sp-3) 0;font-size: var(--fs-4);}.song > .row-text{min-width: 0;}.song > .row-text > :is(.row-name,.row-sub){white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.song > .row-mark > .picture[data-look="profile-pic"]{--profile-pic: calc(var(--u) * 2.4);margin-right: var(--sp-3);}.song > .row-control > .button[data-look="round"]{--size: calc(var(--u) * 2);font-size: calc(var(--u) * 1.3);}.song:is([data-state~="busy"],[data-state~="off"]){opacity: var(--off-opacity);}.song[data-state~="played"]{--fill: 100%;}.song[data-state~="playing"]{box-shadow: inset calc(var(--u) * .2) 0 0 var(--hue);}.song[data-state~="hated"] > :not(.song-vote){opacity: .32;}.song-eq{flex: none;width: calc(var(--u) * 2.25);height: calc(var(--u) * 2.25);display: inline-flex;align-items: flex-end;justify-content: center;gap: calc(var(--u) * .2);padding: calc(var(--u) * .6) 0;}.song-eq > i{width: calc(var(--u) * .27);height: 100%;border-radius: calc(var(--u) * .13);background: color-mix(in srgb,var(--hue) 70%,#fff);transform-origin: bottom;animation: song-eq .9s ease-in-out infinite alternate;}.song-eq > i:nth-child(2){animation-duration: .7s;animation-delay: -.3s;}.song-eq > i:nth-child(3){animation-duration: 1.1s;animation-delay: -.6s;}.song-eq[data-state~="beat"] > i{animation: none;}@keyframes song-eq{0%{transform: scaleY(.25);}100%{transform: scaleY(1);}}.song-vote{position: absolute;inset: calc(var(--u) * .8) calc(var(--u) * 5.8) 0;display: flex;align-items: center;justify-content: space-evenly;background: linear-gradient(180deg,rgba(58,62,76,.985) 0%,rgba(26,28,36,.99) 55%,rgba(8,9,12,.99) 100%);-webkit-backdrop-filter: var(--glass-blur);backdrop-filter: var(--glass-blur);border-radius: var(--r-press) var(--r-press) 0 0;box-shadow: inset 0 var(--hairline) 0 rgba(255,255,255,.14),0 calc(var(--u) * -.27) calc(var(--u) * .93) rgba(0,0,0,.35);animation: song-vote-up .2s ease-out both;}.song-vote::before{content: "";position: absolute;inset: 0;border-radius: inherit;padding: calc(var(--hairline) * 1.4);pointer-events: none;background: radial-gradient(128% 128% at 100% 0%,color-mix(in srgb,var(--hue) 45%,transparent) 0%,color-mix(in srgb,var(--hue) 23%,transparent) 34%,color-mix(in srgb,var(--hue) 7%,transparent) 58%,transparent 76%);-webkit-mask: linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite: xor;mask: linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite: exclude;}.song-vote[data-state~="closing"]{animation: song-vote-down .18s ease-in both;}.song-vote > .button[data-look="well"]{--size: calc(var(--u) * 1.85);font-size: calc(var(--u) * 1.2);}.song-vote > [data-vote="close"]{position: absolute;top: calc(var(--u) * .33);right: calc(var(--u) * .4);width: calc(var(--u) * .93);height: calc(var(--u) * .93);padding: 0;}.song-vote > [data-vote="close"]::before,.song-vote > [data-vote="close"]::after{content: "";position: absolute;inset: auto;left: 25%;right: 25%;top: calc(50% - var(--hairline));height: calc(var(--hairline) * 1.5);padding: 0;-webkit-mask: none;mask: none;border-radius: var(--hairline);background: rgba(255,255,255,.7);transform: rotate(45deg);}.song-vote > [data-vote="close"]::after{transform: rotate(-45deg);}.song-vote > [data-vote="remove"]{--size: calc(var(--u) * 1.6);background: #e2483d;box-shadow: none;}.song-vote > [data-vote="remove"]::before{content: none;}.song-vote > [data-vote="remove"]::after{content: "";position: absolute;left: 22%;right: 22%;top: calc(50% - var(--hairline) * 1.5);height: calc(var(--hairline) * 3);border-radius: var(--hairline);background: #fff;}.song-vote > [data-state~="off"]{opacity: .3;}@keyframes song-vote-up{from{transform: translateY(100%);}}@keyframes song-vote-down{to{transform: translateY(100%);}}.playbug{position: relative;isolation: isolate;padding: var(--sp-4) var(--sp-4) 0;}.playbug-glow{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;z-index: -1;opacity: .35;filter: blur(calc(var(--u) * 3)) saturate(1.4);pointer-events: none;}.playbug > .subtitle{margin: 0 0 var(--sp-4);padding: 0 0 var(--sp-3);border-bottom: var(--hairline) solid var(--line);}.playbug-player{display: grid;grid-template-columns: calc(var(--u) * 6) minmax(0,1fr);align-items: center;gap: var(--sp-4);}.playbug-cover{aspect-ratio: 1;border-radius: var(--r-hold);display: grid;place-items: center;background: rgba(255,255,255,.04);font-size: calc(var(--u) * 4 * var(--emoji-scale,1));}.playbug-cover > .picture{width: 100%;height: 100%;border-radius: inherit;}.playbug-cover > .cover{--emoji-scale: 2;}.playbug-song{min-width: 0;display: flex;flex-direction: column;gap: var(--sp-1);}.playbug-song > .row-name{font-size: var(--fs-4);white-space: nowrap;overflow: hidden;}.playbug-song > .row-name[data-run] > span{display: inline-block;animation: playbug-run var(--run-s,8s) ease-in-out infinite alternate;}.playbug-song > .row-sub{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}@keyframes playbug-run{0%,20%{transform: none;}80%,100%{transform: translateX(var(--run,0));}}.playbug-time{display: flex;align-items: center;gap: var(--sp-3);margin-top: var(--sp-3);font-size: var(--fs-1);color: var(--ink-3);}.playbug-time > progress{flex: 1;min-width: 0;height: var(--sp-2);accent-color: var(--ink);}.playbug-transport{display: flex;align-items: center;justify-content: space-between;}.playbug-transport > .button[data-look="bare"]{padding: 0;font-size: calc(var(--u) * 1.05);color: rgba(255,255,255,.88);}.playbug-transport > .button > .button-emoji{font-size: inherit;}.playbug-transport > .button[data-look="round"]{--size: calc(var(--u) * 2.8);font-size: var(--u);}.playbug-transport > .button[data-state~="invite"]{animation: playbug-invite 2.4s ease-in-out infinite;}@keyframes playbug-invite{50%{box-shadow: var(--glass-shadow),0 0 calc(var(--u) * 1.4) calc(var(--u) * .4) rgba(255,255,255,.32);}}.playbug-vote{display: flex;justify-content: space-between;gap: var(--sp-2);}.playbug-vote > .button{flex: 0 1 calc(var(--u) * 3);width: auto;min-width: 0;font-size: calc(var(--u) * 1.5);}.playbug-volume{--knob: calc(var(--u) * 1.1);grid-column: 1 / -1;display: flex;align-items: center;gap: var(--sp-4);}.playbug-volume > .slider{flex: 1;}.playbug-volume > .button{padding: 0;font-size: calc(var(--u) * 1.3);}.playbug-volume > .button > .button-emoji{font-size: inherit;color: var(--ink-2);}.playbug-volume > output{min-width: var(--sp-7);font-size: var(--fs-1);color: var(--ink-3);}.playbug > .tabs{margin-top: var(--sp-4);}.playbug > :is(.tabs,.pane){margin-inline: calc(var(--sp-4) * -1);}.tabs[data-look="caps"] .tab-word{font-size: var(--fs-1);text-transform: uppercase;letter-spacing: .16em;text-shadow: 0 calc(var(--u) * .08) calc(var(--u) * .25) rgba(0,0,0,.65);}.tabs[data-look="caps"] > .tab{gap: var(--sp-2);padding: var(--sp-3) var(--sp-1) var(--sp-3);}.tabs[data-look="caps"] .tab-mark{font-size: calc(var(--u) * 1.2);}.panel[data-look="ringed"]{box-shadow: 0 0 0 calc(var(--hairline) * 2) var(--tone,var(--hue)),0 0 var(--u) color-mix(in srgb,var(--tone,var(--hue)) 45%,transparent);}:is(.playbug,.panel[data-look="ringed"]) > :is(.chips,.button):last-child{margin: var(--sp-4) 0;}.playbug[data-state~="locked"] .playbug-vote{grid-column: 1 / -1;}.playbug[data-state~="locked"] :is(.playbug-transport,.playbug-volume,.tab[data-state~="dj-only"],[data-dj-only]){display: none;}.playbug > .tabs:has(> .tab[data-state~="dj-only"]){--tab-cols: 6;}.playbug > .tabs:has(> .tab[data-state~="dj-only"]) > .tab{grid-column: span 2;}.playbug > .tabs:has(> .tab[data-state~="dj-only"]) > .tab:not([data-state~="dj-only"]){grid-column: span 3;}.playbug > .pane{padding: var(--sp-4);}:is(.playbug > .pane,.playbug > .pane > :first-child) > .subtitle:first-child{margin-top: 0;}.playbug > .pane .grid{gap: var(--sp-3);}.playbug > .pane > * + *{margin-top: var(--sp-4);}.playbug-shelf{display: grid;grid-auto-flow: column;grid-auto-columns: calc(var(--u) * 7);gap: var(--sp-3);overflow-x: auto;padding-bottom: var(--sp-2);}:is(.button-emoji,.tab-mark) > svg{width: 1em;height: 1em;fill: currentColor;display: block;}.tab-mark > img{width: 1em;height: 1em;}:is(.button-emoji,.tab-mark) > svg[data-line]{fill: none;stroke: currentColor;stroke-width: 1.6;stroke-linecap: round;stroke-linejoin: round;}svg[data-line]{display: inline-block;width: 1em;height: 1em;vertical-align: -.15em;fill: none;stroke: currentColor;stroke-width: 1.6;stroke-linecap: round;stroke-linejoin: round;}svg[data-line] > [data-solid]{fill: currentColor;stroke: none;}.intercom .tile,[data-voices] .tile{align-items: center;text-align: center;gap: var(--sp-2);padding: var(--sp-4) var(--sp-1);}.intercom-flag{font-size: .45em;vertical-align: super;margin-left: var(--sp-1);}.intercom > .field{margin-top: var(--sp-5);min-height: calc(var(--u) * 4);resize: none;}.intercom > .button{width: 62%;margin: var(--sp-5) auto 0;font-size: var(--fs-5);}.intercom > p{text-align: center;}.board{container-type: inline-size;background: #e9e6df;border-radius: var(--r-hold);padding: var(--sp-4);box-shadow: 0 calc(var(--u) * .6) calc(var(--u) * 2.2) var(--scrim),inset 0 var(--hairline) 0 rgba(255,255,255,.6);}.board-flaps{display: grid;grid-template-columns: repeat(var(--cols,22),minmax(0,1fr));gap: calc(100cqi / var(--cols,22) / 14);}.board-flap{aspect-ratio: 5.2 / 8;display: flex;align-items: center;justify-content: center;position: relative;overflow: hidden;background: var(--chip,#f4f2ec);color: #26241f;border-radius: calc(100cqi / var(--cols,22) / 10);font: 700 calc(100cqi / var(--cols,22) * .55) "SF Mono",ui-monospace,Menlo,monospace;text-transform: uppercase;box-shadow: inset 0 calc(var(--hairline) * -1) 0 rgba(0,0,0,.12);}.board-flap::after{content: "";position: absolute;left: 0;right: 0;top: 50%;height: var(--hairline);background: rgba(0,0,0,.12);}.board-flap[data-heart]{color: var(--red);}.board[data-look="black"]{background: #141416;}.board[data-look="black"] .board-flap{background: var(--chip,#1c1c1e);color: #fff;}.board[data-look="black"] .board-flap::after{background: rgba(0,0,0,.4);}.wordclock{container-type: inline-size;position: relative;aspect-ratio: 1;display: grid;place-items: center;background: #141416;border-radius: var(--r-hold);padding: 12cqi 9cqi;}.wordclock-letters{display: grid;grid-template-columns: repeat(11,minmax(0,1fr));row-gap: 1.6cqi;width: 100%;}.wordclock-letter{text-align: center;font-size: 5.2cqi;font-weight: 300;line-height: 1.4;color: rgba(235,235,245,.25);transition: color .3s,text-shadow .3s;}.wordclock-letter[data-state~="on"],.wordclock-dot[data-state~="on"]{color: #fff;font-weight: 500;text-shadow: 0 0 2cqi rgba(255,255,255,.55);}.wordclock-dot{position: absolute;width: 1.4cqi;aspect-ratio: 1;border-radius: var(--r-round);}.wordclock-dot[data-state~="on"]{background: #fff;box-shadow: 0 0 1.6cqi rgba(255,255,255,.6);}.wordclock-dot:nth-of-type(1){left: 4cqi;top: 4cqi;}.wordclock-dot:nth-of-type(2){right: 4cqi;top: 4cqi;}.wordclock-dot:nth-of-type(3){right: 4cqi;bottom: 4cqi;}.wordclock-dot:nth-of-type(4){left: 4cqi;bottom: 4cqi;}.dayhead small[data-suns]{display: block;text-align: center;font-size: var(--fs-4);color: var(--ink-2);}.dayhead .chart-plot{height: calc(var(--u) * 2);}.dayhead > h2{text-align: center;margin: var(--sp-5) 0 var(--sp-3);padding-bottom: var(--sp-2);border-bottom: var(--hairline) solid var(--line);}.weather > *{--u: calc(var(--u-page) * .875);display: flex;flex-direction: column;align-items: center;gap: var(--sp-1);text-align: center;}.weather > * > small{font-size: var(--fs-2);font-weight: 600;}.weather > * > b{font-size: var(--fs-4);font-weight: 600;white-space: nowrap;}.weather [data-tone]{color: var(--tone);}.weather-icon{font-size: calc(var(--fs-7) * var(--emoji-scale,1));line-height: 1.2;}.weather-chart{position: relative;height: calc(var(--u) * 6);display: flex;align-items: flex-end;gap: var(--hairline);}.weather-chart > i{flex: 1;background: #4aa3ff;border-radius: var(--hairline) var(--hairline) 0 0;height: var(--v);}.weather-chart > i[data-state~="future"]{background: rgba(74,163,255,.3);}.daycal{--hour: calc(var(--u) * 2.5);display: grid;grid-template-columns: calc(var(--u) * 2) repeat(var(--cols,4),minmax(0,1fr));gap: var(--sp-1);padding: var(--sp-3);font-size: var(--fs-1);}.daycal-col{position: relative;height: calc(var(--hour) * var(--hours,11));border-left: var(--hairline) solid var(--line);}.daycal-col[data-look="hours"]{border: 0;color: var(--ink-3);}.daycal-col[data-look="hours"] > span{position: absolute;top: calc(var(--at) * var(--hour));}.daycal > b{font-weight: 600;text-align: center;overflow: hidden;text-overflow: clip;}.daycal > small{font-size: inherit;color: var(--ink-3);}.daycal-event{position: absolute;top: calc(var(--at) * var(--hour));height: calc(var(--len) * var(--hour));min-height: calc(var(--fs-1) * 1.6);left: calc(var(--lane,0) * 100% / var(--lanes,1) + var(--sp-1) / 2);width: calc(100% / var(--lanes,1) - var(--sp-1));overflow: hidden;padding: var(--sp-1);border-radius: var(--sp-2);background: color-mix(in srgb,var(--tone,var(--blue)) 45%,#0b0c10);}.daycal-event[data-look="band"]{position: static;display: block;width: auto;height: auto;margin-bottom: var(--sp-1);}.daycal-col > i{position: absolute;left: 0;right: 0;top: calc(var(--at) * var(--hour));border-top: calc(var(--hairline) * 2) solid var(--red);}.tile[data-look="seat"]{align-items: center;justify-content: center;text-align: center;gap: var(--sp-2);min-height: 0;aspect-ratio: 4 / 5;border: var(--hairline) dashed color-mix(in srgb,var(--hue) 60%,transparent);-webkit-user-select: none;user-select: none;-webkit-touch-callout: none;}.tile[data-look="seat"] > .tile-emoji{display: grid;place-items: center;width: 72%;aspect-ratio: 1;--profile-pic: 100%;}.tile[data-look="seat"]:not([data-uid]) > .tile-emoji{width: auto;min-width: calc(var(--u) * 2.4);border: calc(var(--hairline) * 2) solid;border-radius: var(--r-round);opacity: .4;font-size: calc(var(--fs-6) * var(--emoji-scale,1));}.tile[data-look="seat"][data-state~="queued"] > :not(.badge){opacity: .4;}.tile[data-look="seat"][data-state~="over"]{--hue-ring: .85;box-shadow: 0 0 0 calc(var(--hairline) * 3) var(--dc,var(--blue));}.reel{position: relative;aspect-ratio: var(--art-ratio,3 / 2);border-radius: var(--r-hold);overflow: hidden;}.reel > .picture{position: absolute;inset: 0;height: 100%;opacity: 0;transition: opacity .8s;}.reel > .picture[data-state~="on"]{opacity: 1;}.reel > .picture:is([data-state~="on"],[data-state~="was"]){animation: reel-grow 7s linear both;}@keyframes reel-grow{from{transform: scale(1);}to{transform: scale(1.1);}}.reel > .chips{position: absolute;z-index: 2;left: 0;right: 0;bottom: var(--sp-3);display: flex;justify-content: center;gap: var(--sp-2);}.reel > .chips > .dot{--tone: rgba(255,255,255,.4);}.reel > .chips > .dot[data-state~="on"]{--tone: #fff;}.awards{position: absolute;left: var(--sp-2);bottom: var(--sp-2);display: flex;align-items: flex-end;}.cover > .awards{z-index: 3;height: 50%;}.awards > *{height: 100%;margin-right: calc(var(--u) * -.4 * (var(--crowd,1) - 1) / 4);}.awards .picture{width: auto;height: 100%;background: none;}.awards > [data-state~="off"]{opacity: var(--off-opacity);}.where{display: grid;gap: var(--sp-2);width: 100%;margin-top: auto;font-size: var(--fs-2);line-height: 1.25;color: var(--ink-2);}.where-line{display: flex;align-items: center;gap: var(--sp-3);}.where-line > :first-child{flex: none;font-size: var(--fs-5);text-decoration: none;}.where-line b{font-weight: 600;color: var(--ink);}.where-line[data-state~="alert"] b{color: var(--red);}.watch-pair{display: inline-flex;align-items: center;gap: var(--sp-1);}.watch-pair > img{width: auto;height: 1em;}.watch-pair > span{font-size: .6em;}.watch-banner{position: absolute;inset: 0 0 auto;padding: var(--sp-1) var(--sp-4) var(--sp-3);font-size: var(--fs-1);font-weight: 600;letter-spacing: .2em;text-transform: uppercase;border-radius: inherit;background: linear-gradient(to bottom,color-mix(in srgb,var(--sport,var(--hue)) 70%,transparent),transparent);}.qr{display: grid;justify-items: center;gap: var(--sp-3);text-align: center;}.qr > .picture{width: min(100%,calc(var(--u) * 14));height: auto;aspect-ratio: 1;padding: var(--sp-4);background: #fff;border-radius: var(--r-hold);}.qr[data-look="tag"]{--qt: 1;width: calc(var(--u) * 16 * var(--qt));gap: 0;justify-items: stretch;border-radius: calc(var(--u) * 1.4 * var(--qt));overflow: hidden;box-shadow: 0 calc(var(--u) * .4) calc(var(--u) * 2.5) rgba(0,0,0,.45);}.qr[data-look="tag"] > svg:first-child{display: block;width: 100%;height: calc(var(--u) * 4.5 * var(--qt));}.qr[data-look="tag"] > svg:first-child text{font: 700 calc(var(--u) * 3.6 * var(--qt)) "DIN Condensed","Avenir Next Condensed",sans-serif;stroke: #000;stroke-width: .035em;stroke-linejoin: round;}.qr[data-look="tag"] > .picture{width: 100%;height: calc(var(--u) * 12 * var(--qt));aspect-ratio: auto;border-radius: 0;padding: calc(var(--u) * .4 * var(--qt)) calc(var(--u) * 2 * var(--qt)) 0;box-sizing: border-box;}.qr[data-look="tag"] > p{background: #fff;color: #111;font: 600 calc(var(--u) * .9 * var(--qt)) "Avenir Next Condensed","Helvetica Neue",sans-serif;letter-spacing: .05em;text-transform: uppercase;padding: calc(var(--u) * .5 * var(--qt)) 0 calc(var(--u) * 1.2 * var(--qt));}.zonematrix{display: grid;grid-template-columns: auto repeat(var(--days,30),minmax(0,1fr));gap: calc(var(--u) * .15);align-items: center;padding: var(--sp-4);font-size: var(--fs-1);}.zonematrix > b{font-weight: 600;padding-right: var(--sp-2);}.zonematrix > small{font-size: inherit;text-align: center;}.zonematrix > span{aspect-ratio: 1;border-radius: calc(var(--u) * .15);background: var(--line);}.zonematrix > span[data-state~="on"]{background: var(--green);}.zonematrix > span[data-state~="killed"]{background: var(--red);}.zonematrix > span[data-state~="errored"]{background: var(--yellow);}.seating{position: relative;display: grid;grid-template-columns: var(--plan-tracks,repeat(var(--plan-cols,4),minmax(0,1fr)));grid-template-areas: var(--plan);gap: var(--plan-gap,var(--sp-3));padding: var(--plan-inset,calc(var(--u) * 2.5) calc(var(--u) * 3));aspect-ratio: var(--plan-ratio,16 / 10);}.seating > svg{position: absolute;inset: 0;width: 100%;height: 100%;stroke: color-mix(in srgb,var(--hue) 40%,#fff);fill: none;opacity: .6;}.seating > i{position: absolute;inset: 0;background: var(--ink-3);-webkit-mask: var(--plan-art) center / 100% 100% no-repeat;mask: var(--plan-art) center / 100% 100% no-repeat;}.seating > :not(svg,i){grid-area: var(--seat);position: relative;justify-self: center;align-self: center;}.seating > .tile[data-look="seat"]{justify-self: stretch;align-self: stretch;aspect-ratio: auto;}.seating[data-look="cart"]{--plan-tracks: 199fr 280fr;--plan: 's2 s4' 's1 s3';--plan-ratio: 1062 / 665;--plan-gap: 2.8% 10%;--plan-inset: 6.4% 2.1% 8.1% 42.9%;--plan-art: url(/static/golf_cart/cart_plan.svg);}.seating[data-look="table"]{--plan-cols: 2;--plan: 's1 s2';--plan-ratio: 2 / 1;}.seating[data-look="table"][data-seats="4"]{--plan: 's1 s2' 's3 s4';--plan-ratio: 1 / 1;}.seating[data-look="sofa"]{--plan-tracks: 1fr 1fr;--plan: 'c0 c1';--plan-ratio: 120 / 104;--plan-inset: 46% 10% 12%;--plan-gap: 3%;background: var(--raised);border-radius: var(--r-hold);}.seating[data-look="sofa"] > svg{fill: rgba(255,255,255,.13);stroke: none;opacity: 1;}.seating[data-look="sofas"]{--plan-tracks: 1fr auto 1fr;--plan: 'l m r';--plan-ratio: auto;--plan-inset: 0;--plan-gap: var(--sp-4);}.seating > .button[data-look="bare"]{padding: 0;}.seating > .button[data-look="bare"] > .button-emoji{font-size: calc(var(--u) * 1.5 * var(--emoji-scale,1));}.seating > .button[data-look="bare"]:has(> .button-name){flex-direction: column;gap: var(--sp-1);}.seating > .button[data-look="bare"]:has(> .button-name) > .button-emoji{font-size: calc(var(--u) * 3.8 * var(--emoji-scale,1));}.seating > .button[data-look="bare"] > .button-name{font-size: var(--fs-3);font-weight: 600;color: var(--ink-3);}.seating > .button[data-look="bare"][data-state~="playing"] > .button-emoji{filter: drop-shadow(0 0 calc(var(--u) * .5) color-mix(in srgb,var(--hue) 70%,#fff));}.scoreboard{display: inline-block;border-radius: var(--r-hold);overflow: hidden;background: rgba(28,28,30,.85);font-size: var(--fs-2);-webkit-backdrop-filter: var(--glass-blur);backdrop-filter: var(--glass-blur);}.scoreboard th,.scoreboard td{padding: var(--sp-1) var(--sp-3);text-align: center;white-space: nowrap;}.scoreboard th{font-size: var(--fs-1);color: var(--ink-3);letter-spacing: .16em;text-transform: uppercase;}.scoreboard td:first-child{text-align: left;font-weight: 700;}.scoreboard td[data-state~="won"]{font-weight: 700;color: var(--ink);}.scoreboard td{color: var(--ink-2);}.wand{width: calc(var(--u) * 9);aspect-ratio: 1;margin: 0 auto;display: grid;place-items: center;border-radius: var(--r-round);background: var(--raised);box-shadow: inset 0 0 0 calc(var(--hairline) * 3) var(--line);font-size: var(--fs-9);touch-action: none;-webkit-user-select: none;user-select: none;-webkit-touch-callout: none;}#grabwrap > p,.wand-pad + p{text-align: center;}.wand-pad{display: flex;align-items: center;justify-content: center;gap: var(--sp-4);margin: var(--sp-4) 0;}.wand-stick{position: relative;width: calc(var(--u) * 11.5);aspect-ratio: 1;border-radius: var(--r-round);background: var(--raised);box-shadow: inset 0 0 0 calc(var(--hairline) * 2) var(--line);touch-action: none;-webkit-user-select: none;user-select: none;-webkit-touch-callout: none;}.wand-knob{position: absolute;left: 50%;top: 50%;width: 41%;aspect-ratio: 1;translate: -50% -50%;border-radius: var(--r-round);background: var(--art,none) center / cover,var(--raised);box-shadow: 0 calc(var(--u) * .25) calc(var(--u) * .8) rgba(0,0,0,.5),inset 0 0 0 calc(var(--hairline) * 3) rgba(255,255,255,.4);transition: transform .06s linear;}.wand-stick[data-state~="live"] > .wand-knob{box-shadow: 0 calc(var(--u) * .25) calc(var(--u) * .8) rgba(0,0,0,.5),inset 0 0 0 calc(var(--hairline) * 3) var(--blue);}.page:has(.wall){max-width: none;}.page:has(.wall) a:not([data-do]){pointer-events: none;}.title:has(> .tabs){flex-wrap: wrap;}.title > .tabs{display: flex;flex-wrap: wrap;flex: 0 1 auto;min-width: 0;margin-left: auto;}.title > .tabs > .tab{flex-direction: row;gap: var(--sp-2);padding: var(--sp-3) var(--sp-5);}.title > .tabs > .tab > .tab-mark{font-size: var(--fs-4);}.page > .pane > .wall{margin-top: var(--sp-4);}.wall{--grid-min: 5.4;--grid-button-min: 9.5;display: grid;grid-template-columns: repeat(auto-fit,minmax(min(100%,calc(var(--u-page) * 22)),1fr));gap: var(--sp-6);align-items: start;}.wall > .panel{padding: 0 var(--sp-5) var(--sp-5);background-image: linear-gradient(180deg,color-mix(in srgb,var(--tab-tint,transparent) 9%,transparent),transparent 66%);}.wall > .qr{justify-self: center;align-self: center;--qt: 1.4;}[data-person] img{-webkit-touch-callout: none;pointer-events: none;}.tile[data-state~="jiggle"]{animation: jiggle .28s ease-in-out infinite;}.tile[data-state~="away"]{opacity: .3;}.wall-ghost{position: fixed;z-index: 9999;width: calc(var(--u) * 5);aspect-ratio: 1;translate: -50% -50%;border-radius: var(--r-round);object-fit: cover;pointer-events: none;box-shadow: 0 0 0 calc(var(--hairline) * 3) var(--dc,var(--blue)),0 calc(var(--u) * .5) calc(var(--u) * 1.5) rgba(0,0,0,.5);}body[data-dragging]{-webkit-user-select: none;user-select: none;}.page:has(.project){max-width: none;}.project{--u: calc(var(--u-page) * .8);position: relative;isolation: isolate;display: grid;gap: var(--sp-4);grid-template-columns: 1fr 1fr 1fr 1.5fr;grid-template-rows: auto minmax(0,1.15fr) minmax(0,1fr);grid-template-areas: "band band band band" "ace mine wip map" "ace mine metrics analysis";height: calc(100vh - var(--u-page) * 9);min-height: calc(var(--u-page) * 40);font-family: "Source Sans 3",system-ui,sans-serif;font-size: var(--fs-3);}.project > *{grid-area: var(--part);min-height: 0;margin: 0;}@container (max-width: 60rem){.project{grid-template-columns: minmax(0,1fr);grid-template-rows: none;grid-template-areas: "band" "ace" "mine" "wip" "metrics" "map" "analysis";height: auto;}.project > .panel{max-height: 70vh;}.project-band{flex-wrap: wrap;}}.project > .panel{display: flex;flex-direction: column;overflow: auto;}.project > .panel > .subtitle{margin: var(--sp-4) var(--sp-4) var(--sp-2);font-size: var(--fs-4);letter-spacing: 0;text-transform: none;font-weight: 400;color: var(--ink);--profile-pic: var(--sp-6);}.project-band{display: flex;align-items: center;gap: var(--sp-5);}.project-band::before{content: "";position: absolute;z-index: -1;inset: calc(var(--u) * -1) calc(var(--u-page) * -1) auto;height: 85vh;pointer-events: none;background: linear-gradient(155deg,color-mix(in srgb,var(--hue) 28%,transparent) 0%,color-mix(in srgb,var(--hue) 11%,transparent) 28%,transparent 62%);}.project-band > h3{flex: none;font-size: var(--fs-6);font-weight: 400;}.project-band > .grid{flex: 1;--grid-min: 5.5;}.project-band .tile{background: rgba(255,255,255,.08);}.project [data-project-group]{margin: var(--sp-2) 0 0;padding: var(--sp-2) var(--sp-4);color: #fff;background: linear-gradient(90deg,color-mix(in srgb,var(--hue) 55%,transparent),color-mix(in srgb,var(--hue) 22%,transparent));}.project [data-todo] > .row,.project [data-todo] > [data-fold-head] > .row{box-shadow: inset calc(var(--u) * .3) 0 0 var(--hue);}.project .row-mark{display: grid;justify-items: center;gap: var(--sp-1);}.project .row-mark > small{font-size: var(--fs-1);}.project .row-name{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}.project-map{flex: 1;display: flex;min-height: 0;}.project-map-stage{position: relative;flex: 1;min-width: 0;overflow: hidden;}.project-map-stage canvas{position: absolute;inset: 0;width: 100%;height: 100%;cursor: grab;}.project-map > div:last-child{flex: none;width: calc(var(--u) * 12);overflow: auto;padding: 0 var(--sp-4);font-size: var(--fs-2);}.museum-badges{position: absolute;z-index: 3;left: var(--sp-3);right: var(--sp-3);bottom: var(--sp-6);display: flex;align-items: flex-end;justify-content: space-between;}.museum-vehicle{width: calc(var(--u) * 4.5);aspect-ratio: 1;padding: 0;border-radius: var(--r-round);overflow: hidden;box-shadow: 0 0 0 calc(var(--hairline) * 3) #fff;}.museum-vehicle > .picture{height: 100%;}.museum-plate{position: relative;width: 46%;padding: 0;filter: drop-shadow(0 calc(var(--u) * .4) calc(var(--u) * .8) rgba(0,0,0,.6));transform: perspective(90vmin) rotateY(calc(var(--plate-turn-y) * var(--plate-float))) rotateX(calc(var(--plate-turn-x) * var(--plate-float)));animation: plate-turn-y 12.57s ease-in-out -6.28s infinite alternate,plate-turn-x 16.53s ease-in-out infinite alternate,plate-float-in 1.2s ease-in-out 1.5s both;}.museum-plate > img{display: block;width: 100%;}button.museum-plate > img{animation: plate-pop .6s ease-out .6s both;transform-origin: 50% 60%;}button.museum-plate:active,.museum-plate[data-state~="playing"]{scale: .95;}.museum-plate[data-look="still"]{animation-delay: -6.28s,0s,.3s;}.museum-play-tab{position: absolute;z-index: -1;left: 50%;top: 0;padding: var(--sp-1) var(--sp-4) var(--sp-4);border-radius: var(--r-press) var(--r-press) 0 0;background: var(--blue);color: #fff;font-size: var(--fs-1);font-weight: 700;white-space: nowrap;animation: play-tab-up .6s ease-out .6s both;}.museum-sig{display: block;width: 100%;height: calc(var(--u) * 4);object-fit: contain;background: #fff;border-radius: var(--r-press) var(--r-press) 0 0;}@keyframes plate-turn-y{from{--plate-turn-y: -22deg;}to{--plate-turn-y: 22deg;}}@keyframes plate-turn-x{from{--plate-turn-x: 11deg;}to{--plate-turn-x: -11deg;}}@keyframes plate-float-in{from{--plate-float: 0;}to{--plate-float: 1;}}@keyframes play-tab-up{0%{transform: translate(-50%,0);}35%{transform: translate(-50%,-84%);}55%{transform: translate(-50%,-66%);}75%{transform: translate(-50%,-75%);}100%{transform: translate(-50%,-72%);}}@keyframes plate-pop{0%{transform: scale(1) rotate(0);}35%{transform: scale(1.16) rotate(-6deg);}55%{transform: scale(1.07) rotate(5deg);}75%{transform: scale(1.03) rotate(-3deg);}90%{transform: scale(1.01) rotate(1deg);}100%{transform: scale(1) rotate(0);}}@media (prefers-reduced-motion: reduce){.playbug-song > .row-name[data-run] > span{animation: none;}.song-eq > i{animation: none;transform: scaleY(.6);}}.gate{min-height: 100vh;min-height: 100dvh;padding: 0;text-align: center;display: flex;flex-direction: column;justify-content: flex-end;background: linear-gradient(to bottom,transparent 60%,#000 80%) fixed,linear-gradient(to bottom,#3365b4 0,#4a86dc 7vh,rgba(74,134,220,0) 17vh) fixed,url('/static/walkout/house.jpg') 70% 7vh / auto 74% no-repeat fixed,#000;}.gate-fade{position: fixed;inset: 0;background: linear-gradient(to bottom,transparent 18%,var(--scrim) 55%,rgba(0,0,0,.85) 100%);}.gate-column{position: relative;z-index: 1;display: grid;gap: var(--sp-4);width: 100%;max-width: calc(var(--u) * 26);margin: 0 auto;padding: var(--sp-7) var(--sp-6) max(env(safe-area-inset-bottom),var(--sp-7));}.gate-column > h1{margin-bottom: var(--sp-3);text-shadow: 0 calc(var(--u) * .13) calc(var(--u) * .9) var(--scrim);}.gate-column .field{text-align: center;}.gate-column > .button{justify-self: center;min-width: 50%;}.gate-column > [data-state~="shake"]{animation: gate-shake .4s;}@keyframes gate-shake{10%,90%{transform: translateX(-2px);}30%,70%{transform: translateX(4px);}50%{transform: translateX(-6px);}}.gate-msg{min-height: 1.2em;color: var(--red);font-size: var(--fs-3);text-shadow: 0 calc(var(--u) * .06) calc(var(--u) * .4) var(--scrim);}.gate-link{color: var(--ink);opacity: .82;font-size: var(--fs-3);text-decoration: underline;text-shadow: 0 calc(var(--u) * .06) calc(var(--u) * .5) var(--scrim);}}@property --plate-turn-y{syntax: "<angle>";inherits: false;initial-value: 0deg;}@property --plate-turn-x{syntax: "<angle>";inherits: false;initial-value: 0deg;}@property --plate-float{syntax: "<number>";inherits: false;initial-value: 0;}