*{box-sizing:border-box}@property --album-tint{syntax:"<color>";inherits:true;initial-value:#c8783a}@property --album-c1{syntax:"<color>";inherits:true;initial-value:#c8783a}@property --album-c2{syntax:"<color>";inherits:true;initial-value:#8a3f2a}@property --album-c3{syntax:"<color>";inherits:true;initial-value:#5a4a8a}@property --album-c4{syntax:"<color>";inherits:true;initial-value:#3f7a6a}:root{--wall:#17110d;--cream:#f4e9d8;--cream-muted:#f4e9d894;--cream-faint:#f4e9d852;--amber:#f2a541;--orange:#e2622b;--mustard:#d9a42a;--line:#f4e9d81f;--font-ui:var(--font-label), system-ui, sans-serif;--font-serif:var(--font-display), Georgia, serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{height:100%;margin:0;overflow:hidden}body{background:radial-gradient(1100px 680px at 14% -8%, #ffba702b, transparent 62%), radial-gradient(900px 620px at 68% 28%, color-mix(in srgb, var(--album-tint) 24%, transparent), transparent 70%), repeating-linear-gradient(90deg, #ffffff04 0 2px, transparent 2px 46px), var(--wall);min-height:100vh;color:var(--cream);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;background-attachment:fixed;transition:--album-tint 1.4s,--album-c1 1.4s,--album-c2 1.4s,--album-c3 1.4s,--album-c4 1.4s;position:relative}body:before,body:after{content:"";pointer-events:none;z-index:0;position:fixed;inset:0}body:before{background:radial-gradient(#0000 55%,#00000073)}body:after{opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}a{color:var(--amber)}@property --hue-shift{syntax:"<number>";inherits:true;initial-value:0}.ambient{z-index:0;pointer-events:none;opacity:.22;transition:opacity 2.4s;animation:160s linear infinite hueDrift,3.6s ease-in-out infinite breathe;position:fixed;inset:0;overflow:hidden}@keyframes breathe{50%{scale:1.05}}html[data-playing=true] .ambient{opacity:.62}html:not([data-playing=true]) .ambient{animation-play-state:paused}html[data-mode=listen] .ambient{opacity:.9}.ambient span{mix-blend-mode:screen;filter:blur(36px);will-change:transform;border-radius:50%;width:70vmax;height:70vmax;position:absolute}.ambient span:first-child{background:radial-gradient(circle, hsl(from var(--album-c1) calc(h + var(--hue-shift) * .15) clamp(50%, s, 80%) clamp(38%, l, 58%) / .9), transparent 74%);top:-25vmax;left:-15vmax}.ambient span:nth-child(2){background:radial-gradient(circle, hsl(from var(--album-c2) calc(h + var(--hue-shift) * .15) clamp(50%, s, 80%) clamp(34%, l, 54%) / .8), transparent 74%);top:10vmax;right:-30vmax}.ambient span:nth-child(3){background:radial-gradient(circle, hsl(from var(--album-c3) calc(h + var(--hue-shift) * .15) clamp(45%, s, 75%) clamp(30%, l, 50%) / .75), transparent 74%);bottom:-35vmax;left:15vmax}.ambient span:nth-child(4){background:radial-gradient(circle, hsl(from var(--album-c4) calc(h + var(--hue-shift) * .15) clamp(50%, s, 80%) clamp(38%, l, 58%) / .7), transparent 74%);width:55vmax;height:55vmax;top:30vmax;left:-30vmax}.ambient span:nth-child(5){background:radial-gradient(circle, hsl(from var(--album-c1) calc(h + var(--hue-shift) * .15) clamp(40%, s, 80%) clamp(45%, l, 62%) / .6), transparent 72%);width:40vmax;height:40vmax;top:55vmax;right:5vmax}.ambient span:nth-child(6){background:radial-gradient(circle, hsl(from var(--album-c3) calc(h + var(--hue-shift) * .15) clamp(40%, s, 80%) clamp(45%, l, 62%) / .55), transparent 72%);width:35vmax;height:35vmax;top:-10vmax;right:20vmax}@keyframes hueDrift{to{--hue-shift:360}}.masthead,[data-hide-in-listen]{transition:opacity .5s,visibility .5s}html[data-mode=listen] .masthead,html[data-mode=listen] [data-hide-in-listen]{opacity:0;visibility:hidden}.room{z-index:1;flex-direction:column;max-width:1240px;height:100dvh;margin:0 auto;padding:16px 20px 18px;display:flex;position:relative;overflow-y:auto}.room>main{flex:1;min-height:0;overflow-y:auto}.room>main.home{overflow:visible}.home{grid-template-rows:minmax(0,1fr) auto;gap:18px;min-height:460px;display:grid}@media (max-width:700px){.room{padding:12px 16px 14px}.home{min-height:620px}}.masthead{flex:none;align-items:center;gap:28px;margin-bottom:16px;display:flex}.brand{color:var(--cream);font-family:var(--font-serif);font-variation-settings:"SOFT" 100, "WONK" 1;letter-spacing:-.01em;align-items:center;gap:10px;font-size:23px;font-style:italic;font-weight:500;text-decoration:none;display:inline-flex}.brandDisc{background:radial-gradient(circle, #111 0 1.2px, var(--orange) 1.6px 6px, #111 6.4px 7px, transparent 7.4px), repeating-radial-gradient(circle, #141414 0 1px, #232323 1px 2px), #111;border-radius:50%;width:22px;height:22px;animation:1.8s linear infinite paused spin;box-shadow:0 0 0 1px #f4e9d82e,0 2px 6px #00000080}html[data-playing=true] .brandDisc{animation-play-state:running}.brandDisc:after{content:"";background:conic-gradient(from 0deg, transparent 0 40deg, #ffffff40 60deg, transparent 80deg);border-radius:50%;width:100%;height:100%;display:block}@keyframes spin{to{transform:rotate(360deg)}}.nav{flex:1;gap:4px;padding:0;display:flex}.headerListen{display:contents}@media (max-width:640px){.headerListen .pillText{display:none}}.navLink{color:var(--cream-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:500;line-height:1.2;text-decoration:none;transition:background .16s,color .16s;display:inline-flex}.navLink:hover{color:var(--cream);background:#f4e9d80f}.navLinkActive,.navLinkActive:hover{color:#1b130d;background:var(--cream)}.points{color:var(--amber);font-variant-numeric:tabular-nums;background:#d9a42a1f;border-radius:999px;align-items:center;gap:7px;padding:6px 12px 6px 8px;font-size:13px;font-weight:600;display:inline-flex;box-shadow:inset 0 0 0 1px #d9a42a59}a.points,button.points{font:inherit;cursor:pointer;border:0;font-size:13px;font-weight:600;text-decoration:none}.pointsBump{animation:.5s cubic-bezier(.2,.7,.2,1.4) bump}@keyframes bump{40%{transform:scale(1.18);box-shadow:inset 0 0 0 1px #d9a42a99,0 0 18px #f2a5418c}}.points:before{content:"";background:radial-gradient(circle at 35% 35%, #ffd98a, var(--mustard) 60%, #9c6f12);border-radius:50%;width:14px;height:14px;box-shadow:0 1px 2px #00000080}.user{align-items:center;gap:12px;display:inline-flex}.userAvatar{object-fit:cover;background:var(--orange);color:#fff6ea;border-radius:50%;place-items:center;width:26px;height:26px;margin-right:-4px;font-size:12px;font-weight:600;display:inline-grid;box-shadow:0 0 0 1px #f4e9d840}.userName{color:var(--cream-muted);font-size:13px}.userAction{color:var(--cream-muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;font-weight:500;text-decoration:none}.userAction:hover{color:var(--amber)}.localeSwitch{box-shadow:inset 0 0 0 1px var(--line);border-radius:999px;padding:2px;transition:opacity .16s;display:inline-flex}.localeSwitch[data-pending]{opacity:.6}.localeOption{color:var(--cream-faint);font:inherit;letter-spacing:.04em;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:3px 7px;font-size:11px;font-weight:600;transition:background .16s,color .16s}.localeOption:hover{color:var(--cream)}.localeOptionOn,.localeOptionOn:hover{color:#1b130d;background:var(--cream-muted);cursor:default}.localeSelect{color:#1b130d;background:var(--cream-muted);letter-spacing:.04em;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:600;display:none;position:relative}.localeSelect select{opacity:0;cursor:pointer;width:100%;font-size:16px;position:absolute;inset:0}@media (max-width:640px){.masthead{gap:8px;margin-bottom:12px}.brand{gap:0;font-size:0}.navLink{white-space:nowrap;padding:6px 9px}.userName{display:none}.points{white-space:nowrap;padding:6px 9px 6px 6px}.localeOption{display:none}.localeSelect{display:block}}@media (max-width:400px){.brand{display:none}}main{animation:.52s backwards rise}@keyframes rise{0%{opacity:0}}.paperPanel{box-shadow:inset 0 0 0 1px var(--line), 0 30px 80px -20px #000000e6;background:radial-gradient(700px 400px at 10% -10%,#ffba701f,#0000 60%),#1a130e;border-radius:20px}.eyebrow{letter-spacing:.24em;text-transform:uppercase;color:var(--orange);margin:0 0 6px;font-size:11px;font-weight:600}.sectionTitle{font-family:var(--font-serif);font-variation-settings:"SOFT" 100, "opsz" 72;letter-spacing:-.015em;margin:0;font-size:clamp(28px,4vw,40px);font-weight:500;line-height:1.05}.emptyDeck{text-align:center;color:#fff0dc80;margin:80px 0}.emptyDeck a{color:#f3c77a}.notFound{text-align:center;place-content:center;justify-items:center;gap:4px;display:grid}.notFound h1{font-family:var(--font-serif);margin:0;font-size:clamp(26px,4vw,36px);font-style:italic;font-weight:500}.notFound p:not(.eyebrow){color:var(--cream-muted);margin:6px 0 14px}.notFound a{color:var(--amber)}@media (prefers-reduced-motion:reduce){.ambient,.ambient span{animation:none!important}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html[data-mode=listen] .room{overflow:hidden}.toasts{z-index:1200;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;top:64px;right:20px}.toast{max-width:320px;color:var(--cream);background:#17110deb;border-radius:12px;align-items:center;gap:10px;padding:10px 14px 10px 10px;font-size:13px;animation:.42s cubic-bezier(.2,.7,.2,1.3) both toastIn;display:flex;box-shadow:inset 0 0 0 1px #d9a42a59,0 12px 28px -10px #000c}.toast strong{background:radial-gradient(circle at 35% 30%, #ffd98a, var(--mustard) 60%, #9c6f12);color:#2a1c05;min-width:38px;height:38px;font-family:var(--font-serif);border-radius:50%;flex:none;place-items:center;font-size:15px;display:grid}@keyframes toastIn{0%{opacity:0}}.deckHostFull{flex:auto;grid-template-rows:minmax(0,1fr);min-height:0;display:grid}.room:has(>.deckHostFull)>main.home{flex:none;min-height:0;margin-top:18px;display:block}.room:has(>.deckHostDocked){padding-bottom:272px}.shareButton{border:1px solid var(--line);color:var(--cream-muted);font:inherit;cursor:pointer;background:#00000040;border-radius:999px;align-items:center;gap:6px;padding:9px 16px;font-size:14px;text-decoration:none;transition:color .16s,border-color .16s;display:inline-flex}.shareButton:hover:not(:disabled){color:var(--amber);border-color:#f2a54180}.newRecordToast{z-index:1100;max-width:calc(100vw - 32px);color:var(--cream-muted);background:#18100bf2;border:1px solid #f2a54159;border-radius:999px;align-items:center;gap:14px;padding:10px 10px 10px 18px;font-size:14px;animation:.3s both toastIn;display:flex;position:fixed;top:76px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #00000080}.newRecordToast strong{color:var(--cream)}.newRecordClose{color:var(--cream-faint);cursor:pointer;background:0 0;border:none;padding:0 8px;font-size:20px}.pills{flex-wrap:wrap;gap:8px;display:flex}.pill{border:1px solid var(--line);color:var(--cream-muted);font:inherit;white-space:nowrap;cursor:pointer;background:#00000040;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;line-height:1.2;text-decoration:none;transition:color .16s,border-color .16s;display:inline-flex}a.pill:hover,button.pill:hover:not(:disabled){color:var(--amber);border-color:#f2a54180}.pillHint{color:var(--cream-faint);cursor:default;background:#ffffff0d;border-color:#0000}img.skeleton:not([data-loaded]){background:linear-gradient(100deg,#241a13 30%,#3a2b20 50%,#241a13 70%) 0 0/300% 100%;animation:1.4s ease-in-out infinite skeleton}img.skeleton{animation:.28s imgIn}@keyframes skeleton{0%{background-position:100% 0}to{background-position:0 0}}@keyframes imgIn{0%{opacity:.4}}@media (prefers-reduced-motion:reduce){img.skeleton:not([data-loaded]){animation:none}}.navLink:disabled,button.points:disabled,.pill:disabled,.shareButton:disabled[title]{opacity:.4;cursor:not-allowed}.navLink:disabled:hover{color:var(--cream-muted);background:0 0}