.home-page{overflow-x:clip;--bg: #181622;--surface: #24212f;--raised: #302b3e;--ink: #f6f2ef;--muted: #bab3c9;--accent: #c3afff;--accent-dark: #392c57;position:relative;isolation:isolate}.playground-background{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 50% 18%,#5a426242,transparent 45%),radial-gradient(ellipse at 10% 50%,#38453b20,transparent 40%)}.playground-background>span{position:absolute;width:560px;height:560px;border-radius:45% 55% 62% 38%;filter:blur(70px);opacity:.13;animation:background-drift 20s ease-in-out infinite alternate;background:#ad8bf5;left:-350px;top:160px}.playground-background>span:nth-child(2){background:#ee9fb1;left:auto;right:-380px;top:400px;animation-delay:-8s}.playground-background>span:nth-child(3){background:#b5daa5;width:350px;height:350px;left:20%;top:950px;opacity:.05}.bg-dot{position:absolute;width:12px;height:12px;border-radius:50%;background:#c4b2ff66}.dot-one{top:230px;left:16%;transform:rotate(-12deg)}.dot-two{top:470px;right:10%;width:8px;height:8px;background:#d8eac366}.dot-three{top:760px;left:23%;width:8px;height:8px;background:#edb1c166}.bg-spark{position:absolute;right:17%;top:190px;color:#d9b0c877;transform:rotate(15deg)}.home-main{max-width:1180px;padding:0 36px;margin:auto}.hangout{position:relative;padding:45px 0 72px;isolation:isolate;min-height:550px}.hangout-heading{text-align:center;position:relative;z-index:2}.hangout-heading .home-brand{position:relative;display:inline-block;font-size:clamp(70px,8vw,112px);letter-spacing:-.085em;line-height:1.1;font-weight:700;margin:0 0 13px}.hangout-heading p{font-size:22px;color:#d0c8dc;margin:15px 0 35px;letter-spacing:-.02em}.home-admin{position:relative;z-index:2;display:flex;justify-content:center;margin-top:16px}.home-admin-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;border:1px solid #c3afff26;border-radius:999px;background:#c3afff08;color:var(--muted);font-size:14px;transition:color .2s ease,background .2s ease}.home-admin-link:hover{color:var(--accent);background:#c3afff14}.room-launcher{position:relative;z-index:2;max-width:570px;margin:auto;background:#f4efe5;color:#322b41;padding:28px;border-radius:36px;box-shadow:0 18px 60px #0002;transition:transform .6s var(--ease)}.create-room-button{width:100%;min-height:66px;height:auto;line-height:1.25;border-radius:20px;background:#bba3f1;color:#2d2045;font-size:25px;gap:12px}.create-room-button:hover{background:#c9b5f7;box-shadow:0 8px 26px #8369b633;transform:translateY(-3px) rotate(-.5deg)}.create-room-button:active{transform:scale(.97)}.room-launcher .form-message{color:#8c305c;font-size:16px;min-height:0;margin:0}.room-launcher .form-message:not(:empty){margin:16px 0}.join-launcher{display:block;width:100%;font-size:17px;line-height:1.6;background:transparent;color:#756779;padding:12px 0 0}.launcher-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:14px 4px 0}.launcher-footer .join-launcher,.account-launcher{width:auto;padding:8px 0;text-align:start;font-size:17px;min-height:44px;background:transparent;color:#61536b;border-radius:10px;white-space:nowrap;transition:color .2s ease}.join-entry,.launcher-account{display:flex;align-items:center;gap:16px}.launcher-account{gap:8px}.join-launcher:hover,.account-launcher:hover{color:#30223f}.room-launcher .signed-avatar{background:#e4dceb;color:#61536b;width:32px;height:32px;font-size:15px}.mascot-cast{position:absolute;inset:0;pointer-events:none;--look-x: 0px;--look-y: 0px;z-index:1}.cast-member{position:absolute;width:190px;height:240px}.cast-black{left:0;top:190px;transform:rotate(-3deg)}.cast-mint{left:0;top:190px;transform:rotate(-8deg)}.cast-pink{right:-4px;top:235px;transform:rotate(9deg)}.cast-purple{left:110px;bottom:7px;width:95px;height:120px;transform:rotate(8deg)}.cast-member .mascot{pointer-events:auto;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-tap-highlight-color:transparent}.cast-member .mascot-rig{transition:scale .3s var(--ease)}@media(hover:hover)and (pointer:fine){.cast-member .mascot:hover .mascot-rig{scale:1.04}}.speech-bubble{position:absolute;top:-38px;left:-8px;padding:12px 18px;background:#34303f;color:#f4edf5;white-space:normal;width:max-content;max-width:190px;border-radius:18px 18px 18px 4px;font-size:17px;transform:rotate(5deg)}.cast-pink .speech-bubble{transform:rotate(-9deg);left:auto;right:0;top:-32px;border-radius:18px 18px 4px}.cast-purple .speech-bubble{top:-46px;bottom:auto;left:50%;padding:10px 15px;font-size:17px;transform:translate(-50%) rotate(-8deg);z-index:2}.floating-popcorn{position:absolute;right:160px;bottom:23px;transform:rotate(12deg);animation:snack-wobble 6s ease-in-out infinite}.music-flourishes{position:absolute;inset:0;pointer-events:none}.music-float{position:absolute;width:30px;opacity:.65;animation:music-float 7s ease-in-out infinite;--note-tilt: -15deg}.music-float svg{display:block;width:100%;overflow:visible}.music-one{left:8%;top:13%;color:#c3afff}.music-two{right:10%;top:9%;color:#f5be70;animation-delay:-3s;--note-tilt: 17deg;width:24px}.music-three{left:19%;top:57%;color:#aadf97;animation-delay:-1s;width:25px;--note-tilt: 8deg}.music-four{right:22%;top:68%;color:#f4adc0;animation-delay:-4s;width:27px;--note-tilt: -24deg}.music-five{left:32%;bottom:7%;color:#f5be70;animation-delay:-2s;width:23px;--note-tilt: 18deg}.music-six{right:6%;bottom:2%;color:#c3afff;animation-delay:-5s;width:27px}@keyframes music-float{0%,to{transform:translateY(3px) rotate(var(--note-tilt));opacity:.5}50%{transform:translate(8px,-15px) rotate(calc(var(--note-tilt) + 12deg));opacity:.85}}@media(max-width:900px){.music-one{left:3%;top:3%;width:23px}.music-two{right:2%;top:5%;width:20px}.music-three{left:33%;top:30%;width:19px}.music-four{right:32%;top:22%;width:20px}.music-five{left:37%;bottom:0;width:18px}.music-six{right:2%;bottom:0;width:20px}}.how-it-works{padding:0 0 45px}.how-it-works>h2{font-size:36px;line-height:1.2;font-weight:700;letter-spacing:-.045em;text-align:center;margin:0 0 42px}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;padding:0 40px}.how-grid article{text-align:center}.step-symbol{display:inline-grid;place-items:center;width:66px;height:66px;border-radius:24px;transform:rotate(-7deg);color:#302a3b;transition:transform .5s var(--ease)}.how-grid article:hover .step-symbol{transform:rotate(6deg) translateY(-5px)}.step-lilac{background:#c6b2f2}.step-pink{background:#e9afbd}.step-mint{background:#b6dca6}.how-grid h3{font-size:23px;letter-spacing:-.025em;margin:24px 0 10px}.how-grid p{font-size:17px;line-height:1.65;color:var(--muted);margin:0 auto;max-width:280px}.regular-room{display:flex;align-items:center;gap:24px;background:#282331;border-radius:27px;margin:28px 0 30px;padding:30px 34px}.regular-doodle{display:grid;place-items:center;flex:none;width:66px;height:66px;background:#3e3153;border-radius:25px;color:#ceb5f5;transform:rotate(6deg)}.regular-room h2{font-size:23px;margin:0 0 10px;letter-spacing:-.03em}.regular-room p{font-size:16px;line-height:1.6;color:var(--muted);max-width:520px;margin:0}.regular-room .soft-button{margin-inline-start:auto;flex:none;background:#423450;font-size:16px;padding:17px 22px}.faq-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:64px;max-width:1050px;margin:14px auto 24px}.faq-column{min-width:0}.home-faq{padding:0;color:var(--muted);font-size:17px;line-height:1.65}.home-faq summary{cursor:pointer;color:var(--ink);font-size:20px;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding:14px 0;line-height:1.4}.home-faq summary::-webkit-details-marker{display:none}.home-faq summary:after{content:"+";flex:none;font-size:25px;color:var(--accent)}.home-faq[open] summary:after{content:"−"}.home-faq p{margin:0 36px 16px 0}.saved-rooms{padding:28px 0 40px}.saved-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.saved-heading h2{font-size:28px;margin:0}.saved-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.saved-room{display:flex;align-items:center;gap:18px;padding:24px;background:var(--surface);border-radius:23px;color:var(--accent);transition:background .3s,transform .4s var(--ease)}.saved-room:hover{background:var(--raised);transform:translateY(-3px)}.saved-room>span{display:grid;gap:8px}.saved-room strong{font-size:19px;color:var(--ink);overflow-wrap:anywhere}.saved-room span>span{font-size:16px;color:var(--muted)}@keyframes snack-wobble{0%,to{transform:translateY(0) rotate(12deg)}50%{transform:translateY(-8px) rotate(4deg)}}@keyframes background-drift{to{transform:translate(60px,40px) rotate(20deg)}}@media(max-width:1100px){.cast-member{width:145px;height:185px}.cast-mint{left:0;top:200px}.cast-pink{right:0;top:255px}.cast-purple{left:60px;bottom:3px;width:85px;height:108px}.speech-bubble{font-size:15px;padding:10px 12px}.floating-popcorn{right:90px}.room-launcher{max-width:530px}.how-grid{padding:0;gap:30px}}@media(max-width:900px){.home-main{padding:0 26px}.hangout{padding-top:48px;padding-bottom:35px;min-height:0}.hangout-heading .home-brand{font-size:84px}.mascot-cast{position:relative;height:180px;inset:auto;margin:40px auto 0;max-width:570px}.cast-member{width:130px;height:165px;top:auto;bottom:0}.cast-black{left:50%;translate:-50% 0}.cast-mint{left:25px;transform:rotate(-8deg)}.cast-pink{right:25px;transform:rotate(8deg)}.cast-purple{left:calc(50% - 42px);width:85px;height:108px;bottom:3px}.speech-bubble{top:auto;bottom:calc(100% + 4px);left:-22px;font-size:14px;padding:8px 12px;z-index:2}.cast-pink .speech-bubble{top:auto;left:auto;right:0}.floating-popcorn{display:none}.regular-room{flex-wrap:wrap}.regular-room>div:nth-child(2){flex:1;min-width:220px}.regular-room .soft-button{margin-left:90px}.how-grid{gap:24px}.how-it-works{padding-top:30px}.how-it-works>h2{font-size:32px}.how-grid h3{font-size:21px}.how-grid p{font-size:16px}}@media(max-width:600px){.join-entry{flex-direction:column;align-items:flex-start;gap:0}.home-main{padding:0 18px}.hangout{padding:36px 0 22px}.hangout-heading .home-brand{font-size:72px}.hangout-heading p{font-size:18px;margin:18px 0 27px}.room-launcher{padding:26px 23px 22px;border-radius:29px}.create-room-button{min-height:62px}.join-launcher{font-size:15px;padding-top:20px}.mascot-cast{height:190px;margin-top:24px}.cast-member{width:105px;height:140px}.cast-mint{left:0}.cast-pink{right:0}.cast-purple{left:calc(50% - 35px);width:70px;height:93px;bottom:5px}.speech-bubble{font-size:13px;max-width:144px;top:auto;left:-3px;transform:rotate(3deg)}.cast-pink .speech-bubble{font-size:13px;left:auto;right:4px;top:auto}.cast-purple .speech-bubble{top:100%;bottom:auto;font-size:13px;padding:7px 10px;width:max-content;max-width:150px;text-align:center}.how-it-works>h2{font-size:28px;margin-bottom:28px}.how-grid{grid-template-columns:1fr;gap:28px;padding:0 12px}.how-grid article{display:grid;grid-template-columns:62px 1fr;column-gap:18px;text-align:start;align-items:center}.step-symbol{grid-row:span 2;width:58px;height:58px;border-radius:21px}.how-grid h3{margin:0 0 6px;font-size:22px}.how-grid p{max-width:none;font-size:16px;margin:0}.regular-room{padding:24px;gap:18px;margin-top:15px}.regular-doodle{width:52px;height:52px;border-radius:19px}.regular-room>div:nth-child(2){min-width:150px}.regular-room h2{font-size:22px}.regular-room p{font-size:16px}.regular-room .soft-button{margin:0;width:100%}.home-faq{font-size:17px;padding:0 10px}.faq-list{grid-template-columns:minmax(0,1fr);gap:0}.home-faq summary{font-size:18px}.saved-grid{grid-template-columns:1fr}.saved-heading{flex-wrap:wrap}.bg-spark,.dot-two{display:none}}@media(min-width:901px)and (max-height:850px){.hangout-heading .home-brand{font-size:84px}.hangout-heading p{margin:12px 0 23px;font-size:20px}.room-launcher{padding:28px 34px 22px}.join-launcher{padding-top:17px}.cast-mint{top:210px}.cast-pink{top:220px}}.portal-icon{flex:none}.portal-orbits{transform-origin:20px 20px;transition:transform .65s var(--ease)}.create-room-button:hover .portal-orbits{transform:rotate(80deg)}.create-room-button:disabled{opacity:1;cursor:wait}.create-room-button[aria-busy=true] .portal-orbits{animation:portal-orbit 1.4s linear infinite}@keyframes portal-orbit{to{transform:rotate(360deg)}}.room-departing{overflow:hidden}.room-departing .home-main{animation:portal-scene-out .85s var(--ease) both}.room-portal{position:fixed;inset:0;z-index:100;overflow:hidden;background:radial-gradient(ellipse at var(--portal-x,50%) var(--portal-y,50%),#493068 0%,#211b34 48%,#181622 85%);animation:portal-cover .85s ease both;cursor:wait}.portal-tunnel{position:absolute;left:var(--portal-x,50%);top:var(--portal-y,50%);width:0;height:0;perspective:600px}.portal-ring{position:absolute;width:min(70vw,560px);aspect-ratio:1;left:0;top:0;border-radius:50%;border:2px solid #C3AFFf;box-shadow:0 0 32px #c3afff22,inset 0 0 28px #c3afff11;opacity:0;animation:portal-ring-flight .7s cubic-bezier(.3,.05,.55,1) both;animation-delay:calc(var(--phase) * 30ms)}.portal-ring:nth-child(2n){border-color:#f4adc0}.portal-streak{position:absolute;left:0;top:0;width:34px;height:3px;border-radius:100px;background:linear-gradient(90deg,transparent,#C3AFFf);transform-origin:0 50%;opacity:0;animation:portal-streak-flight .8s ease-in both;animation-delay:calc(var(--phase) * 15ms)}.portal-streak:nth-child(3n){background:linear-gradient(90deg,transparent,#F5BE70)}.portal-core{position:absolute;left:-44px;top:-44px;color:#d8c9ff;animation:portal-core-flight .85s var(--ease) both}.portal-core .portal-orbits{animation:portal-orbit .85s linear both}@keyframes portal-cover{0%{opacity:0}30%,to{opacity:1}}@keyframes portal-scene-out{to{transform:scale(1.035);opacity:.25}}@keyframes portal-ring-flight{0%{transform:translate(-50%,-50%) scale(.08) rotateX(12deg);opacity:0}22%{opacity:.65}to{transform:translate(-50%,-50%) scale(5) rotateX(0);opacity:0}}@keyframes portal-streak-flight{0%{transform:rotate(var(--angle)) translate(36px) scaleX(.3);opacity:0}35%{opacity:.55}to{transform:rotate(var(--angle)) translate(90vmax) scaleX(7);opacity:0}}@keyframes portal-core-flight{0%{transform:scale(.55) rotate(-18deg);opacity:0}30%{transform:scale(1) rotate(0);opacity:1}to{transform:scale(1.8) rotate(20deg);opacity:0}}.member-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:-4px 0 18px}.member-email-reminder{display:flex;flex-wrap:wrap;gap:4px 12px;margin:0 0 16px;padding:10px 12px;border:1px solid #ffffff14;border-radius:12px;font-size:14px}.member-email-reminder a{color:var(--accent)}.member-email-reminder span{color:var(--muted)}.member-hello{display:flex;align-items:center;gap:12px;min-width:0;color:#322b41}.member-sign-out{flex:none;min-height:40px;margin:-4px -10px 0 0;padding:0 14px;border-radius:100px;background:transparent;color:#756779;font-size:15px;font-weight:700}.member-sign-out:hover,.member-sign-out:focus-visible{color:#322b41;background:#322b410d}.member-hello>span:last-child{display:grid;gap:2px;min-width:0}.member-hello strong{font-size:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-hello span span{font-size:15px;color:#756779}.member-hello:hover span span{color:#30223f}.room-launcher .member-hello .signed-avatar{flex:none;width:44px;height:44px;font-size:19px;border-radius:15px}.member-rooms{margin-top:22px;padding-top:18px;border-top:1px solid #322b4114}.member-rooms-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.member-rooms h2{font-size:17px;margin:0;color:#61536b}.member-add{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 12px;border-radius:12px;background:transparent;color:#6d4fb3;font-size:16px;font-weight:700}.member-add:hover{background:#e9e1f5}.member-rooms ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:6px;max-height:236px;overflow-y:auto}.member-rooms li a{display:flex;align-items:center;gap:12px;min-height:52px;padding:0 16px;border-radius:16px;background:#ebe4d8;color:#6d4fb3;transition:background .2s ease}.member-rooms li a:hover{background:#e3d9ea}.member-rooms li strong{flex:1;min-width:0;color:#322b41;font-size:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-rooms li span{color:#756779;font-size:15px}.member-rooms p{margin:0;color:#756779;font-size:16px;line-height:1.5}.cast-mint{transform:rotate(-3deg)}.cast-pink,.cast-purple{transform:rotate(3deg)}.home-seen .reveal{animation:none}.guest-account{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:22px;padding-top:18px;border-top:1px solid #322b4114}.guest-account p{display:grid;gap:2px;margin:0}.guest-account strong{font-size:17px;color:#322b41}.guest-account span{font-size:15px;color:#756779}.guest-sign-in{flex:none;min-height:46px;padding:0 24px;border-radius:100px;background:#322b41;color:#f4efe5;font-size:17px;font-weight:700;transition:background .2s ease,transform .2s ease}.guest-sign-in:hover,.guest-sign-in:focus-visible{background:#4a3f5e;transform:translateY(-1px)}@media(max-width:600px){.guest-account{gap:12px}.guest-sign-in{padding:0 18px}}.hangout-heading h1,.how-it-works>h2{font-size:clamp(26px,3vw,34px);font-weight:500;letter-spacing:-.04em;line-height:1.2;text-align:center;text-wrap:balance}.hangout-heading h1{max-width:28ch;margin:0 auto}.hangout-heading>p{max-width:780px;margin-inline:auto;font-size:17px;line-height:1.5;text-wrap:pretty}.how-it-works>h2{display:flex;align-items:center;justify-content:center;gap:14px;max-width:760px;margin-inline:auto}.how-it-works>h2>span:last-child{min-width:0;text-wrap:balance}.how-heading-icon{display:inline-grid;place-items:center;flex:none;width:1em;height:1em;color:inherit}.how-heading-icon svg{width:1em;height:1em}.faq-list{row-gap:16px;margin-top:32px}.home-faq{border-bottom:1px solid #c3afff14}.home-faq summary{transition:color .15s ease}.home-faq summary:hover,.home-faq[open] summary{color:var(--accent)}.home-faq summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}.home-faq p{margin-inline:0 36px}@media(max-width:600px){.how-it-works>h2{gap:10px}}@media(prefers-reduced-motion:reduce){.home-faq summary{transition:none}}.how-grid{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:32px;row-gap:0;padding-inline:16px}.how-grid article{display:grid;grid-row:span 3;grid-template-rows:subgrid;min-width:0}.how-grid .step-symbol{justify-self:center}.how-grid h3{font-size:22px;line-height:1.3;text-wrap:balance}.how-grid p{max-width:320px;text-wrap:pretty}.faq-list{grid-template-rows:repeat(4,auto);grid-auto-flow:column;column-gap:48px;row-gap:0}.home-faq summary{min-height:88px;font-size:19px;text-wrap:pretty}@media(max-width:900px){.how-grid{column-gap:24px;padding-inline:0}.how-grid h3{font-size:21px}.faq-list{column-gap:32px}}@media(max-width:760px){.faq-list{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-auto-flow:row}.home-faq summary{min-height:72px;font-size:18px}}@media(max-width:760px){.how-grid{grid-template-columns:minmax(0,1fr);gap:28px;padding-inline:12px}.how-grid article{grid-row:auto;grid-template-columns:58px minmax(0,1fr);grid-template-rows:auto auto;align-items:start;text-align:start;column-gap:18px}.how-grid .step-symbol{grid-row:span 2;align-self:start;width:58px;height:58px;border-radius:21px}.how-grid h3{font-size:21px;text-wrap:pretty;margin:0 0 6px}.how-grid p{max-width:none;margin:0;font-size:16px}}@media(max-width:900px){.hangout{padding-bottom:16px}.mascot-cast{height:88px;margin-top:16px}.cast-black{width:72px;height:88px;bottom:0}.how-it-works{padding-top:16px}.cat-simulation .hangout{padding-bottom:48px}.cat-simulation .mascot-cast{position:absolute;inset:0;height:auto;max-width:none;margin:0}.cat-simulation .how-it-works{padding-top:0}}.matcha-cup{position:absolute;left:clamp(24px,9vw,120px);bottom:31px;transform:rotate(-8deg);opacity:.85}.loose-popcorn{position:absolute;right:231px;bottom:16px;transform:rotate(9deg);opacity:.8}@media(max-width:1100px){.loose-popcorn{right:162px}}@media(max-width:900px){.matcha-cup,.loose-popcorn{display:none}}.mood-picks{margin-top:22px;padding-top:18px;border-top:1px solid #322b4114}.mood-picks-hint{margin:0 0 12px;color:#756779;font-size:14px;line-height:1.4}.mood-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.mood-pick{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:76px;padding:10px 6px;border-radius:16px;background:#ebe4d8;color:#322b41;font-size:15px;font-weight:700;line-height:1.2;text-align:center;transition:background .2s ease,transform .2s ease}.mood-pick svg{flex:none;color:#6f55c4}.mood-pick span{max-width:100%;overflow-wrap:break-word;hyphens:auto}.mood-pick:hover,.mood-pick:focus-visible{background:#e3d9ea;transform:translateY(-1px)}@media(max-width:520px){.mood-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.mood-pick{flex-direction:row;justify-content:flex-start;gap:10px;min-height:52px;padding:8px 12px;font-size:14px;text-align:start}}.mood-pick[aria-busy=true]{opacity:.6}.mood-picks .form-message:not(:empty){margin:12px 0 0}.playlist-room-dialog ul{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:6px;max-height:280px;overflow-y:auto}.playlist-room-dialog li button{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:0 16px;border-radius:16px;background:#ffffff0d;color:var(--accent);text-align:start;transition:background .2s ease}.playlist-room-dialog li button:hover,.playlist-room-dialog li button:focus-visible{background:#ffffff1a}.playlist-room-dialog li strong{flex:1;min-width:0;color:var(--ink);font-size:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}