@font-face{font-family:Atkinson Hyperlegible Next Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/atkinson-hyperlegible-next-latin-ext-wght-normal-C6vrW8VD.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible Next Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/atkinson-hyperlegible-next-latin-wght-normal-BcXVPD7q.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-vietnamese-wght-normal-D0rl6rjA.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-ext-wght-normal-D9tNdqV9.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-wght-normal-BhU9QXUp.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}}:root{color:#f4f7f5;font-synthesis:none;text-rendering:optimizelegibility;background:#101719;font-family:Atkinson Hyperlegible Next Variable,Atkinson Hyperlegible,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-behavior:smooth}*{box-sizing:border-box}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body{font-variant-numeric:tabular-nums;background:radial-gradient(circle at 85% 10%,#55c7b41a,#0000 34rem),#101719;min-width:320px;min-height:100dvh;margin:0}#main-content:focus{outline:none}.skip-link{z-index:10;color:#101719;background:#f4f7f5;border-radius:.65rem;padding:.75rem 1rem;font-weight:800;text-decoration:none;transition:transform .16s cubic-bezier(.16,1,.3,1);position:fixed;top:.75rem;left:.75rem;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:4px;outline:3px solid #55c7b4}button{cursor:pointer}button:disabled{cursor:not-allowed}p{text-wrap:pretty}h1,h2,h3{text-wrap:balance}.page-shell{width:min(100% - 2rem,72rem);min-height:100dvh;margin-inline:auto;padding-block:clamp(3rem,10vw,7rem)}.hero{max-width:46rem}.home-hero-grid{align-items:center;gap:clamp(2.5rem,7vw,6rem);display:grid}.home-hero-grid h1{max-width:16ch;font-size:clamp(2.75rem,6vw,4rem)}.hero-art{background:#182326;border-radius:1.5rem;min-height:18rem;margin:0;position:relative;overflow:hidden;box-shadow:0 1.5rem 4rem #030c0e38}.hero-art img{object-fit:cover;object-position:60% center;width:100%;height:100%;min-height:18rem;display:block}.eyebrow{color:#55c7b4;letter-spacing:.08em;text-transform:uppercase;margin:0 0 1rem;font-size:.75rem;font-weight:700}h1{letter-spacing:-.055em;max-width:12ch;margin:0;font-family:Space Grotesk Variable,Space Grotesk,ui-sans-serif,system-ui,sans-serif;font-size:clamp(2.75rem,10vw,5.75rem);line-height:.98}.hero-copy{color:#a8b5b1;max-width:38rem;margin:1.5rem 0 2rem;font-size:clamp(1.05rem,2.5vw,1.3rem);line-height:1.55}.primary-button,.primary-link{color:#101719;min-height:3rem;font:inherit;background:#f47a55;border:0;border-radius:.75rem;justify-content:center;align-items:center;gap:.75rem;padding:.75rem 1.25rem;font-weight:800;text-decoration:none;transition:transform .18s cubic-bezier(.16,1,.3,1),opacity .18s cubic-bezier(.16,1,.3,1);display:inline-flex}.primary-button:not(:disabled):active,.primary-link:active{transform:scale(.98)}.primary-button:disabled{cursor:not-allowed;opacity:.55}.coming-soon{color:#a8b5b1;margin-top:.75rem;font-size:.875rem}.status-card{color:#f4f7f5;background:#182326;border-radius:1.125rem;align-items:center;gap:.75rem;width:fit-content;min-height:3.5rem;margin-top:clamp(4rem,12vw,8rem);padding:.9rem 1rem;display:flex;box-shadow:0 1rem 3rem #030c0e33}.status-card svg{color:#55c7b4;flex:none;font-size:1.4rem}.status-skeleton{background:#2f4547;border-radius:999px;width:1.35rem;height:1.35rem;animation:1.2s ease-in-out infinite pulse}.compact-shell{width:min(100% - 2rem,35rem)}.brand-link{color:#f4f7f5;letter-spacing:-.04em;margin-bottom:2rem;font-family:Space Grotesk Variable,Space Grotesk,ui-sans-serif,system-ui,sans-serif;font-size:1.25rem;font-weight:800;text-decoration:none;display:inline-flex}.form-card,.welcome-card{background:#182326;border:1px solid #2a393c;border-radius:1.5rem;padding:clamp(1.35rem,5vw,2.5rem);box-shadow:0 1.5rem 4rem #030c0e38}.icon-chip,.party-mark{color:#55c7b4;background:#24413f;border-radius:1rem;place-items:center;width:3.5rem;height:3.5rem;margin-bottom:1.5rem;font-size:1.65rem;display:grid}.accent-chip,.party-mark{color:#101719;background:#f47a55}.screen-title{max-width:15ch;font-size:clamp(2.1rem,8vw,3.75rem);line-height:1}.screen-copy{color:#a8b5b1;max-width:38rem;margin:1.1rem 0 0;font-size:1rem;line-height:1.6}.screen-copy strong{color:#f4f7f5}.form-stack{gap:1.25rem;margin-top:2rem;display:grid}.field{color:#dce5e2;gap:.6rem;font-size:.9rem;font-weight:700;display:grid}.field input{color:#f4f7f5;width:100%;min-height:3.35rem;font:inherit;background:#101719;border:1px solid #3a4b4e;border-radius:.8rem;padding:.8rem 1rem;font-size:1rem;font-weight:500}.field textarea{resize:vertical;color:#f4f7f5;width:100%;font:inherit;background:#101719;border:1px solid #3a4b4e;border-radius:.8rem;padding:.9rem 1rem;line-height:1.5}.field textarea:focus-visible{outline-offset:4px;outline:3px solid #55c7b4}.field textarea::placeholder,.field input::placeholder{color:#758681}.field input[aria-invalid=true]{border-color:#fa806f}.form-error{color:#ff9b8c;align-items:flex-start;gap:.45rem;margin:0;font-size:.875rem;font-weight:600;line-height:1.4;display:flex}.form-error svg{flex:none;margin-top:.08rem;font-size:1.1rem}.full-button{width:100%}.secondary-button{color:#f4f7f5;min-height:3rem;font:inherit;background:#182326;border:1px solid #344649;border-radius:.75rem;justify-content:center;align-items:center;gap:.65rem;padding:.75rem 1rem;font-weight:800;text-decoration:none;transition:transform .18s cubic-bezier(.16,1,.3,1),border-color .18s cubic-bezier(.16,1,.3,1),background-color .18s cubic-bezier(.16,1,.3,1);display:inline-flex}.loading-page{align-content:center;gap:1.5rem;display:grid}.loading-brand{align-items:center;gap:.8rem;display:flex}.loading-panel{background:#182326;border:1px solid #2a393c;border-radius:1.5rem;gap:1rem;padding:clamp(1.35rem,5vw,2.5rem);display:grid}.skeleton-block{background:linear-gradient(100deg,#263538 30%,#344649 50%,#263538 70%) 0 0/200% 100%;border-radius:.55rem;animation:1.4s ease-in-out infinite skeleton-wave;display:block;overflow:hidden}.skeleton-mark{border-radius:.85rem;width:2.75rem;height:2.75rem}.skeleton-word{width:7rem;height:1.2rem}.skeleton-title{width:min(75%,20rem);height:2.5rem}.skeleton-copy{width:100%;height:.85rem}.skeleton-copy-short{width:68%}.skeleton-action{width:9rem;height:3rem;margin-top:.75rem}.topbar,.guest-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.now-playing-card{background:#182326;border:1px solid #344649;border-radius:1.25rem;grid-template-columns:6.5rem minmax(0,1fr);gap:1.25rem;margin:1.5rem 0 3rem;padding:1rem;display:grid;box-shadow:0 1rem 2.5rem #030c0e2e}.now-playing-cover{aspect-ratio:1;object-fit:cover;border-radius:.9rem;width:6.5rem}.now-playing-copy{min-width:0}.now-playing-copy .eyebrow{margin-bottom:.35rem}.now-playing-copy h2,.now-playing-copy p{margin:0}.now-playing-copy p{color:#a8b5b1;margin-top:.2rem}.now-playing-copy small{color:#d3a95f;margin-top:.45rem;display:block}.playback-progress{background:#29383b;border-radius:999px;height:.55rem;margin-top:1rem;overflow:hidden}.playback-progress>span{border-radius:inherit;background:#55c7b4;height:100%;display:block}.playback-times{color:#a8b5b1;font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:.35rem;font-size:.75rem;display:flex}.playback-waiting{grid-template-columns:auto minmax(0,1fr);align-items:center}.playback-waiting h2,.playback-waiting p{margin:0}.playback-waiting p{color:#a8b5b1;margin-top:.4rem}.playback-controls{flex-wrap:wrap;gap:.65rem;margin-top:1rem;display:flex}@media (width<=32rem){.now-playing-card{grid-template-columns:4.75rem minmax(0,1fr)}.now-playing-cover{width:4.75rem}}.topbar .brand-link,.guest-header .brand-link{margin:0}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.admin-toolbar{gap:1rem;display:grid}.admin-toolbar-brand{gap:.15rem;display:grid}.admin-toolbar-brand .brand-link{margin:0}.admin-toolbar-brand span{color:#83928e;text-overflow:ellipsis;white-space:nowrap;max-width:18rem;font-size:.78rem;font-weight:700;overflow:hidden}.admin-party-nav{scrollbar-width:none;gap:.4rem;margin-inline:-1rem;padding:.25rem 1rem .5rem;display:flex;overflow-x:auto}.admin-party-nav::-webkit-scrollbar{display:none}.admin-party-nav-link{color:#a8b5b1;border:1px solid #0000;border-radius:.7rem;flex:none;align-items:center;gap:.45rem;min-height:2.75rem;padding:.6rem .75rem;font-size:.78rem;font-weight:800;text-decoration:none;transition:border-color .16s,background-color .16s,color .16s;display:inline-flex}.admin-party-nav-link svg{flex:none;font-size:1.05rem}.admin-party-nav-link.active{color:#8ee2d3;background:#203432;border-color:#3f5d5c}.share-shell{width:min(100% - 2rem,76rem)}.status-badge{color:#a8b5b1;border:1px solid #45565a;border-radius:999px;align-items:center;min-height:2rem;padding:.35rem .7rem;font-size:.78rem;font-weight:800;display:inline-flex}.status-open{color:#6ed8c5;border-color:#3f746a}.share-grid{align-items:center;gap:clamp(2rem,8vw,6rem);margin-top:clamp(3rem,8vw,6rem);display:grid}.share-copy{justify-items:start;display:grid}.share-title{max-width:12ch}.party-code{gap:.25rem;margin:2rem 0;display:grid}.party-code span{color:#a8b5b1;text-transform:uppercase;font-size:.8rem;font-weight:700}.party-code strong{color:#f8c66a;letter-spacing:.12em;font-family:Space Grotesk Variable,Space Grotesk,ui-sans-serif,system-ui,sans-serif;font-size:clamp(2rem,10vw,4rem)}.participant-count{color:#a8b5b1;align-items:center;gap:.55rem;margin:-1rem 0 2rem;font-size:.9rem;font-weight:700;display:inline-flex}.participant-count svg{color:#55c7b4;font-size:1.2rem}.success-note,.locked-note,.next-feature{border-radius:.9rem;gap:.7rem;padding:.9rem 1rem;line-height:1.45;display:flex}.success-note{color:#7ce0ce;background:#173632}.success-note svg,.next-feature>svg{flex:none;margin-top:.12rem;font-size:1.25rem}.qr-card{background:#182326;border:1px solid #2a393c;border-radius:1.5rem;justify-items:center;gap:1rem;padding:clamp(1rem,4vw,1.5rem);display:grid;box-shadow:0 1.5rem 4rem #030c0e38}.qr-card img,.qr-placeholder{aspect-ratio:1;background:#f4f7f5;border-radius:.9rem;width:100%;max-width:30rem}.qr-placeholder{color:#33423f;text-align:center;place-items:center;padding:1rem;display:grid}.qr-label{color:#a8b5b1;text-transform:uppercase;justify-self:start;align-items:center;gap:.5rem;font-size:.8rem;font-weight:800;display:inline-flex}.text-link{color:#a8b5b1;align-items:center;gap:.45rem;min-height:2.75rem;font-size:.875rem;font-weight:700;display:inline-flex}.join-page{min-height:100dvh;display:grid}.join-identity,.join-form-panel{flex-direction:column;justify-content:center;padding:clamp(2rem,7vw,6rem);display:flex}.join-identity{background:#162326;min-height:44dvh}.join-identity .brand-link{position:absolute;top:2rem}.join-party-name{max-width:14ch;font-size:clamp(2.6rem,10vw,5rem)}.join-form-panel{color:#f4f7f5;background:#101719;border-top:1px solid #2a393c}.join-form-panel h2{letter-spacing:-.045em;max-width:14ch;margin:0;font-family:Space Grotesk Variable,Space Grotesk,ui-sans-serif,system-ui,sans-serif;font-size:clamp(2rem,8vw,3.25rem);line-height:1.05}.join-form-panel>p{color:#a8b5b1;max-width:30rem;margin:.8rem 0 0;line-height:1.55}.join-form-panel .field{color:#dce5e2}.join-form-panel .field input{color:#f4f7f5;background:#182326;border-color:#3a4b4e}.join-form-panel .field input::placeholder{color:#758681}.join-form-panel .form-error{color:#ff9b8c}.locked-note{color:#b7c2be;background:#292f2e;max-width:31rem;margin-top:2rem}.guest-shell{width:min(100% - 2rem,52rem);min-height:100dvh;margin-inline:auto;padding-block:1rem 7rem}.guest-header{margin-bottom:clamp(2rem,6vw,4rem)}.guest-header-actions{align-items:center;gap:.55rem;display:flex}.guest-welcome{align-items:end;gap:1rem;margin-bottom:1.5rem;display:grid}.guest-welcome .eyebrow{margin-bottom:.55rem}.guest-welcome h1{max-width:16ch;font-size:clamp(2.15rem,8vw,4rem)}.guest-welcome>p{color:#a8b5b1;max-width:34rem;margin:0;font-size:.98rem;line-height:1.55}.guest-shell .now-playing-card{margin-bottom:1.25rem}.guest-guide{background:#152224;border:1px solid #3b514f;border-radius:1.25rem;margin-bottom:1.5rem;padding:1rem}.guest-guide-heading{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.guest-guide-heading .eyebrow{margin-bottom:.4rem}.guest-guide-heading h2{letter-spacing:-.035em;margin:0;font-family:Space Grotesk Variable,Space Grotesk,ui-sans-serif,system-ui,sans-serif;font-size:1.15rem}.guide-close-button{color:#a8b5b1;background:0 0;border:0;border-radius:.7rem;flex:none;place-items:center;width:2.75rem;height:2.75rem;font-size:1.2rem;display:grid}.guest-guide ol{gap:.65rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.guest-guide li{grid-template-columns:2rem minmax(0,1fr);align-items:center;gap:.75rem;display:grid}.guest-guide li>span{color:#7ce0ce;background:#24413f;border-radius:.65rem;place-items:center;width:2rem;height:2rem;font-size:.78rem;font-weight:800;display:grid}.guest-guide li div{gap:.12rem;display:grid}.guest-guide li strong{font-size:.88rem}.guest-guide li small{color:#83928e;line-height:1.35}.guest-action-panel{color:#172022;background:#f0a257;border-radius:1.35rem;gap:1.25rem;margin-bottom:1.25rem;padding:clamp(1.1rem,4vw,1.6rem);display:grid;box-shadow:0 1.25rem 3rem #040e1038}.guest-action-panel .eyebrow{color:#603716;margin-bottom:.4rem}.guest-action-panel h2{letter-spacing:-.045em;margin:0;font-family:Space Grotesk Variable,Space Grotesk,ui-sans-serif,system-ui,sans-serif;font-size:clamp(1.45rem,5vw,2rem)}.guest-action-panel>div:first-child>p:last-child{color:#58391f;margin:.55rem 0 0;font-size:.88rem}.guest-primary-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;display:grid}.guest-main-action{color:#f7f2e9;background:#142124;grid-column:1/-1;justify-content:flex-start}.guest-main-action>span{color:#d7dfdc;background:#2b393b;border-radius:.45rem;margin-left:auto;padding:.28rem .5rem;font-size:.68rem}.guest-secondary-action{color:#302216;text-align:center;border:1px solid #4126114d;border-radius:.75rem;justify-content:center;align-items:center;gap:.45rem;min-height:3rem;padding:.65rem;font-size:.78rem;font-weight:800;text-decoration:none;transition:transform .16s cubic-bezier(.16,1,.3,1),background-color .16s;display:inline-flex}.flash-panel{color:#f4f7f5;background:#242116;border:1px solid #65502a;border-radius:1.25rem;margin:1.25rem 0}.flash-panel-upcoming{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.8rem;padding:.9rem 1rem;display:grid}.flash-panel-upcoming strong{font-family:Space Grotesk Variable,Space Grotesk,ui-sans-serif,system-ui,sans-serif}.flash-panel-upcoming p{color:#c0b292;margin:.18rem 0 0;font-size:.78rem}.flash-panel-live{padding:clamp(1rem,4vw,1.5rem)}.flash-panel-yours{border-color:#f0a257;box-shadow:0 1rem 3rem #3e2b0a47}.flash-panel-heading{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.75rem;display:grid}.flash-panel-heading .eyebrow{color:#f2bf68;margin-bottom:.25rem}.flash-panel-heading h2{letter-spacing:-.04em;margin:0;font-family:Space Grotesk Variable,Space Grotesk,ui-sans-serif,system-ui,sans-serif;font-size:clamp(1.25rem,5vw,1.75rem)}.flash-icon,.admin-flash-icon{color:#172022;background:#f0a257;border-radius:.85rem;place-items:center;width:3rem;height:3rem;font-size:1.5rem;display:grid}.flash-countdown{color:#f5cb7d;font-variant-numeric:tabular-nums;background:#171910;border-radius:.7rem;grid-column:1/-1;justify-content:center;align-items:center;gap:.4rem;min-height:2.5rem;font-size:.9rem;font-weight:800;display:inline-flex}.flash-explanation,.flash-waiting-copy{color:#c8b994;margin:1rem 0 0;font-size:.85rem;line-height:1.5}.flash-waiting-copy{align-items:flex-start;gap:.6rem;display:flex}.flash-waiting-copy svg{flex:none;margin-top:.18rem}.flash-panel .spotify-search{border-top-color:#5a4a2c;margin-top:1.25rem}.flash-selected-track{background:#171910;border-radius:.85rem;grid-template-columns:3.75rem minmax(0,1fr);align-items:center;gap:.75rem;margin-top:1rem;padding:.75rem;display:grid}.flash-track-cover{aspect-ratio:1;object-fit:cover;border-radius:.65rem;width:3.75rem}.flash-selected-track>div{gap:.15rem;min-width:0;display:grid}.flash-selected-track strong,.flash-selected-track span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.flash-selected-track span,.flash-selected-track small{color:#b9aa87}.flash-selected-track small{margin-top:.25rem;font-size:.68rem}.active-track-preview{border-top:1px solid #2a393c;margin-top:2.5rem;padding-top:2rem;scroll-margin-top:1rem}.action-section-heading{gap:.75rem;display:grid}.action-section-heading .eyebrow{margin-bottom:.35rem}.action-section-heading h2{letter-spacing:-.04em;margin:0;font-family:Space Grotesk Variable,Space Grotesk,ui-sans-serif,system-ui,sans-serif;font-size:clamp(1.45rem,5vw,2rem)}.action-section-heading .text-link{justify-self:start;align-items:center;gap:.35rem;display:inline-flex}.active-track-list{gap:.55rem;display:grid}.active-track-row{background:#182326;border-radius:.9rem;grid-template-columns:3.25rem minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.65rem;display:grid}.active-track-cover{aspect-ratio:1;object-fit:cover;border-radius:.65rem;width:3.25rem}.active-track-copy{gap:.15rem;min-width:0;display:grid}.active-track-copy strong,.active-track-copy span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.active-track-copy span{color:#83928e;font-size:.75rem}.compact-track-vote{min-width:3.25rem;padding-inline:.65rem}.guest-action-empty{color:#83928e;border:1px dashed #3a4b4e;border-radius:.9rem;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.75rem;padding:1rem;display:grid}.guest-action-empty>svg{font-size:1.5rem}.guest-action-empty p{margin:.2rem 0 0;font-size:.78rem}.guest-mobile-nav{z-index:5;right:.75rem;bottom:max(.75rem, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#121b1df0;border:1px solid #35474a;border-radius:1rem;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;max-width:31rem;margin-inline:auto;padding:.4rem;display:grid;position:fixed;left:.75rem;box-shadow:0 1rem 3rem #030c0e6b}.guest-mobile-nav a,.guest-mobile-nav span{color:#cbd5d2;border-radius:.7rem;align-content:center;place-items:center;gap:.12rem;min-height:3.4rem;font-size:.66rem;font-weight:800;text-decoration:none;display:grid}.guest-mobile-nav a:first-child{color:#172022;background:#f47a55}.guest-mobile-nav svg{font-size:1.2rem}.realtime-status{color:#a8b5b1;background:#182326;border:1px solid #344649;border-radius:999px;align-items:center;gap:.45rem;min-height:2rem;padding:.35rem .65rem;font-size:.75rem;font-weight:800;display:inline-flex}.realtime-status>span{background:#a8b5b1;border-radius:50%;flex:none;width:.55rem;height:.55rem}.realtime-connected>span{background:#55c7b4}.realtime-offline>span{background:#ff7b6b}.icon-button{color:#f4f7f5;background:0 0;border:1px solid #344649;border-radius:.8rem;place-items:center;width:3rem;height:3rem;font-size:1.25rem;transition:transform .18s cubic-bezier(.16,1,.3,1),border-color .18s cubic-bezier(.16,1,.3,1),background-color .18s cubic-bezier(.16,1,.3,1);display:grid}.small-mark{width:3rem;height:3rem;font-size:1.35rem}.next-feature{color:#a8b5b1;background:#202f32;align-items:flex-start;margin-top:2rem}.next-feature>svg{color:#f8c66a}.next-feature span{gap:.15rem;display:grid}.next-feature strong{color:#f4f7f5}.configure-link{margin-top:1rem;text-decoration:none}.spotify-config-link{margin-top:.65rem}.admin-playlists-shell{width:min(100% - 2rem,76rem)}.admin-context{color:#a8b5b1;margin:.25rem 0 0;font-size:.875rem}.admin-playlists-shell .topbar>div .brand-link{margin:0}.admin-page-heading{align-items:end;gap:1.5rem;margin-block:clamp(3rem,8vw,6rem) 2rem;display:grid}.admin-page-heading .primary-button{justify-self:start}.playlist-form-card{background:#182326;border:1px solid #3a4b4e;border-radius:1.5rem;margin-bottom:2rem;padding:clamp(1.25rem,4vw,2rem);box-shadow:0 1.5rem 4rem #030c0e2e}.panel-heading{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.panel-heading h2,.empty-playlists h2,.tracks-empty-state h2,.section-heading h2{letter-spacing:-.035em;margin:0;font-family:Space Grotesk Variable,Space Grotesk,ui-sans-serif,system-ui,sans-serif;font-size:clamp(1.5rem,5vw,2.25rem)}.form-columns{gap:1.25rem;display:grid}.visual-picker{border:0;min-width:0;margin:0;padding:0}.visual-picker legend{color:#dce5e2;margin-bottom:.7rem;font-size:.9rem;font-weight:700}.visual-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;display:grid}.visual-option{color:#a8b5b1;cursor:pointer;border:1px solid #344649;border-radius:.9rem;gap:.45rem;min-width:0;padding:.55rem;font-size:.75rem;font-weight:700;display:grid;position:relative}.visual-option input{opacity:0;position:absolute}.visual-option:has(input:checked){color:#f4f7f5;border-color:#55c7b4;box-shadow:inset 0 0 0 1px #55c7b4}.visual-option:has(input:focus-visible){outline-offset:3px;outline:3px solid #55c7b4}.playlist-visual{isolation:isolate;color:#f4f7f5;background:#24413f;border-radius:1.1rem;place-items:center;min-height:9rem;display:grid;position:relative;overflow:hidden}.playlist-visual>svg{z-index:2;font-size:3rem;position:relative}.playlist-visual>span{background:#f4f7f529;border-radius:50%;width:7rem;height:7rem;position:absolute}.playlist-visual>span:last-child{background:#10171938;border-radius:2rem;width:9rem;bottom:-3rem;right:-2rem;transform:rotate(28deg)}.visual-sunset{color:#f8c66a;background:#b7523a}.visual-pixel{color:#f8c66a;background:#285a64}.visual-bass{color:#f47a55;background:#33494e}.visual-pulse{color:#f4f7f5;background:#236c63}.visual-midnight{color:#f8c66a;background:#263750}.visual-free{color:#f4f7f5;background:#74483c}.compact-visual{border-radius:.7rem;min-height:4.5rem}.compact-visual>svg{font-size:1.8rem}.setting-list{gap:.6rem;display:grid}.toggle-setting{cursor:pointer;background:#101719;border-radius:.8rem;align-items:flex-start;gap:.75rem;padding:.8rem;display:flex}.toggle-setting input{accent-color:#55c7b4;flex:none;width:1.2rem;height:1.2rem;margin-top:.15rem}.toggle-setting span{color:#a8b5b1;gap:.15rem;font-size:.82rem;line-height:1.4;display:grid}.toggle-setting strong{color:#f4f7f5;font-size:.9rem}.form-actions{flex-wrap:wrap;justify-content:flex-end;gap:.75rem;display:flex}.empty-playlists,.tracks-empty-state{color:#a8b5b1;border:1px dashed #3a4b4e;border-radius:1.5rem;justify-items:start;padding:clamp(1.5rem,6vw,3rem);display:grid}.empty-playlists>svg,.tracks-empty-state>svg{color:#55c7b4;margin-bottom:1rem;font-size:2.5rem}.empty-playlists p,.tracks-empty-state p{max-width:34rem;line-height:1.55}.empty-playlists .primary-button{margin-top:.5rem}.admin-playlist-list{gap:.8rem;display:grid}.admin-playlist-row{background:#182326;border:1px solid #2a393c;border-radius:1.1rem;align-items:center;gap:1rem;padding:.8rem;display:grid}.active-admin-playlist{border-color:#f47a55}.admin-playlist-copy{min-width:0}.admin-playlist-title{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.admin-playlist-title h2{margin:0;font-family:Space Grotesk Variable,Space Grotesk,ui-sans-serif,system-ui,sans-serif;font-size:1.2rem}.admin-playlist-copy>p{color:#a8b5b1;text-overflow:ellipsis;white-space:nowrap;margin:.35rem 0 .65rem;font-size:.875rem;overflow:hidden}.active-label{color:#ff9c7d;align-items:center;gap:.35rem;font-size:.72rem;font-weight:800;display:inline-flex}.admin-playlist-meta{color:#83928e;flex-wrap:wrap;gap:.45rem 1rem;font-size:.76rem;display:flex}.playlist-row-actions{flex-wrap:wrap;gap:.45rem;display:flex}.playlist-row-actions .secondary-button{flex:1;min-width:8rem}.danger-button{color:#ff9b8c}.icon-button:disabled{cursor:not-allowed;opacity:.35}.guest-playlists{margin-top:clamp(3rem,9vw,6rem)}.section-heading{margin-bottom:1.5rem}.section-heading p{color:#a8b5b1;max-width:34rem;margin:.6rem 0 0;line-height:1.55}.playlist-grid{gap:1rem;display:grid}.playlist-card{background:#182326;border:1px solid #2a393c;border-radius:1.2rem;transition:transform .18s cubic-bezier(.16,1,.3,1),border-color .18s cubic-bezier(.16,1,.3,1);display:grid;overflow:hidden}.playlist-card-link{color:#f4f7f5;text-decoration:none;display:grid}.playlist-card-link:active{transform:scale(.985)}.active-playlist-card{border-color:#f47a55}.playlist-card .playlist-visual{border-radius:0}.playlist-card-body{padding:1rem}.playlist-card-heading{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.playlist-card-heading h2{letter-spacing:-.03em;margin:0;font-family:Space Grotesk Variable,Space Grotesk,ui-sans-serif,system-ui,sans-serif;font-size:1.25rem}.playlist-state{color:#7ce0ce;text-align:right;align-items:center;gap:.3rem;font-size:.7rem;font-weight:800;display:inline-flex}.playlist-card-body>p{color:#a8b5b1;min-height:2.8em;margin:.6rem 0 1rem;font-size:.85rem;line-height:1.4}.playlist-card-stats{color:#83928e;flex-wrap:wrap;gap:.65rem 1rem;font-size:.74rem;font-weight:700;display:flex}.playlist-card-stats span{align-items:center;gap:.3rem;display:inline-flex}.playlist-open-label{color:#7ce0ce;align-items:center;gap:.35rem;margin-top:1rem;font-size:.75rem;font-weight:800;display:inline-flex}.playlist-vote-zone{color:#83928e;border-top:1px solid #2a393c;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.72rem;font-weight:800;display:flex}.playlist-vote-button,.track-vote-button{color:#d8e0dd;min-height:2.75rem;font:inherit;background:#111a1c;border:1px solid #3b504f;border-radius:.75rem;justify-content:center;align-items:center;gap:.4rem;padding:.55rem .75rem;font-weight:800;transition:transform .16s cubic-bezier(.16,1,.3,1),border-color .16s cubic-bezier(.16,1,.3,1),background-color .16s cubic-bezier(.16,1,.3,1);display:inline-flex}.playlist-vote-button.voted,.track-vote-button.voted{color:#92e4d6;background:#21413c;border-color:#55c7b4}.playlist-vote-button:disabled,.track-vote-button:disabled{cursor:not-allowed;opacity:.45}.playlist-change-notice{color:#b7c2be;background:#292f2e;border-radius:1rem;align-items:flex-start;gap:.75rem;margin-bottom:1rem;padding:1rem;font-size:.82rem;line-height:1.45;display:flex}.playlist-change-notice>svg{color:#f8c66a;flex:none;margin-top:.15rem;font-size:1.2rem}.playlist-change-notice span{gap:.2rem;display:grid}.playlist-change-notice strong{color:#f4f7f5}.scheduled-change{color:#a9d8d0;background:#1f443d}.scheduled-change>svg{color:#7ce0ce}.playlist-detail-shell{width:min(100% - 2rem,52rem);min-height:100dvh;margin-inline:auto;padding-block:1.5rem 4rem}.back-link{color:#f4f7f5;align-items:center;gap:.5rem;min-height:3rem;font-weight:800;text-decoration:none;display:inline-flex}.playlist-detail-hero{align-items:center;gap:1.5rem;margin-block:clamp(2rem,7vw,4rem);display:grid}.playlist-detail-hero .playlist-visual{min-height:14rem}.quota-banner{background:#173632;border-radius:1rem;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem;display:flex}.quota-banner>div{gap:.25rem;display:grid}.quota-banner strong{color:#f4f7f5;line-height:1.35}.quota-banner span{color:#8ec8bd;font-size:.78rem}.quota-banner .quota-number{color:#7ce0ce;font-family:Space Grotesk Variable,Space Grotesk,ui-sans-serif,system-ui,sans-serif;font-size:1.4rem;font-weight:800}.locked-playlist-note{color:#c9bda9;background:#302d29;border-radius:1rem;align-items:flex-start;gap:.75rem;padding:1rem;display:flex}.locked-playlist-note>svg{color:#f8c66a;flex:none;margin-top:.15rem;font-size:1.2rem}.locked-playlist-note span{gap:.2rem;font-size:.85rem;line-height:1.45;display:grid}.locked-playlist-note strong{color:#f4f7f5}.playlist-detail-shell>.tracks-empty-state{margin-top:2rem}.playlist-tracks{margin-top:clamp(2rem,7vw,4rem)}.playlist-track-list{gap:.65rem;display:grid}.playlist-track-row{background:#151f21;border:1px solid #263538;border-radius:.95rem;grid-template-columns:3.75rem minmax(0,1fr);align-items:center;gap:.8rem;padding:.65rem;display:grid}.playlist-track-cover{object-fit:contain;border-radius:.65rem;width:3.75rem;height:3.75rem}.playlist-track-copy{gap:.15rem;min-width:0;display:grid}.playlist-track-copy strong,.playlist-track-copy span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.playlist-track-copy span{color:#a8b5b1;font-size:.8rem}.playlist-track-copy small{color:#83928e;font-size:.72rem;line-height:1.4}.playlist-track-meta{color:#83928e;grid-column:1/-1;align-items:center;gap:.7rem;padding-left:4.55rem;font-size:.7rem;display:flex}.playlist-track-meta .track-status{color:#8ee2d3;background:#24413d;border-radius:999px;padding:.25rem .5rem;font-weight:800}.track-vote-button{min-height:2.5rem;padding:.4rem .65rem}.playlist-track-meta a{color:#b9c5c1;align-items:center;gap:.25rem;margin-left:auto;font-weight:800;text-decoration:none;display:inline-flex}.tracks-empty-state>span{align-items:center;gap:.35rem;font-size:.78rem;font-weight:700;display:inline-flex}.spotify-shell{width:min(100% - 2rem,68rem)}.spotify-heading{max-width:46rem;margin-block:clamp(3rem,8vw,6rem) 2rem}.spotify-notice{max-width:46rem;margin-bottom:1rem}.spotify-setup-card,.spotify-connect-card,.spotify-panel{background:#182326;border:1px solid #2a393c;border-radius:1.5rem;padding:clamp(1.25rem,4vw,2rem)}.spotify-setup-card h2,.spotify-connect-card h2,.spotify-panel h2{letter-spacing:-.035em;margin:0;font-family:Space Grotesk Variable,Space Grotesk,ui-sans-serif,system-ui,sans-serif;font-size:clamp(1.4rem,4vw,2rem)}.spotify-setup-card p,.spotify-connect-card p{color:#a8b5b1;max-width:42rem;margin:.7rem 0 0;line-height:1.55}.spotify-connect-card{align-items:center;gap:1.5rem;display:grid}.spotify-connect-card .primary-button{justify-self:start}.spotify-config-grid{gap:1rem;display:grid}.spotify-panel{min-width:0}.spotify-panel .panel-heading{margin-bottom:1.25rem}.device-list{gap:.6rem;display:grid}.device-button{color:#f4f7f5;text-align:left;background:#101719;border:1px solid #344649;border-radius:.9rem;grid-template-columns:2.75rem minmax(0,1fr) auto;align-items:center;gap:.75rem;width:100%;min-height:4.5rem;padding:.7rem;transition:transform .18s cubic-bezier(.16,1,.3,1),border-color .18s cubic-bezier(.16,1,.3,1),background-color .18s cubic-bezier(.16,1,.3,1);display:grid}.device-button>svg:first-child{color:#55c7b4;background:#24413f;border-radius:.7rem;padding:.55rem;font-size:2.5rem}.device-button>svg:last-child{color:#7ce0ce;font-size:1.25rem}.device-button span{gap:.2rem;min-width:0;display:grid}.device-button strong,.device-button small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.device-button small{color:#83928e;font-size:.75rem}.selected-device{border-color:#55c7b4;box-shadow:inset 0 0 0 1px #55c7b4}.device-button:disabled{cursor:not-allowed;opacity:.5}.device-empty,.playback-empty{color:#a8b5b1;text-align:center;place-content:center;justify-items:center;min-height:10rem;display:grid}.device-empty svg,.playback-empty svg{color:#55c7b4;font-size:2.5rem}.device-empty p,.playback-empty p{max-width:22rem;line-height:1.5}.playback-preview{grid-template-columns:5rem minmax(0,1fr);align-items:center;gap:.9rem;margin-block:1.25rem;display:grid}.playback-preview img,.playback-preview .cover-fallback{object-fit:cover;border-radius:.7rem;width:5rem;height:5rem}.cover-fallback{color:#55c7b4;background:#24413f;place-items:center;font-size:1.5rem;display:grid}.playback-preview>div{gap:.25rem;min-width:0;display:grid}.playback-preview strong,.playback-preview span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.playback-preview span{color:#a8b5b1;font-size:.85rem}.playback-preview small{color:#7ce0ce;font-size:.75rem;font-weight:700}.spotify-search{background:#182326;border:1px solid #2a393c;border-radius:1.2rem;margin-top:1rem;padding:clamp(1rem,4vw,1.5rem)}.spotify-search .section-heading{margin-bottom:1rem}.search-field{color:#55c7b4;background:#101719;border:1px solid #3a4b4e;border-radius:.85rem;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.7rem;min-height:3.4rem;padding-inline:1rem;display:grid}.search-field:focus-within{outline-offset:4px;outline:3px solid #55c7b4}.search-field input{color:#f4f7f5;min-width:0;height:100%;font:inherit;background:0 0;border:0;outline:0}.search-field input::placeholder{color:#758681}.search-hint,.search-loading,.search-empty{color:#83928e;font-size:.8rem}.search-loading{align-items:center;gap:.65rem;margin-top:1rem;display:flex}.search-empty{align-items:center;gap:.6rem;margin-top:1rem;line-height:1.4;display:flex}.search-empty svg{color:#55c7b4;flex:none;font-size:1.3rem}.search-results{gap:.55rem;margin-top:1rem;display:grid}.search-track{background:#101719;border-radius:.8rem;grid-template-columns:3.5rem minmax(0,1fr) 3rem;align-items:center;gap:.7rem;min-width:0;padding:.5rem;display:grid}.search-cover{object-fit:contain;border-radius:.55rem;width:3.5rem;height:3.5rem}.search-track-copy{gap:.15rem;min-width:0;display:grid}.search-track-copy strong,.search-track-copy>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.search-track-copy>span{color:#a8b5b1;font-size:.78rem}.search-track-copy small{color:#83928e;align-items:center;gap:.3rem;font-size:.7rem;display:flex}.explicit-label{color:#f8c66a;font-weight:800}.track-added-note{color:#9ce9dc;background:#1f443d;border-radius:.8rem;margin:1rem 0 0;padding:.75rem .9rem;font-size:.8rem;font-weight:800}.dashboard-shell{gap:1.5rem;display:grid}.dashboard-overview{gap:.75rem;display:grid}.dashboard-overview article{background:#182326;border:1px solid #2a393c;border-radius:1rem;grid-template-columns:2.75rem minmax(0,1fr);align-items:center;gap:.15rem .8rem;min-width:0;padding:1rem;display:grid}.dashboard-overview svg{color:#55c7b4;grid-row:1/3;font-size:1.55rem}.dashboard-overview strong{color:#f4f7f5;text-overflow:ellipsis;white-space:nowrap;font-family:Space Grotesk Variable,Space Grotesk,ui-sans-serif,system-ui,sans-serif;font-size:1.15rem;overflow:hidden}.dashboard-overview span{color:#83928e;font-size:.78rem}.dashboard-playback-actions{flex-wrap:wrap;gap:.65rem;display:flex}.admin-flash-panel{background:#242116;border:1px solid #65502a;border-radius:1.25rem;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.85rem;padding:clamp(1rem,4vw,1.5rem);display:grid}.admin-flash-copy .eyebrow{color:#f2bf68;margin-bottom:.25rem}.admin-flash-copy h2{letter-spacing:-.04em;margin:0;font-family:Space Grotesk Variable,Space Grotesk,ui-sans-serif,system-ui,sans-serif;font-size:1.45rem}.admin-flash-copy p{color:#c8b994;margin:.4rem 0 0;font-size:.82rem;line-height:1.45}.admin-flash-copy p strong{color:#f4f7f5}.admin-flash-copy small{color:#a99b79;align-items:center;gap:.35rem;margin-top:.6rem;display:inline-flex}.admin-flash-actions{grid-column:1/-1;display:flex}.admin-flash-actions .secondary-button{width:100%}.dashboard-section{background:#182326;border:1px solid #2a393c;border-radius:1.25rem;padding:clamp(1rem,4vw,1.5rem)}.dashboard-section .section-heading{margin-bottom:1.25rem}.dashboard-section h2,.dashboard-danger-zone h2,.track-reward-panel h2,.playlist-reward-panel h2{letter-spacing:-.035em;margin:0;font-family:Space Grotesk Variable,Space Grotesk,ui-sans-serif,system-ui,sans-serif;font-size:clamp(1.25rem,5vw,1.7rem)}.dashboard-empty{color:#83928e;text-align:center;border:1px dashed #3a4b4e;border-radius:.9rem;margin:0;padding:1.25rem}.dashboard-participants,.dashboard-track-list{gap:.65rem;display:grid}.dashboard-participant{background:#101719;border-radius:.9rem;grid-template-columns:2.8rem minmax(0,1fr);align-items:start;gap:.8rem;padding:.8rem;display:grid}.participant-avatar{color:#7ce0ce;background:#24413f;border-radius:.85rem;place-items:center;width:2.8rem;height:2.8rem;font-family:Space Grotesk Variable,Space Grotesk,ui-sans-serif,system-ui,sans-serif;font-size:.82rem;font-weight:800;display:grid}.dashboard-participant h3{margin:0;font-size:1rem}.dashboard-participant p{color:#83928e;margin:.2rem 0 0;font-size:.78rem}.participant-actions{flex-wrap:wrap;grid-column:1/-1;gap:.55rem;display:flex}.reward-assignment{flex-wrap:wrap;flex:19rem;gap:.55rem;display:flex}.reward-assignment label{flex:12rem}.reward-assignment select,.dashboard-settings-form input[type=number],.track-reward-panel select{color:#f4f7f5;width:100%;min-height:3rem;font:inherit;background:#101719;border:1px solid #3a4b4e;border-radius:.75rem;padding:.65rem .8rem}.reward-badges{flex-wrap:wrap;gap:.35rem;margin-top:.55rem;display:flex}.reward-badges span{color:#f8c66a;background:#3d3421;border-radius:999px;padding:.28rem .55rem;font-size:.68rem;font-weight:800}.text-danger-button{color:#ff9c8d;min-height:3rem;font:inherit;background:0 0;border:0;align-items:center;gap:.45rem;padding:.65rem .25rem;font-size:.82rem;font-weight:800;display:inline-flex}.text-danger-button:disabled{cursor:not-allowed;opacity:.5}.dashboard-track-list>article{background:#101719;border-radius:.9rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1rem;padding:.85rem;display:flex}.dashboard-track-list>article>div:first-child{gap:.25rem;min-width:0;display:grid}.dashboard-track-list strong,.dashboard-track-list span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dashboard-track-list span{color:#83928e;font-size:.75rem}.dashboard-track-list>article>div:last-child{gap:.5rem;display:flex}.dashboard-settings-form{gap:1rem;display:grid}.flash-settings-fieldset{background:#211f18;border:1px solid #5a4a2c;border-radius:1rem;gap:.9rem;margin:0;padding:1rem;display:grid}.flash-settings-fieldset legend{color:#f2bf68;padding-inline:.4rem;font-weight:800}.flash-settings-fieldset>p{color:#b8aa89;margin:0;font-size:.78rem;line-height:1.45}.flash-settings-grid{grid-template-columns:1fr}.settings-fields{gap:.8rem;display:grid}.settings-fields label{color:#dce5e2;gap:.45rem;font-size:.78rem;font-weight:700;display:grid}.check-field{color:#dce5e2;background:#101719;border-radius:.75rem;align-items:center;gap:.75rem;min-height:3rem;padding:.65rem .8rem;font-size:.85rem;display:flex}.check-field input,.track-reward-panel input[type=checkbox]{accent-color:#55c7b4;flex:none;width:1.25rem;height:1.25rem}.dashboard-settings-form .primary-button{justify-self:start}.dashboard-danger-zone{background:#271d1c;border:1px solid #63362f;border-radius:1.25rem;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.8rem;padding:clamp(1rem,4vw,1.5rem);display:grid}.dashboard-danger-zone>svg{color:#ff9c8d;font-size:1.6rem}.dashboard-danger-zone p{color:#c7aaa5;margin:.35rem 0 0;font-size:.8rem;line-height:1.45}.danger-action-button{color:#ffb2a6;min-height:3rem;font:inherit;background:0 0;border:1px solid #ff9c8d;border-radius:.75rem;grid-column:1/-1;padding:.65rem 1rem;font-weight:800}.danger-action-button:disabled{cursor:not-allowed;opacity:.5}.track-reward-panel,.playlist-reward-panel{background:#211f18;border:1px solid #5d4a28;border-radius:1.2rem;padding:clamp(1rem,4vw,1.5rem)}.track-reward-panel>div:first-child,.playlist-reward-panel{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.8rem;display:grid}.track-reward-panel>div:first-child>svg,.playlist-reward-panel>svg{color:#f8c66a;font-size:1.55rem}.track-reward-panel>label{color:#dce5e2;gap:.45rem;margin-top:1rem;font-size:.78rem;font-weight:700;display:grid}.track-reward-panel fieldset{border:1px solid #413d30;border-radius:.85rem;gap:.45rem;margin:1rem 0;padding:.75rem;display:grid}.track-reward-panel legend{color:#d7c59c;padding-inline:.35rem;font-size:.75rem}.track-reward-panel fieldset label{background:#181a17;border-radius:.65rem;align-items:center;gap:.65rem;min-height:2.75rem;padding:.45rem .55rem;font-size:.85rem;display:flex}.reward-empty{color:#bcae8f;margin:0;font-size:.8rem;line-height:1.5}.playlist-reward-panel>div>div{flex-wrap:wrap;gap:.5rem;margin-top:.8rem;display:flex}.not-found-page{align-content:center;justify-items:start;display:grid}.not-found-page .primary-link{margin-top:2rem}.secondary-button:not(:disabled):active,.icon-button:not(:disabled):active,.device-button:not(:disabled):active,.playlist-vote-button:not(:disabled):active,.track-vote-button:not(:disabled):active,.danger-action-button:not(:disabled):active,.text-danger-button:not(:disabled):active{transform:scale(.98)}.back-link,.text-link,.playlist-track-meta a{transition:color .16s}@media (hover:hover){.primary-button:not(:disabled):hover,.primary-link:hover{transform:translateY(-1px)}.guest-secondary-action:hover{background:#ffffff2e}.secondary-button:not(:disabled):hover,.icon-button:not(:disabled):hover,.device-button:not(:disabled):hover{background:#202e31;border-color:#557074}.playlist-card:hover{border-color:#405558;transform:translateY(-2px)}.playlist-vote-button:not(:disabled):hover,.track-vote-button:not(:disabled):hover{border-color:#55c7b4}.back-link:hover,.text-link:hover,.playlist-track-meta a:hover{color:#7ce0ce}.admin-party-nav-link:hover{color:#f4f7f5;background:#182326}.danger-action-button:not(:disabled):hover,.text-danger-button:not(:disabled):hover{color:#ffd0c8}}@media (prefers-reduced-motion:no-preference){#main-content>main{animation:.28s cubic-bezier(.16,1,.3,1) both page-enter}.success-note,.track-added-note,.scheduled-change{animation:.28s cubic-bezier(.16,1,.3,1) both feedback-enter}}@media (width<=40rem){.topbar{flex-direction:column;align-items:stretch}.topbar-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.topbar-actions .secondary-button{min-width:0}.dashboard-playback-actions>button{flex:10rem}.reward-assignment{flex-basis:100%;display:grid}.participant-actions{display:grid}.dashboard-track-list>article>div:last-child{width:100%}.dashboard-track-list .secondary-button{flex:1}}@media (width>=52rem){.home-hero-grid{grid-template-columns:minmax(0,.9fr) minmax(25rem,1.1fr)}.admin-toolbar{grid-template-columns:minmax(10rem,auto) minmax(0,1fr);align-items:center}.admin-party-nav{justify-content:flex-end;margin:0;padding:0;overflow:visible}.share-grid{grid-template-columns:minmax(0,1fr) minmax(20rem,30rem)}.join-page{grid-template-columns:minmax(0,1.1fr) minmax(25rem,.9fr)}.join-identity{min-height:100dvh}.join-form-panel{border-top:0;border-left:1px solid #2a393c}.admin-page-heading{grid-template-columns:minmax(0,1fr) auto}.form-columns{grid-template-columns:minmax(0,1fr) 10rem}.admin-playlist-row{grid-template-columns:5rem minmax(0,1fr) auto}.playlist-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guest-shell{padding-bottom:4rem}.guest-welcome{grid-template-columns:minmax(0,1.15fr) minmax(16rem,.85fr)}.guest-guide ol{grid-template-columns:repeat(3,minmax(0,1fr))}.guest-action-panel{grid-template-columns:minmax(0,.9fr) minmax(20rem,1.1fr);align-items:center}.flash-panel-heading{grid-template-columns:auto minmax(0,1fr) auto}.flash-countdown{grid-column:auto;min-width:6rem;padding-inline:.8rem}.action-section-heading{grid-template-columns:minmax(0,1fr) auto;align-items:end}.admin-flash-panel{grid-template-columns:auto minmax(0,1fr) auto}.admin-flash-actions{grid-column:auto}.admin-flash-actions .secondary-button{width:auto}.flash-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guest-mobile-nav{display:none}.playlist-track-row{grid-template-columns:3.75rem minmax(0,1fr) auto}.playlist-track-meta{grid-column:auto;padding-left:0}.playlist-detail-hero{grid-template-columns:minmax(15rem,.8fr) minmax(0,1.2fr)}.spotify-connect-card{grid-template-columns:minmax(0,1fr) auto}.spotify-config-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-overview{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-participant{grid-template-columns:2.8rem minmax(12rem,1fr) minmax(20rem,1.2fr);align-items:center}.participant-actions{grid-column:auto;justify-content:flex-end}.settings-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-danger-zone{grid-template-columns:auto minmax(0,1fr) auto}.danger-action-button{grid-column:auto}}@keyframes pulse{50%{opacity:.5}}@keyframes skeleton-wave{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes page-enter{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes feedback-enter{0%{opacity:0;transform:translateY(-.35rem)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}