:root{font-synthesis:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#13182d;--page:#f8faff;--panel:#fff;--sub:#f3f5fc;--text:#13182d;--muted:#65708a;--line:#e1e6f2;--blue:#1267e9;--pink:#bf188f;--pink-soft:#fceaf8;--blue-soft:#edf3ff;--gradient:linear-gradient(105deg, #cb1ba0 0%, #9a36d8 44%, #0968e9 100%);--shadow:0 8px 30px #263a7010;background:#f8faff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400}*{box-sizing:border-box}body{padding:var(--safe-area-inset-top,env(safe-area-inset-top,0px)) var(--safe-area-inset-right,env(safe-area-inset-right,0px)) var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)) var(--safe-area-inset-left,env(safe-area-inset-left,0px));margin:0}button,input,select{font:inherit}button{cursor:pointer;border:0;justify-content:center;align-items:center;gap:8px;transition:background .16s,box-shadow .16s,color .16s;display:inline-flex}button:disabled{cursor:default;opacity:.46}button:not(:disabled):hover{filter:brightness(.97)}button:focus-visible,a:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #8a54dc}input:focus-visible{outline-offset:2px;outline:2px solid #9d77e6}button,a,input,select{touch-action:manipulation}a{color:inherit}button svg{flex-shrink:0}input{min-width:0;accent-color:var(--blue)}input::placeholder{color:#818ba0;opacity:1}h1,h2,p{margin:0}.brand{min-width:0;font-size:calc(20px * var(--text-scale,1));letter-spacing:-.6px;color:var(--text);align-items:center;gap:9px;font-weight:760;line-height:1.2;text-decoration:none;display:inline-flex}.brand>span{text-wrap:balance;min-width:0}.brand-mark{object-fit:contain;border-radius:10px;flex-shrink:0;width:45px;height:45px;display:block}.dot{background:var(--blue);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.dot.offline,.dot.waiting{background:#af760f}.primary{background:var(--gradient);color:#fff;min-height:46px;font-size:calc(13px * var(--text-scale,1));border-radius:12px;padding:13px 19px;font-weight:650;box-shadow:0 4px 12px #9860d21a}.quiet{color:var(--muted);font-size:calc(12px * var(--text-scale,1));background:0 0;border-radius:9px;padding:10px}.eyebrow{font-size:calc(10px * var(--text-scale,1));letter-spacing:1.5px;color:var(--muted);align-items:center;gap:8px;font-weight:650;line-height:1.5;display:flex}.welcome{background:radial-gradient(ellipse at 17% 12%, #f9eafa80, transparent 47%), radial-gradient(ellipse at 90% 85%, #e7efff8c, transparent 52%), var(--page);place-items:center;min-height:100dvh;padding:50px 24px;display:grid;position:relative}.device-settings{z-index:2;position:absolute;top:16px;right:20px}.device-settings summary{border:1px solid var(--line);color:#52617f;cursor:pointer;min-height:40px;font-size:calc(12px * var(--text-scale,1));background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:7px;padding:9px 12px;font-weight:550;list-style:none;display:flex}.device-settings summary::-webkit-details-marker{display:none}.device-settings summary:focus-visible{outline-offset:2px;outline:2px solid #8a54dc}.device-settings[open] summary{background:var(--pink-soft);color:var(--pink);border-color:#f0d4ed}.device-options-panel{z-index:20;border:1px solid var(--line);background:#fff;border-radius:15px;width:250px;max-width:calc(100vw - 36px);padding:15px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 35px #263a7020}.device-options-panel>p{color:var(--muted);font-size:calc(11px * var(--text-scale,1));margin-bottom:12px;font-weight:550}.device-options-panel>button{color:#6b3f9a;width:100%;min-height:44px;font-size:calc(12px * var(--text-scale,1));background:#f5f0fc;border-radius:9px;justify-content:flex-start;padding:11px}.device-options-panel>small{color:var(--muted);font-size:calc(10px * var(--text-scale,1));margin-top:10px;line-height:1.6;display:block}.welcome-main{flex-direction:column;align-items:stretch;gap:34px;width:100%;max-width:430px;display:flex}.welcome-copy{text-align:center}.welcome-copy .brand{max-width:350px;font-size:calc(30px * var(--text-scale,1));letter-spacing:-.95px;flex-direction:column;gap:10px}.welcome-copy .brand-mark{border-radius:19px;width:88px;height:88px}.welcome-copy h1{letter-spacing:-.3px;text-wrap:balance;max-width:370px;margin:21px auto 0;font-size:clamp(18px,4.6vw,21px);font-weight:500;line-height:1.5}.entry-card{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;padding:25px}.tabs{background:var(--sub);border-radius:15px;grid-template-columns:1fr 1fr;gap:3px;margin-bottom:27px;padding:5px;display:grid}.tabs button{color:#52617f;min-height:46px;font-size:calc(13px * var(--text-scale,1));background:0 0;border-radius:11px;padding:10px 8px}.tabs button[aria-selected=true]{background:var(--pink-soft);color:var(--pink);font-weight:650}form label{font-size:calc(13px * var(--text-scale,1));color:var(--text);flex-direction:column;gap:9px;margin-top:23px;font-weight:550;display:flex}form label input{width:100%;min-height:50px;color:var(--text);font-size:calc(14px * var(--text-scale,1));background:#fff;border:1px solid #d9dfed;border-radius:11px;padding:13px 14px;font-weight:400}.entry-card form>label:first-child{margin-top:0}.code-input{letter-spacing:3px}.entry-submit{width:100%;min-height:51px;font-size:calc(15px * var(--text-scale,1));margin-top:29px}.connection{color:var(--muted);font-size:calc(12px * var(--text-scale,1));justify-content:center;align-items:center;gap:8px;margin-top:15px;display:flex}.room-shell{background:radial-gradient(ellipse at 2% 0, #f9ecfa66, transparent 38%), var(--page);min-height:100dvh}.room-header{border-bottom:1px solid var(--line);background:#fffd;justify-content:space-between;align-items:center;gap:15px;min-height:78px;padding:0 max(32px,50vw - 628px);display:flex}.room-header-center{color:var(--muted);font-size:calc(10px * var(--text-scale,1));letter-spacing:1.7px;align-items:center;gap:8px;font-weight:600;display:flex}.room-header-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.room-header .device-settings{z-index:30;position:relative;top:auto;right:auto}.room-main{max-width:1320px;margin:0 auto;padding:34px 32px 0}.room-title{justify-content:space-between;align-items:center;gap:24px;margin-bottom:26px;display:flex}.room-heading{flex:1;min-width:0}.room-invitation{flex-shrink:0;max-width:100%}.invitation-actions{align-items:stretch;gap:8px;display:flex}.room-invitation>small{color:var(--muted);font-size:calc(10px * var(--text-scale,1));margin-top:7px;line-height:1.5;display:block}.room-navigation{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:20px;display:grid}.room-navigation:not(:has(.close-room-card)){grid-template-columns:minmax(0,1fr)}.room-action-card{border:1px solid var(--line);background:var(--panel);min-height:88px;color:var(--text);text-align:left;border-radius:15px;justify-content:flex-start;align-items:flex-start;gap:12px;padding:16px;box-shadow:0 3px 14px #4666b008}.room-action-icon{width:34px;height:34px;color:var(--blue);background:var(--blue-soft);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.close-room-card .room-action-icon{color:var(--pink);background:var(--pink-soft)}.room-action-card strong{font-size:calc(13px * var(--text-scale,1));font-weight:650;line-height:1.4;display:block}.room-action-card small{color:var(--muted);font-size:calc(11px * var(--text-scale,1));margin-top:5px;line-height:1.5;display:block}.room-title h1{font-size:calc(30px * var(--text-scale,1));letter-spacing:-.9px;overflow-wrap:anywhere;margin-top:7px;font-weight:650;line-height:1.25}.invite-button{background:var(--panel);color:var(--blue);border:1px solid #dce3f6;border-radius:13px;gap:18px;padding:12px 15px;display:flex;box-shadow:0 3px 14px #4666b008}.invite-button>span:first-child{text-align:left;flex-direction:column;gap:4px;display:flex}.invite-button small{color:var(--muted);font-size:calc(8px * var(--text-scale,1));letter-spacing:1.4px;font-weight:600}.invite-button b{font-size:calc(16px * var(--text-scale,1));letter-spacing:2px;font-weight:650}.invite-label{font-size:calc(12px * var(--text-scale,1));border-left:1px solid var(--line);padding-left:16px}.room-columns{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:23px;display:grid}.main-column,.side-column{min-width:0}.side-column{flex-direction:column;gap:18px;display:flex}.player-card,.chat-card,.people-card,.queue-card,.settings-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 5px 22px #344b7a06}.section-heading{min-height:47px;font-size:calc(9px * var(--text-scale,1));letter-spacing:1.4px;color:#53617e;justify-content:space-between;align-items:center;gap:12px;padding:10px 20px;font-weight:600;display:flex}.section-heading>span:first-child{align-items:center;gap:8px;display:flex}.section-heading>span:last-child{font-size:calc(10px * var(--text-scale,1));letter-spacing:0;color:var(--muted);font-weight:400}.empty-player{text-align:center;background:radial-gradient(at 22% 40%,#fceaf8a8,#0000 65%),radial-gradient(at 90% 80%,#e9f0ff,#0000 60%),#f8faff;flex-direction:column;justify-content:center;align-items:center;min-height:340px;padding:34px 24px;display:flex}.empty-icon{color:#8c45ce;place-items:center;width:83px;height:77px;margin-bottom:17px;display:grid;position:relative}.empty-icon>svg:first-child{transform:rotate(-8deg)}.empty-icon>svg:last-child{background:var(--pink-soft);color:var(--pink);box-sizing:content-box;border-radius:8px;padding:6px;position:absolute;bottom:10px;right:5px;transform:rotate(10deg)}.empty-player h2{font-size:calc(23px * var(--text-scale,1));letter-spacing:-.65px;font-weight:600;line-height:1.3}.empty-player p{color:var(--muted);font-size:calc(12px * var(--text-scale,1));margin:10px 0 23px;line-height:1.8}.empty-player>small{color:var(--muted);font-size:calc(10px * var(--text-scale,1));margin-top:16px;line-height:1.5}.empty-media-choices{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.empty-media-choices .primary:last-child{background:var(--blue-soft);color:var(--blue);box-shadow:none}.now-playing{border-top:1px solid var(--line);align-items:center;gap:12px;padding:17px 20px;display:flex}.now-icon{background:var(--pink-soft);width:40px;height:40px;color:var(--pink);border-radius:11px;flex-shrink:0;place-items:center;display:grid}.now-playing>div:nth-child(2){flex:1;min-width:0}.now-playing h2{font-size:calc(14px * var(--text-scale,1));white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.now-playing p{color:var(--muted);font-size:calc(10px * var(--text-scale,1));overflow-wrap:anywhere;margin-top:5px;line-height:1.5}.direct-tag{background:var(--blue-soft);color:#285dae;font-size:calc(9px * var(--text-scale,1));border-radius:6px;align-items:center;gap:5px;padding:6px 8px;display:flex}.media-stage{aspect-ratio:16/9;isolation:isolate;background:#0e1220;width:100%;position:relative;overflow:hidden}.media-stage video{object-fit:contain;width:100%;height:100%;display:block}.media-stage:fullscreen{justify-content:center;align-items:center;display:flex}.media-stage:fullscreen video{object-fit:contain;width:100%;height:100%}.media-loading{color:#d5dff5;font-size:calc(13px * var(--text-scale,1));flex-direction:column;justify-content:center;align-items:center;gap:15px;display:flex;position:absolute;inset:0}.ready-overlay{z-index:3;background:#0f142780;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.ready-overlay small{color:#f0f3ff;font-size:calc(11px * var(--text-scale,1));text-shadow:0 1px 5px #000}.paused-label{color:#f2f4ff;font-size:calc(10px * var(--text-scale,1));background:#11182de8;border:1px solid #ffffff26;border-radius:7px;align-items:center;gap:6px;padding:8px 10px;display:flex;position:absolute;top:13px;left:13px}.player-controls{border-top:1px solid var(--line);background:var(--panel);align-items:center;gap:10px;padding:11px 16px;display:flex}.player-controls button{color:#53627f;background:0 0;border-radius:7px;min-width:30px;min-height:36px;padding:5px}.player-controls .play-button{color:var(--pink);margin-right:3px}.player-time{font-size:calc(10px * var(--text-scale,1));font-variant-numeric:tabular-nums;color:#455370}.player-time.duration{color:var(--muted)}.player-controls input{height:4px;accent-color:var(--pink)}.seek{flex:1;min-width:0}.volume{width:48px}.player-status{border-top:1px solid var(--line);color:var(--muted);font-size:calc(9px * var(--text-scale,1));background:#f6f8fd;justify-content:space-between;align-items:center;gap:10px;padding:10px 19px;display:flex}.player-status>span:first-child{align-items:center;gap:6px;display:flex}.player-status button{color:var(--blue);font-size:calc(9px * var(--text-scale,1));background:0 0;padding:5px;text-decoration:underline}.player-status .personal-pause{color:var(--pink);align-items:center;gap:4px;text-decoration:none;display:flex}.music-stage{background:radial-gradient(at 22% 15%,#fae3f8,#0000 60%),radial-gradient(at 90% 80%,#d8e7ff,#0000 65%),#f1eeff}.music-stage .audio-element{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.record-scene{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.record-sleeve{z-index:2;color:#392056;background:linear-gradient(140deg,#e9b4ee,#c4d5fb);flex-direction:column;justify-content:space-between;width:170px;height:170px;padding:17px;display:flex;position:relative;overflow:hidden;transform:rotate(-5deg);box-shadow:0 10px 30px #654b8d26}.record-sleeve>span{font-size:calc(10px * var(--text-scale,1));letter-spacing:2px;z-index:1;font-weight:700;line-height:1.5}.record-sleeve>svg{z-index:1}.record-sleeve>small{font-size:calc(6px * var(--text-scale,1));letter-spacing:1px;z-index:1}.sleeve-orbit{border:15px solid #a661c34a;border-radius:50%;width:170px;height:170px;position:absolute;top:40px;left:55px}.sleeve-orbit:before{content:"";border:9px solid #6b7fd833;border-radius:50%;position:absolute;inset:15px}.vinyl{background:repeating-radial-gradient(circle,#181a2b 0 2px,#2a2b40 3px,#121522 4px);border-radius:50%;place-items:center;width:160px;height:160px;margin-left:-45px;display:grid;box-shadow:0 8px 20px #3d235326}.vinyl>div{color:#6a2d80;background:#e7b5ee;border-radius:50%;place-items:center;width:54px;height:54px;display:grid}.is-playing .vinyl{animation:9s linear infinite rotate}.record-scene>p{font-size:calc(27px * var(--text-scale,1));letter-spacing:-.8px;color:#34234d;margin-left:28px;line-height:1.3}.record-scene>p em{color:var(--pink);font-style:normal}.media-stage.on-break video{visibility:hidden}.break-overlay{background:#19213a;gap:10px}.break-overlay>svg{color:#e5b8ef}.break-overlay h3{font-size:calc(22px * var(--text-scale,1));letter-spacing:-.5px;color:#fff;margin:0;font-weight:600}.break-overlay p{color:#d1d8ea;font-size:calc(12px * var(--text-scale,1));margin:0 0 7px}.break-overlay .primary{margin-top:2px}.break-overlay>small{color:#ccd5ec}.chat-card{margin-top:23px}.card-heading{justify-content:space-between;align-items:center;gap:10px;padding:20px 19px 15px;display:flex}.card-heading h2{font-size:calc(14px * var(--text-scale,1));align-items:center;gap:8px;font-weight:650;display:flex}.card-heading h2 svg{color:var(--pink)}.queue-card[data-media-kind=audio] .card-heading h2 svg{color:var(--blue)}.card-heading>span{font-size:calc(10px * var(--text-scale,1));color:var(--muted)}.chat-history{scrollbar-color:#c7cde0 transparent;scrollbar-width:thin;overscroll-behavior-y:auto;height:220px;padding:5px 20px;overflow-y:auto}.chat-empty{color:#52617f;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.chat-empty>span{font-size:calc(26px * var(--text-scale,1));margin-bottom:9px}.chat-empty p{font-size:calc(12px * var(--text-scale,1))}.chat-empty small{font-size:calc(10px * var(--text-scale,1));color:var(--muted);margin-top:7px}.chat-message{align-items:flex-start;gap:10px;margin:11px 0 17px;display:flex}.chat-message>div{flex:1;min-width:0}.message-meta{align-items:baseline;gap:10px;display:flex}.message-meta b{color:#65418f;font-size:calc(11px * var(--text-scale,1));font-weight:600}.message-meta time{color:var(--muted);font-size:calc(9px * var(--text-scale,1))}.chat-message p{color:#34415d;font-size:calc(13px * var(--text-scale,1));white-space:pre-wrap;overflow-wrap:anywhere;margin-top:6px;line-height:1.65}.chat-message.mine p{color:#4d2c6e}.chat-compose{border:1px solid var(--line);background:#f8faff;border-radius:13px;align-items:center;margin:11px 16px 16px;padding:5px;display:flex}.chat-compose:focus-within{border-color:#b39be0;box-shadow:0 0 0 2px #b39be01a}.chat-compose input{color:var(--text);font-size:calc(13px * var(--text-scale,1));background:0 0;border:0;flex:1;padding:11px 9px}.chat-compose input:focus-visible{outline:0}.chat-compose .emoji{width:35px;height:39px;color:var(--pink);font-size:calc(27px * var(--text-scale,1));background:0 0}.send{background:var(--gradient);color:#fff;border-radius:10px;flex-shrink:0;width:39px;height:39px}.people-list{padding:0 19px}.person{align-items:center;gap:10px;padding:12px 0;display:flex}.avatar{color:#68409b;width:35px;height:35px;font-size:calc(12px * var(--text-scale,1));background:#efe5fc;border-radius:50%;flex-shrink:0;place-items:center;font-weight:600;display:grid;position:relative}.avatar.color-1{color:#a0327b;background:#fce3f3}.avatar.color-2{color:#325c9b;background:#dfecff}.avatar.color-3{color:#6550a1;background:#e9e3ff}.avatar.color-4{color:#a15b3c;background:#ffe9df}.avatar.color-5{color:#30688f;background:#e2f1fc}.avatar i{background:#9ca4b6;border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;bottom:-1px;right:-1px}.avatar i.online{background:#3479ec}.avatar.small{width:30px;height:30px;font-size:calc(10px * var(--text-scale,1));color:#7a409c;background:#f0e6fc}.person>div{flex:1;min-width:0}.person b{font-size:calc(12px * var(--text-scale,1));white-space:nowrap;text-overflow:ellipsis;font-weight:550;display:block;overflow:hidden}.person small{font-size:calc(10px * var(--text-scale,1));color:var(--muted);overflow-wrap:anywhere;margin-top:5px;line-height:1.4;display:block}.ready-check{color:var(--blue);flex-shrink:0}.remove-person{color:#7b6689;background:0 0;border-radius:7px;padding:7px}.person-actions{align-items:center;gap:3px;display:flex;flex:none!important}.control-action{background:var(--pink-soft);color:var(--pink);font-size:calc(9px * var(--text-scale,1));border-radius:7px;gap:4px;padding:7px 6px}.control-owner{color:#765297;font-size:calc(10px * var(--text-scale,1));background:#f6f0fc;border-radius:10px;align-items:center;gap:7px;margin:10px 16px 0;padding:11px;display:flex}.control-owner>span{flex:1;line-height:1.5}.control-owner button{color:var(--pink);font-size:calc(10px * var(--text-scale,1));background:0 0;padding:5px;text-decoration:underline}.invite-wide{background:var(--blue-soft);width:calc(100% - 38px);color:var(--blue);font-size:calc(12px * var(--text-scale,1));border:1px dashed #bbcaed;border-radius:10px;margin:13px 19px 18px;padding:12px}.invite-wide>svg:last-child{margin-left:auto}.change-code{background:var(--blue-soft);min-height:44px;color:var(--blue);font-size:calc(12px * var(--text-scale,1));border:1px solid #dce3f6;border-radius:11px;padding:10px 13px;font-weight:600}.queue-list{max-height:270px;padding:0 10px;overflow-y:auto}.queue-empty{text-align:center;color:#b4a2d3;padding:18px 15px 25px}.queue-card[data-media-kind=audio] .queue-empty{color:#9bb7e7}.queue-empty p{color:var(--muted);font-size:calc(11px * var(--text-scale,1));margin-top:10px;line-height:1.8}.queue-item{border-radius:10px;align-items:center;margin:4px 0;display:flex}.queue-item.active{background:#f9edfa}.queue-card[data-media-kind=audio] .queue-item.active{background:var(--blue-soft)}.queue-item>button:first-child{min-width:0;color:inherit;text-align:left;background:0 0;flex:1;justify-content:flex-start;gap:10px;padding:12px 8px}.queue-item>button:first-child:disabled{opacity:1}.queue-number{width:20px;font-size:calc(10px * var(--text-scale,1));color:#8b6fa4;flex-shrink:0}.queue-item>button>span:nth-child(2){flex:1;min-width:0}.queue-item b{white-space:nowrap;text-overflow:ellipsis;font-size:calc(12px * var(--text-scale,1));font-weight:550;display:block;overflow:hidden}.queue-item small{white-space:nowrap;text-overflow:ellipsis;color:var(--muted);font-size:calc(10px * var(--text-scale,1));margin-top:5px;display:block;overflow:hidden}.playing-pill{color:var(--pink);font-size:calc(7px * var(--text-scale,1));letter-spacing:.7px;flex-shrink:0;font-weight:650}.queue-remove,.queue-label-button{color:#7a6892;background:0 0;border-radius:7px;flex-shrink:0;padding:8px}.add-files{background:var(--pink-soft);width:calc(100% - 38px);color:var(--pink);font-size:calc(12px * var(--text-scale,1));border:1px solid #f0d4ed;border-radius:10px;margin:13px 19px 18px;padding:12px;font-weight:550}.queue-card[data-media-kind=audio] .add-files{background:var(--blue-soft);color:var(--blue);border-color:#d8e4fa}.media-card-note{color:var(--muted);font-size:calc(10px * var(--text-scale,1));margin:-6px 19px 15px;line-height:1.6}.demo-options{border-top:1px solid var(--line);flex-wrap:wrap;gap:5px 15px;padding:13px 19px;display:flex}.demo-options>span{width:100%;color:var(--muted);font-size:calc(8px * var(--text-scale,1));letter-spacing:1.1px}.demo-options button{color:#5d63a1;font-size:calc(11px * var(--text-scale,1));background:0 0;padding:7px 0}.file-allowance{color:#52617f;font-size:calc(11px * var(--text-scale,1));overflow-wrap:anywhere;padding:0 5px;line-height:1.7}.shared-file-allowance{margin-top:-5px}.file-allowance>span{color:var(--muted);font-size:calc(10px * var(--text-scale,1));display:block}.original-file-name{color:var(--muted)!important}.file-label-form{background:#faf5fd;border:1px solid #decfeb;border-radius:11px;margin:5px 3px 12px;padding:12px}.file-label-form label{font-size:calc(11px * var(--text-scale,1));flex-direction:row;justify-content:space-between;gap:10px;margin:0 0 9px;display:flex}.file-label-form label>span{color:#765297}.file-label-form input{width:100%;min-height:44px;color:var(--text);font-size:calc(12px * var(--text-scale,1));background:#fff;border:1px solid #d8c5e8;border-radius:8px;padding:10px}.file-label-form>div{align-items:center;gap:7px;margin-top:8px;display:flex}.file-label-form small{color:var(--muted);font-size:calc(10px * var(--text-scale,1));flex:1;line-height:1.5}.file-label-form button{color:#773594;min-height:38px;font-size:calc(11px * var(--text-scale,1));background:#f0e3f8;border-radius:8px;padding:10px}.settings-card{padding:1px 18px}.settings-card label{justify-content:space-between;align-items:center;gap:12px;padding:17px 0;display:flex}.settings-card label+label{border-top:1px solid var(--line)}.settings-card label>span{font-size:calc(12px * var(--text-scale,1));color:#34415d;grid-template-columns:16px auto;align-items:center;gap:5px 9px;display:grid}.settings-card label>span>svg{color:#8b5aaa}.settings-card small{color:var(--muted);font-size:calc(10px * var(--text-scale,1));grid-column:2}.settings-card input[type=checkbox]{appearance:none;cursor:pointer;background:#c7cedd;border-radius:12px;flex-shrink:0;width:34px;height:20px;margin:0;position:relative}.settings-card input[type=checkbox]:before{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #303b5b22}.settings-card input[type=checkbox]:checked{background:var(--gradient)}.settings-card input[type=checkbox]:checked:before{transform:translate(14px)}.file-limit-settings{border-top:1px solid var(--line);padding:18px 0}.file-limit-settings fieldset{border:0;min-width:0;margin:0;padding:0}.file-limit-settings legend{color:#34415d;font-size:calc(12px * var(--text-scale,1));align-items:center;gap:9px;margin-bottom:13px;padding:0;font-weight:550;display:flex}.settings-card .file-limit-settings label{color:#52617f;font-size:calc(11px * var(--text-scale,1));border:0;flex-direction:column;align-items:flex-start;gap:8px;margin:12px 0 8px;padding:0;display:flex}.file-limit-settings select,.settings-card .file-limit-settings input[type=number]{width:100%;min-height:44px;color:var(--text);font-size:calc(12px * var(--text-scale,1));background:#fafbff;border:1px solid #d9dfed;border-radius:9px;padding:10px}.file-limit-settings p{color:var(--muted);font-size:calc(10px * var(--text-scale,1));margin:11px 0;line-height:1.7}.save-file-limit{color:#6b3f9a;width:100%;min-height:44px;font-size:calc(12px * var(--text-scale,1));background:#f1edfc;border:1px solid #d8d9f3;border-radius:10px;padding:11px}.privacy-note{color:#6c6ca0;align-items:flex-start;gap:9px;padding:2px 8px;display:flex}.privacy-note>svg{flex-shrink:0}.privacy-note p{font-size:calc(10px * var(--text-scale,1));line-height:1.8}.privacy-note p span{font-size:calc(10px * var(--text-scale,1));color:var(--muted)}.local-cache-note{justify-content:center;margin-top:-6px;display:flex}.local-cache-note button{color:var(--muted);font-size:calc(10px * var(--text-scale,1));background:0 0;border-radius:7px;padding:8px}.transfer-note{background:var(--blue-soft);color:#35578c;font-size:calc(11px * var(--text-scale,1));border:1px solid #d8e4fa;border-radius:12px;align-items:center;gap:10px;margin-top:12px;padding:13px 16px;display:flex}.transfer-note>svg{flex-shrink:0}.transfer-note>div{flex:1}.transfer-note small{color:#536e98;font-size:calc(10px * var(--text-scale,1));margin-top:5px;line-height:1.6;display:block}.room-footer{border-top:1px solid var(--line);color:var(--muted);font-size:calc(10px * var(--text-scale,1));justify-content:space-between;align-items:center;gap:15px;margin-top:30px;padding:21px 0;line-height:1.6;display:flex}.room-footer>span:last-child{align-items:center;gap:6px;display:flex}.reconnect{color:#795617;font-size:calc(12px * var(--text-scale,1));background:#fff3d7;justify-content:center;align-items:center;gap:9px;padding:13px;display:flex}.toast{z-index:100;bottom:calc(24px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)));color:#4d3569;width:max-content;max-width:calc(100% - 32px);font-size:calc(13px * var(--text-scale,1));background:#fff;border:1px solid #e0d7ef;border-radius:14px;align-items:center;gap:20px;padding:15px 17px;line-height:1.6;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 12px 45px #263a7029}.toast button{color:inherit;background:0 0;padding:5px}.media-stage.is-fullscreen{aspect-ratio:auto;background:#000;border-radius:0;width:100%;max-width:none;height:100%}.media-stage.fullscreen-fallback{z-index:10000;width:100vw;height:100dvh;position:fixed;inset:0}.media-stage.is-fullscreen>video{object-fit:contain;width:100%;height:100%}.video-quick-cue{top:max(12px, var(--safe-area-inset-top,env(safe-area-inset-top,0px)));z-index:8;color:#fff;overflow-wrap:anywhere;pointer-events:none;text-align:left;background:#000;border-radius:5px;padding:12px 15px;font-size:clamp(13px,2.2vw,21px);line-height:1.5;position:absolute;left:12px;right:12px}.video-quick-cue strong{font-weight:700}.fullscreen-tools{bottom:max(16px, var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)));z-index:9;justify-content:center;gap:9px;display:flex;position:absolute;left:12px;right:12px}.fullscreen-tools button{color:#fff;min-width:44px;min-height:46px;font-size:calc(12px * var(--text-scale,1));background:#141a2ce8;border:1px solid #ffffff60;border-radius:11px;padding:12px}.fullscreen-tools button svg{flex-shrink:0}.quick-phrase-menu{z-index:10;background:#fcfbff;border:1px solid #ded9ed;border-radius:15px;max-width:480px;max-height:calc(100% - 170px);margin:auto;padding:8px;position:absolute;bottom:82px;left:12px;right:12px;overflow-y:auto;box-shadow:0 12px 45px #0005}.quick-phrase-menu>div{color:#65418e;font-size:calc(12px * var(--text-scale,1));justify-content:space-between;align-items:center;gap:10px;padding:0 2px 6px 7px;display:flex}.quick-phrase-menu>div button{color:#655371;background:0 0;min-width:40px;min-height:40px}.quick-phrase-menu>button{color:#4e306f;width:100%;min-height:46px;font-size:calc(14px * var(--text-scale,1));text-align:left;background:#f3edfc;border-radius:9px;justify-content:flex-start;margin-top:5px;padding:12px;line-height:1.4;display:flex}.quick-phrase-error{color:#a63150;font-size:calc(12px * var(--text-scale,1));padding:10px;line-height:1.5}.media-format-error{z-index:5;color:#fff;text-align:center;background:#171d30f5;flex-direction:column;justify-content:center;gap:10px;padding:20px;display:flex;position:absolute;inset:0}.media-format-error h3{font-size:calc(17px * var(--text-scale,1));margin:0}.media-format-error p,.media-format-error small{color:#d7dcef;font-size:calc(11px * var(--text-scale,1));line-height:1.6}.is-fullscreen .media-format-error{padding:80px 25px}.is-fullscreen .media-format-error h3{font-size:calc(23px * var(--text-scale,1))}.spin{animation:1.4s linear infinite rotate}@keyframes rotate{to{transform:rotate(360deg)}}@media (width<=1050px){.room-main{padding:28px 24px 0}.room-header{padding:0 24px}.room-columns{grid-template-columns:minmax(0,1fr) 285px;gap:18px}.record-scene>p{display:none}.record-sleeve{width:145px;height:145px}.vinyl{width:140px;height:140px}.volume{width:35px}.invite-label{display:none}}@media (width<=760px){.room-header{min-height:74px;padding:8px 18px}.room-header .brand{font-size:calc(16px * var(--text-scale,1));letter-spacing:-.4px;flex:1;gap:6px}.room-header .brand-mark{width:38px;height:38px}.room-header .leave{flex-shrink:0}.room-header-actions{gap:5px}.room-header .leave{min-width:35px;min-height:40px;padding:8px}.room-header .leave span{display:none}.room-header .device-settings summary{font-size:calc(11px * var(--text-scale,1));gap:5px;padding:9px}.room-header-center{display:none}.leave{font-size:calc(11px * var(--text-scale,1));padding:9px 0}.room-main{padding:25px 15px 0}.room-title{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:21px}.room-invitation{width:100%}.room-navigation{gap:10px;margin-bottom:18px}.room-action-card{flex-direction:column;gap:8px;min-height:0;padding:12px}.room-action-icon{border-radius:8px;width:29px;height:29px}.invitation-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.invitation-actions:not(:has(.change-code)){grid-template-columns:minmax(0,1fr)}.room-title .eyebrow{font-size:calc(8px * var(--text-scale,1));letter-spacing:1px}.room-title h1{font-size:calc(24px * var(--text-scale,1));margin-top:7px;line-height:1.2}.invite-button{border-radius:10px;gap:8px;min-width:0;padding:10px}.invite-button small{font-size:calc(7px * var(--text-scale,1));letter-spacing:.8px}.invite-button b{font-size:calc(12px * var(--text-scale,1));letter-spacing:1.4px}.invite-button svg{width:14px}.room-columns{grid-template-columns:1fr;gap:20px}.side-column{grid-template-columns:1fr;gap:18px;display:grid}.section-heading{min-height:42px;font-size:calc(8px * var(--text-scale,1));letter-spacing:.9px;padding:10px 14px}.section-heading>span:last-child{font-size:calc(9px * var(--text-scale,1))}.empty-player{min-height:290px;padding:28px 16px}.empty-player h2{font-size:calc(20px * var(--text-scale,1))}.empty-player p,.empty-player .primary{font-size:calc(12px * var(--text-scale,1))}.media-stage{aspect-ratio:16/10}.player-controls{gap:7px;padding:10px}.player-controls button{min-width:25px}.volume{width:32px}.player-time{font-size:calc(9px * var(--text-scale,1))}.player-status{font-size:calc(8px * var(--text-scale,1));gap:5px;padding:9px 12px}.player-status .personal-pause{font-size:calc(9px * var(--text-scale,1))}.now-playing{padding:14px}.now-playing h2{font-size:calc(13px * var(--text-scale,1))}.now-playing p{font-size:calc(10px * var(--text-scale,1))}.direct-tag{font-size:calc(8px * var(--text-scale,1))}.ready-overlay .primary{min-height:43px;font-size:calc(12px * var(--text-scale,1));padding:11px 15px}.ready-overlay small{font-size:calc(10px * var(--text-scale,1))}.paused-label{font-size:calc(9px * var(--text-scale,1));top:10px;left:10px}.record-sleeve{width:135px;height:135px;padding:13px}.record-sleeve>span{font-size:calc(8px * var(--text-scale,1))}.record-sleeve>small{font-size:calc(5px * var(--text-scale,1))}.vinyl{width:130px;height:130px;margin-left:-35px}.chat-card{margin-top:18px}.chat-history{height:215px}.card-heading{padding:18px 16px 13px}.card-heading h2{font-size:calc(13px * var(--text-scale,1))}.people-list{grid-template-columns:1fr 1fr;gap:0 12px;padding:0 16px;display:grid}.people-list.has-admin-actions{grid-template-columns:1fr}.person{gap:8px}.person b{font-size:calc(12px * var(--text-scale,1))}.person small{font-size:calc(10px * var(--text-scale,1))}.person .avatar{width:32px;height:32px;font-size:calc(11px * var(--text-scale,1))}.person-actions{gap:7px}.control-action{font-size:calc(10px * var(--text-scale,1));padding:8px}.invite-wide{width:calc(100% - 32px);margin-left:16px}.break-overlay{gap:7px}.break-overlay>svg{width:20px;height:20px}.break-overlay h3{font-size:calc(19px * var(--text-scale,1))}.break-overlay p{font-size:calc(11px * var(--text-scale,1));margin-bottom:2px}.break-overlay .primary{min-height:39px;font-size:calc(11px * var(--text-scale,1));padding:9px 13px}.break-overlay small{font-size:calc(9px * var(--text-scale,1))}.room-footer{font-size:calc(9px * var(--text-scale,1));align-items:flex-start;margin-top:25px}.room-footer>span{max-width:50%}.toast{bottom:calc(15px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)));font-size:calc(12px * var(--text-scale,1))}.transfer-note{font-size:calc(10px * var(--text-scale,1));padding:12px}.transfer-note .quiet{font-size:calc(10px * var(--text-scale,1))}}@media (width<=420px){.welcome{padding:38px 21px}.welcome-main{gap:30px}.welcome-copy .brand{font-size:calc(28px * var(--text-scale,1))}.welcome-copy .brand-mark{width:80px;height:80px}.welcome-copy h1{font-size:calc(18px * var(--text-scale,1));letter-spacing:-.3px;margin-top:18px}.entry-card{border-radius:20px;padding:21px}.tabs{gap:0;margin-bottom:25px;padding:4px}.tabs button{font-size:calc(12px * var(--text-scale,1));padding:10px 5px}}@media (width<=500px){.fullscreen-tools{gap:6px}.fullscreen-tools button{font-size:calc(10px * var(--text-scale,1));gap:5px;padding:10px 8px}.fullscreen-tools button:first-child span{display:none}.quick-phrase-menu>button{font-size:calc(13px * var(--text-scale,1))}.media-format-error{gap:6px;padding:15px}.media-format-error h3{font-size:calc(14px * var(--text-scale,1))}.media-format-error p,.media-format-error small{font-size:calc(10px * var(--text-scale,1))}}@media (height<=700px){.welcome{padding-top:26px;padding-bottom:26px}.welcome-main{gap:24px}}@media (height<=500px){.quick-phrase-menu{max-height:calc(100% - 130px);padding:6px;bottom:70px}.quick-phrase-menu>button{min-height:40px;font-size:calc(13px * var(--text-scale,1));margin-top:3px;padding:8px 12px}.quick-phrase-menu>div{font-size:calc(11px * var(--text-scale,1));padding-bottom:2px}.quick-phrase-menu>div button{min-width:40px;min-height:32px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}:root{--text-scale:1}:root[data-text-size=small]{--text-scale:.9}:root[data-text-size=large]{--text-scale:1.15}.device-options-panel{overscroll-behavior:contain;scrollbar-width:thin;width:340px;max-height:min(740px,100dvh - 100px);padding:20px;overflow-y:auto}.device-options-panel h2{font-size:calc(19px * var(--text-scale));letter-spacing:-.4px;margin-bottom:6px}.device-options-panel>p{line-height:1.6}.device-options-panel fieldset{border:0;border-top:1px solid var(--line);min-width:0;margin:0;padding:17px 0}.device-options-panel legend{font-size:calc(12px * var(--text-scale));color:#61427f;padding:0 0 8px;font-weight:650}.device-options-panel label{font-size:calc(12px * var(--text-scale));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:9px;margin:9px 0 14px;line-height:1.5;display:flex}.device-options-panel select{min-width:105px;max-width:100%;min-height:39px;font:inherit;background:var(--page);color:var(--text);border:1px solid var(--line);border-radius:9px;padding:8px}.device-options-panel label>input[type=range]{width:100%;margin:5px 0}.device-options-panel .option-toggle{flex-wrap:nowrap}.device-options-panel .option-toggle>span{flex:1}.device-options-panel input[type=checkbox]{flex-shrink:0;width:18px;height:18px}.device-options-panel fieldset>small{font-size:calc(10px * var(--text-scale));color:var(--muted);line-height:1.7;display:block}.option-secondary{color:#6b3f9a;min-height:40px;font-size:calc(12px * var(--text-scale));background:#f3eefb;border-radius:9px;margin-top:10px;padding:10px 12px}.device-options-panel .option-secondary{width:100%}.option-secondary.danger{color:#ae3155;background:#fff0f4}.cache-confirm p{font-size:calc(11px * var(--text-scale));margin-top:12px;line-height:1.6}.app-help{border-top:1px solid var(--line);padding-top:15px}.app-help summary{background:0 0;border:0;justify-content:space-between;padding:8px 0}.app-help ol{font-size:calc(11px * var(--text-scale));color:var(--muted);margin:12px 0 0;padding-left:18px;line-height:1.7}.app-help li+li{margin-top:9px}.welcome{padding-top:90px}.room-library{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;padding:23px}.library-heading,.saved-room-group h3{justify-content:space-between;align-items:center;gap:15px;display:flex}.library-heading h2{font-size:calc(18px * var(--text-scale));align-items:center;gap:9px;font-weight:650;display:flex}.library-heading h2 svg{color:var(--pink)}.library-heading>span,.saved-room-group h3>span{font-size:calc(11px * var(--text-scale));color:var(--muted);font-weight:450}.saved-room-group{margin-top:24px}.saved-room-group h3{font-size:calc(12px * var(--text-scale));margin:0 0 12px;font-weight:600}.library-empty,.library-note{font-size:calc(11px * var(--text-scale));color:var(--muted);line-height:1.7}.library-note{border-top:1px solid var(--line);font-size:calc(10px * var(--text-scale));margin-top:21px;padding-top:15px}.saved-room{border-top:1px solid var(--line);padding:13px 0}.saved-room h4{font-size:calc(13px * var(--text-scale));overflow-wrap:anywhere;margin:0;font-weight:600}.saved-room p{font-size:calc(10px * var(--text-scale));color:var(--muted);margin-top:6px;line-height:1.5}.saved-room-actions{align-items:center;gap:10px;margin-top:12px;display:flex}.open-saved-room{background:var(--blue-soft);min-height:38px;color:var(--blue);font-size:calc(12px * var(--text-scale));border-radius:9px;padding:9px 14px}.remove-saved-room{color:#9b5e78;background:0 0;border-radius:9px;min-width:38px;min-height:38px;margin-left:auto;padding:9px}.confirm-backdrop{z-index:110;background:#17213c70;justify-content:center;align-items:center;padding:25px;display:flex;position:fixed;inset:0}.confirm-dialog{background:#fff;border-radius:20px;width:100%;max-width:420px;max-height:calc(100dvh - 60px);padding:28px;position:relative;overflow-y:auto;box-shadow:0 20px 70px #17213c40}.confirm-dialog h2{font-size:calc(20px * var(--text-scale));margin:15px 0 20px;line-height:1.3}.confirm-dialog p{font-size:calc(13px * var(--text-scale));color:#52617f;overflow-wrap:anywhere;margin-top:12px;line-height:1.7}.confirm-dialog>div{flex-wrap:wrap;gap:12px;margin-top:14px;display:flex}.dialog-close{color:var(--muted);background:0 0;border-radius:8px;padding:8px;position:absolute;top:10px;right:10px}.queue-item.unavailable{background:#f3f4f8}.queue-item.unavailable>button:first-child{color:#58637a}.unavailable-pill{color:#5e6574;font-size:calc(8px * var(--text-scale));background:#e6e8ee;border-radius:5px;flex-shrink:0;padding:4px 6px}.file-unavailable-overlay{z-index:6;text-align:center;color:#fff;background:#17213cf7;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:25px;display:flex;position:absolute;inset:0}.file-unavailable-overlay h3{font-size:calc(20px * var(--text-scale));margin:0}.file-unavailable-overlay p{overflow-wrap:anywhere;max-width:100%;font-size:calc(13px * var(--text-scale))}.file-unavailable-overlay small{max-width:320px;line-height:1.7;font-size:calc(11px * var(--text-scale));color:#d2dbee}@media (width<=900px){.room-header-center{display:none}}@media (width<=420px){.room-header .brand-mark{width:30px;height:30px}.room-header .brand{font-size:calc(14px * var(--text-scale))}.room-header-actions{gap:2px}.room-library{padding:21px}}.person-name{align-items:center;gap:8px;min-width:0;display:flex}.person-name b{min-width:0}.connection-bars{--quality-color:#a6aebb;flex-shrink:0;align-items:flex-end;gap:2px;min-width:17px;height:14px;display:inline-flex}.connection-bars i{background:#d8dce5;border-radius:1px;width:4px;height:5px;display:block}.connection-bars i:nth-child(2){height:9px}.connection-bars i:nth-child(3){height:13px}.connection-bars.level-1{--quality-color:#d72d43}.connection-bars.level-2{--quality-color:#cb7814}.connection-bars.level-3{--quality-color:#168357}.connection-bars i.filled{background:var(--quality-color)}.queue-item>.queue-download{width:28px;min-height:36px;color:var(--muted);background:0 0;border:0;flex:0 0 28px;place-items:center;padding:0;display:grid}.queue-item>.queue-download:hover:enabled{color:var(--blue);background:#f1f2ff;border-radius:8px}.chat-downloads{border-top:1px solid var(--line);padding:12px 18px}.chat-downloads summary{cursor:pointer;font-size:calc(12px * var(--text-scale,1));align-items:center;gap:8px;font-weight:650;display:flex}.chat-downloads summary span{color:var(--muted);margin-left:auto}.chat-downloads details>p{font-size:calc(11px * var(--text-scale,1));color:var(--muted);line-height:1.5}.chat-shared-file{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:9px 0;display:flex}.chat-shared-file>div{flex:1;min-width:0}.chat-shared-file b{font-size:calc(12px * var(--text-scale,1));overflow-wrap:anywhere;display:block}.chat-shared-file small{font-size:calc(10px * var(--text-scale,1));color:var(--muted);overflow-wrap:anywhere;display:block}.chat-shared-file button,.download-status button{color:#6455bb;background:#f2f1fc;border:0;border-radius:8px;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.download-status{font-size:calc(12px * var(--text-scale,1));overflow-wrap:anywhere;align-items:center;gap:8px;margin-bottom:12px;line-height:1.5;display:flex}.download-status span{flex:1;min-width:0}.download-status.failed{color:#b52c42}.welcome-copy>div.brand{cursor:default}.room-previews{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px;display:grid}.room-preview{border:1px solid var(--line);background:#fcf7ff;border-radius:13px;min-width:0;padding:13px}.room-preview.joined{background:#f4f8ff}.room-preview>div{color:var(--pink);justify-content:space-between;align-items:center;gap:8px;display:flex}.room-preview.joined>div{color:var(--blue)}.room-preview>div span{color:var(--muted);font-size:calc(10px * var(--text-scale))}.room-preview p{font-size:calc(11px * var(--text-scale));margin:11px 0 6px;font-weight:600;line-height:1.5}.room-preview strong{-webkit-line-clamp:2;overflow-wrap:anywhere;line-height:1.5;font-size:calc(12px * var(--text-scale));-webkit-box-orient:vertical;font-weight:500;display:-webkit-box;overflow:hidden}.room-preview small{color:var(--muted);font-size:calc(9px * var(--text-scale));margin-top:6px;line-height:1.6;display:block}.saved-rooms-disclosure{margin-top:16px}.saved-rooms-disclosure>summary{border:1px solid var(--line);color:#52617f;cursor:pointer;min-height:44px;font-size:calc(12px * var(--text-scale));background:#fff;border-radius:10px;align-items:center;gap:9px;padding:12px 13px;font-weight:550;list-style:none;display:flex}.saved-rooms-disclosure>summary::-webkit-details-marker{display:none}.saved-rooms-disclosure>summary span:first-child{flex:1}.saved-rooms-disclosure>summary span:nth-child(2){color:var(--muted);font-weight:400}.saved-rooms-disclosure[open]>summary svg{transform:rotate(180deg)}.saved-rooms-disclosure>summary:focus-visible{outline:2px solid var(--blue);outline-offset:3px}@media (width<=360px){.room-previews{gap:8px}.room-preview{padding:11px}}@media (orientation:landscape) and (width>=600px) and (height<=600px){.welcome{place-items:start center;min-height:100dvh;padding:56px 18px 24px}.welcome-main{grid-template-columns:minmax(200px,.85fr) minmax(280px,1.15fr);align-items:center;gap:22px;max-width:1000px;display:grid}.welcome-copy .brand{font-size:calc(25px * var(--text-scale));gap:10px;max-width:310px}.welcome-copy .brand-mark{width:58px;height:58px}.welcome-copy h1{font-size:calc(16px * var(--text-scale));margin-top:16px;line-height:1.45}.entry-card{border-radius:16px;padding:18px}.entry-card .tabs{margin-bottom:14px}.entry-card .tabs button{min-height:38px;padding:8px}.entry-card form label{gap:6px;margin-top:14px}.entry-card form label:first-child{margin-top:0}.entry-card form label input{min-height:42px;padding:10px 12px}.entry-submit{min-height:44px;margin-top:18px;padding:10px 14px}.room-library{grid-column:1/-1;padding:20px}.room-header{gap:10px;min-height:44px;padding:4px 12px}.room-header .brand{font-size:calc(14px * var(--text-scale));letter-spacing:-.3px;flex:1;gap:7px}.room-header .brand-mark{width:28px;height:28px}.room-header-center{display:none}.room-header-actions{gap:4px}.room-header .leave{min-width:36px;min-height:36px;padding:7px}.room-header .leave span{display:none}.room-header .device-settings>summary{min-height:36px;font-size:calc(11px * var(--text-scale));padding:7px 9px}.device-options-panel{max-height:calc(100dvh - var(--safe-area-inset-top,env(safe-area-inset-top,0px)) - var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)) - 70px)}.room-main{padding:8px 12px 0}.room-title{flex-direction:row;align-items:center;gap:12px;margin-bottom:8px}.room-invitation{width:auto}.invitation-actions{display:flex}.room-invitation>small{font-size:calc(8px * var(--text-scale));margin-top:3px}.room-navigation{gap:8px;margin-bottom:6px}.room-action-card{border-radius:10px;flex-direction:row;align-items:center;gap:8px;min-height:44px;padding:6px 9px}.room-action-icon{border-radius:8px;width:27px;height:27px}.room-action-icon svg{width:16px;height:16px}.room-action-card strong{font-size:calc(10px * var(--text-scale))}.room-action-card small{font-size:calc(9px * var(--text-scale));margin-top:2px;line-height:1.3}.change-code{min-height:34px;font-size:calc(10px * var(--text-scale));border-radius:9px;padding:6px 9px}.room-title .eyebrow{display:none}.room-title h1{font-size:calc(18px * var(--text-scale));letter-spacing:-.4px;white-space:nowrap;text-overflow:ellipsis;margin:0;line-height:1.3;overflow:hidden}.invite-button{border-radius:9px;gap:8px;min-height:34px;margin:0;padding:6px 9px}.invite-button small,.invite-label{display:none}.invite-button b{font-size:calc(11px * var(--text-scale));letter-spacing:1px}.invite-button svg{width:14px;height:14px}.room-columns{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:start;gap:12px}.main-column,.side-column{display:contents}.player-card{height:var(--landscape-panel-height,250px);border-radius:13px;flex-direction:column;grid-area:1/1;min-height:0;display:flex}.player-card>.section-heading{display:none}.player-card>.media-stage:not(.is-fullscreen){aspect-ratio:auto;flex:1 1 0;min-height:0}.player-card>.player-controls,.player-card>.player-status,.player-card>.now-playing{flex-shrink:0}.player-controls{gap:6px;padding:4px 8px}.player-controls button{min-width:30px;min-height:34px}.player-controls .volume{width:34px}.player-time{font-size:calc(9px * var(--text-scale))}.player-status{font-size:calc(9px * var(--text-scale));gap:6px;padding:5px 9px}.player-status>span:last-child{white-space:nowrap;text-overflow:ellipsis;max-width:46%;overflow:hidden}.player-status .personal-pause{font-size:calc(9px * var(--text-scale));padding:4px}.now-playing{gap:8px;padding:6px 9px}.now-icon{border-radius:7px;width:27px;height:27px}.now-icon svg{width:15px;height:15px}.now-playing h2{font-size:calc(11px * var(--text-scale))}.now-playing p{font-size:calc(9px * var(--text-scale));white-space:nowrap;text-overflow:ellipsis;margin-top:2px;overflow:hidden}.now-playing p:last-child{display:none}.direct-tag{font-size:calc(8px * var(--text-scale));padding:4px 6px}.record-sleeve{width:min(100px,24dvh);height:min(100px,24dvh);padding:10px}.record-sleeve>span{font-size:calc(7px * var(--text-scale));letter-spacing:1px}.record-sleeve>small,.record-scene>p{display:none}.vinyl{width:min(95px,23dvh);height:min(95px,23dvh);margin-left:-26px}.vinyl>div{width:35px;height:35px}.ready-overlay{gap:7px;padding:8px}.ready-overlay .primary{min-height:38px;font-size:calc(11px * var(--text-scale));padding:8px 13px}.ready-overlay small{font-size:calc(9px * var(--text-scale))}.break-overlay>svg{display:none}.break-overlay h3{font-size:calc(16px * var(--text-scale))}.break-overlay p{font-size:calc(10px * var(--text-scale));margin:0}.file-unavailable-overlay{gap:6px;padding:12px}.file-unavailable-overlay h3{font-size:calc(16px * var(--text-scale))}.file-unavailable-overlay p{font-size:calc(11px * var(--text-scale))}.file-unavailable-overlay small{font-size:calc(10px * var(--text-scale));line-height:1.45}.empty-player{flex:1;min-height:0;padding:12px}.empty-icon{display:none}.empty-player h2{font-size:calc(17px * var(--text-scale))}.empty-player p{font-size:calc(11px * var(--text-scale));margin:8px 0 12px;line-height:1.5}.empty-player>small{font-size:calc(9px * var(--text-scale));margin-top:8px}.empty-media-choices .primary{min-height:38px;font-size:calc(11px * var(--text-scale));padding:9px 12px}.chat-card{min-height:0;height:var(--landscape-panel-height,250px);border-radius:13px;flex-direction:column;grid-area:1/2;margin-top:0;display:flex}.chat-card>.card-heading{flex-shrink:0;padding:9px 11px 7px}.chat-card .card-heading h2{font-size:calc(12px * var(--text-scale))}.chat-card .card-heading>span{display:none}.chat-history{flex:1 1 0;height:auto;min-height:40px;padding:0 11px}.chat-compose{flex-shrink:0;margin:6px 8px;padding:3px}.chat-compose input{font-size:calc(11px * var(--text-scale));padding:8px 6px}.chat-compose .emoji{width:28px;height:34px;font-size:calc(23px * var(--text-scale))}.chat-compose .send{width:32px;height:34px}.chat-downloads{overscroll-behavior-y:auto;flex-shrink:0;max-height:38%;padding:8px 11px;overflow-y:auto}.chat-downloads summary{font-size:calc(11px * var(--text-scale))}.download-status{font-size:calc(10px * var(--text-scale));margin-bottom:7px}.chat-message{gap:7px;margin:7px 0 12px}.chat-message .avatar{width:26px;height:26px}.chat-message p{font-size:calc(12px * var(--text-scale));line-height:1.5}.transfer-note,.people-card,.shared-file-allowance,.settings-card,.privacy-note{grid-column:1/-1}.people-list,.people-list.has-admin-actions{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:0 18px;display:grid}.person{min-width:0}.person>div:nth-child(2){flex:1;min-width:0}.room-footer{margin-top:20px;padding-bottom:14px}.people-list.has-admin-actions{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}