.swipe-deck{--swipe-deck-gap:16px;--swipe-deck-item-width:100%;touch-action:pan-y;-webkit-user-select:none;user-select:none;overflow:hidden}.swipe-deck__track{--swipe-offset:0px;--swipe-transition-ms:.22s;min-width:0;transform:translate3d(var(--swipe-offset), 0, 0);will-change:transform;position:relative}.swipe-deck__track.is-returning{transition:transform var(--swipe-transition-ms) cubic-bezier(.22, .7, .28, 1)}.swipe-deck__track.is-settling{transition:transform var(--swipe-transition-ms) cubic-bezier(.2, .72, .24, 1)}.swipe-deck__item{width:var(--swipe-deck-item-width);min-width:0}.swipe-deck__item--current{z-index:1;position:relative}.swipe-deck__item--previous,.swipe-deck__item--next{z-index:0;top:0;left:calc(var(--swipe-deck-item-width) + var(--swipe-deck-gap));pointer-events:none;position:absolute}.swipe-deck__item--previous{left:calc(0px - var(--swipe-deck-item-width) - var(--swipe-deck-gap))}@media (prefers-reduced-motion:reduce){.swipe-deck__track{transition:none}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial;--tw-border-style:solid}}}.public-room-feed{--deck-card-width:min(calc(100% - 28px), 680px);padding-top:24px;padding-bottom:48px}.public-room-feed__heading{width:min(100%,980px);margin:0 auto 20px}.public-room-feed__heading h1,.public-room-feed__heading p{margin:0}.public-room-feed__heading h1{letter-spacing:-.035em;font-size:clamp(28px,4vw,40px);font-weight:900;line-height:1.1}.public-room-feed__heading>p{margin-top:calc(var(--spacing,.25rem) * 1.5);max-width:520px;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));color:var(--color-muted,#929185);line-height:1.5}.public-room-feed__deck-shell{width:min(100%,980px);margin-inline:auto}.public-room-feed__deck-viewport{--swipe-deck-item-width:var(--deck-card-width);padding:4px 0}.public-room-card{border:var(--card-border-width) solid var(--color-card-line);border-radius:var(--radius-card);background:var(--color-surface);width:100%;min-width:0;color:inherit;overflow:hidden}.public-room-card__art{background:linear-gradient(135deg, var(--color-primary-surface), var(--color-surface-raised)), var(--color-surface-raised);height:clamp(220px,56vw,380px);position:relative;overflow:hidden}.public-room-card__art:after{content:"";background:linear-gradient(#0000 44%,#00000094);position:absolute;inset:0}.public-room-card__art img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.public-room-card__fallback{height:100%;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-black,900);font-weight:var(--font-weight-black,900);color:var(--color-muted,#929185);font-family:var(--font-logo);background:radial-gradient(circle at 28% 30%, var(--color-secondary) 0 13%, transparent 13.5%), radial-gradient(circle at 72% 68%, transparent 0 12%, var(--color-primary-fill) 12.5% 20%, transparent 20.5%), linear-gradient(145deg, var(--color-surface-raised), var(--color-primary-surface));place-items:center;display:grid}.public-room-card__shuffle-art{isolation:isolate;background:radial-gradient(circle at 72% 28%, transparent 0 48px, var(--color-secondary) 49px 52px, transparent 53px), repeating-linear-gradient(135deg, transparent 0 22px, var(--color-card-line) 22px 24px), var(--color-primary-surface);place-items:center;display:grid}.public-room-card__shuffle-art:before{content:"";aspect-ratio:1;border:2px solid var(--color-primary-border);width:min(42%,180px);box-shadow:0 0 0 18px var(--color-primary-surface-strong), 0 0 0 20px var(--color-primary-border);border-radius:50%;position:absolute}.public-room-card__shuffle-art:after{background:linear-gradient(#0000 58%,#0000002e)}.public-room-card__shuffle-art>span{z-index:1;border:1px solid var(--color-primary-border);background:var(--color-surface);width:72px;height:72px;color:var(--color-primary);box-shadow:0 8px 24px var(--color-shadow);border-radius:50%;place-items:center;display:grid;position:relative}.public-room-card__shuffle-art svg{width:30px;height:30px}.public-room-card__status{bottom:calc(var(--spacing,.25rem) * 4);left:calc(var(--spacing,.25rem) * 4);z-index:10;align-items:center;gap:calc(var(--spacing,.25rem) * 2);padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:calc(var(--spacing,.25rem) * 2);--tw-font-weight:var(--font-weight-extrabold,800);font-size:10px;font-weight:var(--font-weight-extrabold,800);color:#f7f5eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#141412d6;border-radius:2147483647px;display:inline-flex;position:absolute}.public-room-card__status>i{background:#aaa79a;border-radius:50%;width:7px;height:7px}.public-room-card__status .equalizer{gap:2px;width:14px;height:14px}.public-room-card__status .equalizer i{width:2px;height:7px}.public-room-card__status .equalizer i:nth-child(2){height:13px}.public-room-card__status .equalizer i:nth-child(3){height:10px}.public-room-card__status .equalizer i:nth-child(4){height:5px}.public-room-card__body{min-height:176px;padding:20px}.public-room-card__body h2,.public-room-card__body p,.public-room-card__body footer{margin:0}.public-room-card__room{--tw-font-weight:var(--font-weight-extrabold,800);font-size:10px;font-weight:var(--font-weight-extrabold,800);color:var(--color-primary,#dff667);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.public-room-card__body h2{font-family:var(--serif);letter-spacing:-.045em;text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font-size:clamp(24px,5vw,34px);line-height:1.08;overflow:hidden}.public-room-card__artist{margin-top:var(--spacing,.25rem);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));color:var(--color-muted,#929185);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.public-room-card__body footer{margin-top:calc(var(--spacing,.25rem) * 5);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-line,#303029);padding-top:calc(var(--spacing,.25rem) * 4);color:var(--color-muted,#929185);align-items:center;display:flex}.public-room-card__body footer small{font-size:11px;font-weight:700}.public-room-feed__actions{width:var(--deck-card-width);justify-content:space-between;align-items:center;gap:8px;margin-top:12px;display:flex}.public-room-feed__actions .ui-button{--button-min-height:44px}.public-room-feed__actions .public-room-feed__enter{--button-min-height:48px;--button-padding-inline:8px;white-space:nowrap;flex:none;gap:6px;font-size:13px}.public-room-feed__enter svg,.public-room-feed__navigation svg{width:16px;height:16px;display:block}.public-room-feed__navigation{flex:none;align-items:center;gap:4px;display:flex}.public-room-feed__navigation .ui-button{--button-padding-inline:0;width:40px}.public-room-feed__navigation-label{display:none}.public-room-feed__previous svg{transform:rotate(180deg)}.public-room-feed__deck-notice{width:var(--deck-card-width);min-height:28px;color:var(--color-muted-deep);text-align:center;justify-content:center;align-items:center;gap:8px;padding-top:8px;font-size:10px;display:flex}.public-room-feed__deck-notice button{color:var(--color-ink-soft);cursor:pointer;font:inherit;text-underline-offset:3px;background:0 0;border:0;padding:0;font-weight:800;text-decoration:underline}.public-room-feed__empty,.public-room-feed__error{border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-surface-raised);width:min(100%,680px);color:var(--color-muted);text-align:center;margin-inline:auto}.public-room-feed__empty .panel-empty{min-height:320px}.public-room-feed__empty a{margin-top:calc(var(--spacing,.25rem) * 4);min-height:calc(var(--spacing,.25rem) * 11);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-line-strong,#46463b);padding-inline:calc(var(--spacing,.25rem) * 5);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-font-weight:var(--font-weight-extrabold,800);font-weight:var(--font-weight-extrabold,800);color:var(--color-ink,#f3f0e5);border-radius:2147483647px;align-items:center;display:inline-flex}.public-room-feed__empty a:hover,.public-room-feed__empty a:focus-visible{border-color:var(--color-primary-border);background:var(--color-primary-surface)}.public-room-feed__error{padding:32px 20px;font-size:12px}.public-room-feed__error p{margin:0}.public-room-feed__error button{margin-top:calc(var(--spacing,.25rem) * 3);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-font-weight:var(--font-weight-extrabold,800);font-weight:var(--font-weight-extrabold,800);color:var(--color-ink,#f3f0e5);text-underline-offset:4px;text-decoration-line:underline}.public-room-feed__loading{width:min(100%,980px);height:552px;margin-inline:auto;position:relative;overflow:hidden}.public-room-feed__loading span{width:var(--deck-card-width);border-radius:var(--radius-card);background:var(--color-surface-raised);height:528px;animation:1.2s ease-in-out infinite alternate discovery-loading;position:absolute}.public-room-feed__loading span+span{top:16px;left:calc(var(--deck-card-width) + 16px);opacity:.4;transform-origin:0;transform:scale(.96)}@keyframes discovery-loading{to{opacity:.56}}@media (width>=680px){.public-room-feed{--deck-card-width:min(calc(100% - 72px), 680px);padding-top:40px}.public-room-feed__navigation{grid-template-columns:repeat(2,auto);gap:8px;display:grid}.public-room-feed__navigation .ui-button{--button-padding-inline:20px;white-space:nowrap;gap:10px;width:auto;min-width:120px;font-size:16px}.public-room-feed__navigation-label{display:inline}.public-room-feed__actions .public-room-feed__enter{--button-padding-inline:20px;gap:10px;font-size:16px}}@media (width>=1040px){.public-room-feed{--deck-card-width:min(calc(100% - 180px), 680px)}}@media (prefers-reduced-motion:reduce){.public-room-feed__loading span{animation:none}}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}.discover-page{background:linear-gradient(90deg, transparent calc(100% - 1px), var(--color-grid-line) 1px) 0 0 / 80px 100%, var(--color-page);flex-direction:column;min-height:100vh;display:flex}.discover-header__actions{align-items:center;gap:var(--spacing,.25rem);display:flex}.discover-main{flex:1}@media (width<=520px){.discover-header__actions>a{display:none}}