@font-face{font-family:Roboto;font-style:normal;font-weight:400 700;font-display:swap;src:url("./roboto-cyrillic-ext-X7UHV3HGSUUXPM4KFWLBZLMXZ7NV7UX7C5EL4WNX4KZUA2QVFXT3OG5EPTN5SGTVGQ6EK74OSKOHKA6AWHG72E2X2OELNHW2ZEAAO4A.woff2") format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto;font-style:normal;font-weight:400 700;font-display:swap;src:url("./roboto-cyrillic-UOQEFMFIIW2G3ZGCOK6KC3SI2XZTEODNYPKON2GPJ26GGI4JKDBGLVNBWOKV2JL76EX2HTWSET7RDAMDQUSWPBTBEEYL2NO32X7CAMY.woff2") format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Roboto;font-style:normal;font-weight:400 700;font-display:swap;src:url("./roboto-greek-ext-HLIDUAQUMJAPRKH5IKK4PHOM5FMXFQUQESAGQWCNH2QWPKFRSMKG5C3P7ARYJAWWUNKXH27YPMMCCIV5VWDOVS5VXFVOABQB25ZGPWY.woff2") format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Roboto;font-style:normal;font-weight:400 700;font-display:swap;src:url("./roboto-greek-V6Z6QLDRH7NSCUY7UFS2JRZVPELJI3COWQJ7B4SXL4WR63GDCAPXT2ZVSYALKVDEX2C7DKL43J77KYHNZH644JWFWSFYKSLXU2QATTY.woff2") format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Roboto;font-style:normal;font-weight:400 700;font-display:swap;src:url("./roboto-math-2L2W7CWFYHLJEMZJU33TDVBWG2BKGNSJN23QW6YJP5DD4SNLTCWCWZDSOSR6YIGXCAFEEO7IOVCKYBUVMZH7475X45NUPFFK3GBYXLQ.woff2") format("woff2");unicode-range:U+0302-0303,U+0305,U+0307-0308,U+0310,U+0312,U+0315,U+031A,U+0326-0327,U+032C,U+032F-0330,U+0332-0333,U+0338,U+033A,U+0346,U+034D,U+0391-03A1,U+03A3-03A9,U+03B1-03C9,U+03D1,U+03D5-03D6,U+03F0-03F1,U+03F4-03F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE00-1EEFF}@font-face{font-family:Roboto;font-style:normal;font-weight:400 700;font-display:swap;src:url("./roboto-symbols-RE7ZNFPORB7O2ABEN4SNJ3B6C7WWJYVPJ6VQKX4VC6K7KDJU6NUFVL6PXWUUGBQKCMWEEFU5F324THJ5WT5ZAHKXUCPHCK2P6AVP3EQ.woff2") format("woff2");unicode-range:U+0001-000C,U+000E-001F,U+007F-009F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+2800-28FF,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B00-2BFF,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F000-1F0FF,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F700-1F7FF,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB00-1FBFF}@font-face{font-family:Roboto;font-style:normal;font-weight:400 700;font-display:swap;src:url("./roboto-vietnamese-KHX2JQXYN3WZSWBCPV5IP6YI5N4VZVDY4SEJ4Y6PIDV4YHYZTGIP3L3ZWZBRBVDJR4KFT24RHFS3HGMDHKN2Y63C7LDY537JUNYROAY.woff2") format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto;font-style:normal;font-weight:400 700;font-display:swap;src:url("./roboto-latin-ext-N7UN6E6G3PDTRMOP2QGBJPNBTXFGCFFTUT2SD72G7J7L4JPWZYIQI235IHA2QUUNEKKK72S2DSMF75B5WN5C3YBIYH5WDNYZOIINVQI.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto;font-style:normal;font-weight:400 700;font-display:swap;src:url("./roboto-latin-NSMZIZTHHSMHHMNRCLLKXFOHZ3FZSRT6UFLOHYCGWVGF6PIQTQ4ELMC4XMVAERORPBBQY6ZM5LGVCEHX3D5PPYCBCAHUJBJLBQU75GQ.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url("./jetbrains-mono-latin-A2M47P7SEIN4AL42MLYCGGIUJJCOQ27OTQSEIFSL2LLLVEHRMGCRW4NN5KMCZRQVGDG34KZDES6FNRWCPJIDSQXLVPKII7LWSJVIGWI.woff2") format("woff2");unicode-range:U+0020-007E,U+00A0-00FF,U+2010-2027,U+2030-203A,U+2212}@font-face{font-family:Newsreader;font-style:italic;font-weight:400;font-display:swap;src:url("./newsreader-italic-latin-ext-F4NYPQYXCQ7WIWIZ4RDNRSBFUSV6ZEB5HVZX5EQ7F5FDFIRT2VFLNCVMMP5YBP3EJWCP4QC7KCMPR3YECPY47OD2JNVQKFYSQV4GF7Y.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Newsreader;font-style:italic;font-weight:400;font-display:swap;src:url("./newsreader-italic-latin-V63SIAC5CYCTVITMXBH5UV6LTL5ZL27ICZDRQLMHDOUUMSFP26Z57OWZ544DU5L2E5KGIOJQ4VHGVJQ4PTIQAOQMZPL7KDUDKRQL64I.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Newsreader;font-style:normal;font-weight:400 600;font-display:swap;src:url("./newsreader-latin-ext-TMNM2TZRTXIHRQGIADX7SVORFNZZXLS5SM5AWRLPRWJWREOEF5DL72463Z72WAR7VCWCYDA5KDMLOEK7TTUIGGOGYRW6A7PTTBGPZJI.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Newsreader;font-style:normal;font-weight:400 600;font-display:swap;src:url("./newsreader-latin-SQCOIZEFQKN6D6DQZQTOG7KUYZ5OGHE5E5QNLPJPW4CN7WJVKGOOMITMRLLHCKSX4WDAWCJYAWDTHOVT7GVCEG6OL3F2SYFMHDZQ22A.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url("./press-start-2p-latin-ext-OA4P6WYHSREOBISXRMMGRFUF67KAY3PYGHKYO6ULXEBVUREJRPHQLWGSCY5TYXEVC6QTHKCVOD5MITBI5VDYHSWJSH3AGONY3NL5BVA.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url("./press-start-2p-latin-2CFFN3B4J7SK2H337YQZDUYK3AIMMYFWFPPJ5U66LUWIVHJ4Q73VKRXPQOJZJ4EEZN4Y2FTVULAOXLHFEIFLFUOKFC7MMDQP3OSO4EI.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fredoka;font-style:normal;font-weight:400 600;font-display:swap;src:url("./fredoka-latin-ext-HGA7T3YUYHWG2NQAONDSXBAAYTFAP6NCKPX4JRIVOTO2HRHHYJI2H5GC2C2LSG56D7STGFREPTBTVOJBJWSPY5ICKOISMAXOWXL5QMI.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka;font-style:normal;font-weight:400 600;font-display:swap;src:url("./fredoka-latin-HTBTEMQQVMM5YB2RH32N6C6J5N5YLMAUH6RZYN6XTNX5WG4DBHJUXFWEKLZGJU5LHJAJWWTVY2DS2SGCF5KK5LIF46CFIACBAZKGAZY.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo;font-style:normal;font-weight:400 800;font-display:swap;src:url("./archivo-latin-ext-E56YURGMLZEVTREPDA7HJQ7QGWDIVKFJR4LGN4BJXLDXVQMWLAN5AKP3WY7ADQWUMMBN6YGUP234UVVI67KNNI5PPEYETYC2O3G7D4I.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo;font-style:normal;font-weight:400 800;font-display:swap;src:url("./archivo-latin-2QHDWGEXGBE5TM4LL2OIGIQRMPQQHRL4ZGJZFV3CTIUTJG67UQ4KF2IZO6UR3AXRUS6RS4IKGY3Q4GAQ72MPVMZ47VJHCYXDIH5VHYQ.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bebas Neue;font-style:normal;font-weight:400;font-display:swap;src:url("./bebas-neue-latin-ext-TNS2Z5BWLEUAYRPJFXVNUPJQBY53WIKNSPJMAVSPS643J52PZREWB5MEX4YTUI3MSAP6DMQZB6WO6JGQ5VZ43Z7J5IVEH3ZTG63HBDY.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bebas Neue;font-style:normal;font-weight:400;font-display:swap;src:url("./bebas-neue-latin-PN7KJHQWYUSVHFEHFQ2G5IIJWZUHCAOAHZWGT73DJ47IGXMPL7EHU3UYI3Q53FPJWTSULEVCUJXNCOO3C3BVSWGGVPLOQ575LOZPTLI.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--radius-btn: 10px;--radius-sm: 8px;--ease: cubic-bezier(.2, .8, .2, 1);--dur-fast: .12s;--dur: .2s;--dur-slow: .32s}:root,.over-film,.stage.immersive .controls{--bg: #14100d;--panel: #241c17;--panel-2: #2e241d;--text: #f3e9e1;--muted: #ab9484;--accent: #ff8a3d;--accent-2: #ffb37a;--accent-soft: #6b3c17;--on-accent: #2a1608;--danger: #ff5c5c;--elevation-1: 0 1px 2px rgb(0 0 0 / .5), 0 4px 14px rgb(0 0 0 / .45);--elevation-2: 0 2px 4px rgb(0 0 0 / .5), 0 10px 28px rgb(0 0 0 / .5);--line: color-mix(in srgb, var(--text) 15%, transparent);color-scheme:dark}:root[data-theme=light]{--bg: #f2e6d8;--panel: #fffaf6;--panel-2: #f6e9dd;--text: #2b2016;--muted: #786755;--accent: #ad4e00;--accent-2: #9c5a24;--accent-soft: #ffdcb0;--on-accent: #ffffff;--danger: #c3352e;--elevation-1: 0 1px 2px rgb(43 32 22 / .08), 0 4px 14px rgb(43 32 22 / .1);--elevation-2: 0 1px 2px rgb(43 32 22 / .06), 0 10px 28px rgb(43 32 22 / .1);--line: var(--panel-2);color-scheme:light}:root[data-palette=ocean],:root[data-palette=ocean] .over-film,:root[data-palette=ocean] .stage.immersive .controls{--bg: #0c1117;--panel: #151d27;--panel-2: #1c2632;--text: #e6eef6;--muted: #8a9bb0;--accent: #4aa8ff;--accent-2: #8cc8ff;--accent-soft: #173a5c;--on-accent: #06182a;--danger: #ff6b6b}:root[data-palette=ocean][data-theme=light]{--bg: #e4ecf4;--panel: #f8fbfe;--panel-2: #e8f0f8;--text: #13202d;--muted: #5b6b7d;--accent: #1c6dc1;--accent-2: #1b5a9c;--accent-soft: #cfe4fb;--on-accent: #ffffff;--danger: #c4362f;--elevation-1: 0 1px 2px rgb(19 32 45 / .08), 0 4px 14px rgb(19 32 45 / .1);--elevation-2: 0 1px 2px rgb(19 32 45 / .06), 0 10px 28px rgb(19 32 45 / .1)}:root[data-palette=forest],:root[data-palette=forest] .over-film,:root[data-palette=forest] .stage.immersive .controls{--bg: #0e130f;--panel: #172019;--panel-2: #1e2a21;--text: #e7f0e8;--muted: #93a796;--accent: #5cc97a;--accent-2: #9ee0ae;--accent-soft: #1f4a2b;--on-accent: #08200f;--danger: #ff6b6b}:root[data-palette=forest][data-theme=light]{--bg: #e6eee5;--panel: #fafdf9;--panel-2: #eaf2e8;--text: #17231a;--muted: #5f7263;--accent: #267b42;--accent-2: #256f3b;--accent-soft: #d2edd9;--on-accent: #ffffff;--danger: #c4362f;--elevation-1: 0 1px 2px rgb(23 35 26 / .08), 0 4px 14px rgb(23 35 26 / .1);--elevation-2: 0 1px 2px rgb(23 35 26 / .06), 0 10px 28px rgb(23 35 26 / .1)}:root[data-palette=grape],:root[data-palette=grape] .over-film,:root[data-palette=grape] .stage.immersive .controls{--bg: #120f18;--panel: #1d1826;--panel-2: #262030;--text: #efe9f7;--muted: #a397b4;--accent: #b084ff;--accent-2: #cfb3ff;--accent-soft: #3f2a66;--on-accent: #1a0b33;--danger: #ff6b6b}:root[data-palette=grape][data-theme=light]{--bg: #ece6f4;--panel: #fcfaff;--panel-2: #f1ebf9;--text: #221a2e;--muted: #6e6280;--accent: #7a4fd0;--accent-2: #6340ad;--accent-soft: #e4d8fb;--on-accent: #ffffff;--danger: #c4362f;--elevation-1: 0 1px 2px rgb(34 26 46 / .08), 0 4px 14px rgb(34 26 46 / .1);--elevation-2: 0 1px 2px rgb(34 26 46 / .06), 0 10px 28px rgb(34 26 46 / .1)}:root[data-palette=rose],:root[data-palette=rose] .over-film,:root[data-palette=rose] .stage.immersive .controls{--bg: #170f12;--panel: #24181d;--panel-2: #2e1f25;--text: #f6e9ee;--muted: #b391a0;--accent: #ff6f9c;--accent-2: #ffa8c3;--accent-soft: #5e2238;--on-accent: #2c0714;--danger: #ff7a5c}:root[data-palette=rose][data-theme=light]{--bg: #f5e6eb;--panel: #fffafc;--panel-2: #f8eaef;--text: #2c1a21;--muted: #806270;--accent: #c13364;--accent-2: #a52f57;--accent-soft: #fbd7e3;--on-accent: #ffffff;--danger: #b8401f;--elevation-1: 0 1px 2px rgb(44 26 33 / .08), 0 4px 14px rgb(44 26 33 / .1);--elevation-2: 0 1px 2px rgb(44 26 33 / .06), 0 10px 28px rgb(44 26 33 / .1)}:root[data-palette=slate],:root[data-palette=slate] .over-film,:root[data-palette=slate] .stage.immersive .controls{--bg: #111214;--panel: #1b1d20;--panel-2: #24272b;--text: #eceef0;--muted: #9aa0a6;--accent: #3fc1c9;--accent-2: #86dde2;--accent-soft: #1c4549;--on-accent: #04262a;--danger: #ff6b6b}:root[data-palette=slate][data-theme=light]{--bg: #e9ebee;--panel: #ffffff;--panel-2: #eff1f4;--text: #1a1d21;--muted: #636a73;--accent: #0d7980;--accent-2: #106b71;--accent-soft: #cdeef0;--on-accent: #ffffff;--danger: #c4362f;--elevation-1: 0 1px 2px rgb(26 29 33 / .08), 0 4px 14px rgb(26 29 33 / .1);--elevation-2: 0 1px 2px rgb(26 29 33 / .06), 0 10px 28px rgb(26 29 33 / .1)}:root[data-palette=honey],:root[data-palette=honey] .over-film,:root[data-palette=honey] .stage.immersive .controls{--bg: #13110b;--panel: #1f1b12;--panel-2: #29241a;--text: #f4eedf;--muted: #ab9f86;--accent: #f5b830;--accent-2: #ffd578;--accent-soft: #5a4312;--on-accent: #2a1d00;--danger: #ff6b6b}:root[data-palette=honey][data-theme=light]{--bg: #f3ecd9;--panel: #fffcf3;--panel-2: #f7f0de;--text: #2a2313;--muted: #6e624b;--accent: #8a5e00;--accent-2: #775100;--accent-soft: #fbe7b0;--on-accent: #ffffff;--danger: #c4362f;--elevation-1: 0 1px 2px rgb(42 35 19 / .08), 0 4px 14px rgb(42 35 19 / .1);--elevation-2: 0 1px 2px rgb(42 35 19 / .06), 0 10px 28px rgb(42 35 19 / .1)}:root[data-palette=lime],:root[data-palette=lime] .over-film,:root[data-palette=lime] .stage.immersive .controls{--bg: #10130b;--panel: #1a1f12;--panel-2: #232a18;--text: #eef3e2;--muted: #9eaa88;--accent: #b6e04a;--accent-2: #d4f08a;--accent-soft: #3d4d16;--on-accent: #1a2400;--danger: #ff6b6b}:root[data-palette=lime][data-theme=light]{--bg: #eaefdc;--panel: #fbfdf5;--panel-2: #eff4e2;--text: #1d2410;--muted: #5f6a4c;--accent: #547808;--accent-2: #486806;--accent-soft: #e0efb8;--on-accent: #ffffff;--danger: #c4362f;--elevation-1: 0 1px 2px rgb(29 36 16 / .08), 0 4px 14px rgb(29 36 16 / .1);--elevation-2: 0 1px 2px rgb(29 36 16 / .06), 0 10px 28px rgb(29 36 16 / .1)}:root[data-palette=indigo],:root[data-palette=indigo] .over-film,:root[data-palette=indigo] .stage.immersive .controls{--bg: #0e0f1a;--panel: #171a2b;--panel-2: #1f2338;--text: #e8eaf8;--muted: #9398b8;--accent: #8a94ff;--accent-2: #b8beff;--accent-soft: #2c3270;--on-accent: #0b0f3a;--danger: #ff6b6b}:root[data-palette=indigo][data-theme=light]{--bg: #e6e8f5;--panel: #fafbff;--panel-2: #eceef9;--text: #181b33;--muted: #5c6082;--accent: #4a53d6;--accent-2: #3d45b3;--accent-soft: #dcdffb;--on-accent: #ffffff;--danger: #c4362f;--elevation-1: 0 1px 2px rgb(24 27 51 / .08), 0 4px 14px rgb(24 27 51 / .1);--elevation-2: 0 1px 2px rgb(24 27 51 / .06), 0 10px 28px rgb(24 27 51 / .1)}:root[data-palette=cinema],:root[data-palette=cinema] .over-film,:root[data-palette=cinema] .stage.immersive .controls{--bg: #000000;--panel: #0c0c0d;--panel-2: #161618;--text: #f2f2f2;--muted: #9a9a9e;--accent: #ff4d5e;--accent-2: #ff8a95;--accent-soft: #5a1620;--on-accent: #2a0006;--danger: #ffa94d}:root[data-palette=cinema][data-theme=light]{--bg: #ececec;--panel: #ffffff;--panel-2: #f2f2f3;--text: #141414;--muted: #626266;--accent: #c8102e;--accent-2: #a50e27;--accent-soft: #fdd5da;--on-accent: #ffffff;--danger: #b35300;--elevation-1: 0 1px 2px rgb(20 20 20 / .08), 0 4px 14px rgb(20 20 20 / .1);--elevation-2: 0 1px 2px rgb(20 20 20 / .06), 0 10px 28px rgb(20 20 20 / .1)}:root[data-palette=mono],:root[data-palette=mono] .over-film,:root[data-palette=mono] .stage.immersive .controls{--bg: #0f0f0f;--panel: #1a1a1a;--panel-2: #242424;--text: #ededed;--muted: #a0a0a0;--accent: #e6e6e6;--accent-2: #bdbdbd;--accent-soft: #3d3d3d;--on-accent: #141414;--danger: #ff6b6b}:root[data-palette=mono][data-theme=light]{--bg: #e8e8e8;--panel: #ffffff;--panel-2: #f0f0f0;--text: #161616;--muted: #5f5f5f;--accent: #262626;--accent-2: #4a4a4a;--accent-soft: #dcdcdc;--on-accent: #ffffff;--danger: #c4362f;--elevation-1: 0 1px 2px rgb(22 22 22 / .08), 0 4px 14px rgb(22 22 22 / .1);--elevation-2: 0 1px 2px rgb(22 22 22 / .06), 0 10px 28px rgb(22 22 22 / .1)}:root[data-palette=frost],:root[data-palette=frost] .over-film,:root[data-palette=frost] .stage.immersive .controls{--bg: #20242d;--panel: #2a2f3a;--panel-2: #333946;--text: #eceff4;--muted: #a3acbd;--accent: #88c0d0;--accent-2: #a9d3de;--accent-soft: #3b5563;--on-accent: #16262d;--danger: #f08a8a}:root[data-palette=frost][data-theme=light]{--bg: #e3e8ef;--panel: #f8fafc;--panel-2: #eceff4;--text: #2e3440;--muted: #58616f;--accent: #296d82;--accent-2: #215e70;--accent-soft: #cfe6ee;--on-accent: #ffffff;--danger: #b8434c;--elevation-1: 0 1px 2px rgb(46 52 64 / .08), 0 4px 14px rgb(46 52 64 / .1);--elevation-2: 0 1px 2px rgb(46 52 64 / .06), 0 10px 28px rgb(46 52 64 / .1)}:root[data-palette=mint],:root[data-palette=mint] .over-film,:root[data-palette=mint] .stage.immersive .controls{--bg: #0b1411;--panel: #13201c;--panel-2: #182924;--text: #e5f2ed;--muted: #8da99e;--accent: #49daac;--accent-2: #9bebcc;--accent-soft: #074b3a;--on-accent: #00241a;--danger: #ff6b6b}:root[data-palette=mint][data-theme=light]{--bg: #e0efe9;--panel: #f8fdfb;--panel-2: #e6f4ee;--text: #0f241e;--muted: #557067;--accent: #05785b;--accent-2: #04684e;--accent-soft: #c9efdf;--on-accent: #ffffff;--danger: #c4362f;--elevation-1: 0 1px 2px rgb(15 36 30 / .08), 0 4px 14px rgb(15 36 30 / .1);--elevation-2: 0 1px 2px rgb(15 36 30 / .06), 0 10px 28px rgb(15 36 30 / .1)}:root[data-palette=orchid],:root[data-palette=orchid] .over-film,:root[data-palette=orchid] .stage.immersive .controls{--bg: #160f16;--panel: #231723;--panel-2: #2d1e2d;--text: #f5ebf5;--muted: #af94b0;--accent: #e178e8;--accent-2: #ecafef;--accent-soft: #562159;--on-accent: #29062c;--danger: #ff6b6b}:root[data-palette=orchid][data-theme=light]{--bg: #f1e5f1;--panel: #fefafe;--panel-2: #f6eaf6;--text: #29182a;--muted: #785f79;--accent: #a536ad;--accent-2: #872d8e;--accent-soft: #f3d7f4;--on-accent: #ffffff;--danger: #c4362f;--elevation-1: 0 1px 2px rgb(41 24 42 / .08), 0 4px 14px rgb(41 24 42 / .1);--elevation-2: 0 1px 2px rgb(41 24 42 / .06), 0 10px 28px rgb(41 24 42 / .1)}:root[data-palette=mocha],:root[data-palette=mocha] .over-film,:root[data-palette=mocha] .stage.immersive .controls{--bg: #231811;--panel: #30221a;--panel-2: #3a2a20;--text: #f3eadb;--muted: #baa794;--accent: #e5b37e;--accent-2: #edcfaa;--accent-soft: #614731;--on-accent: #2f1d12;--danger: #ff7b72}:root[data-palette=mocha][data-theme=light]{--bg: #efe3d3;--panel: #fef9f1;--panel-2: #f6ebdd;--text: #322318;--muted: #766252;--accent: #8a542d;--accent-2: #744624;--accent-soft: #f2dabf;--on-accent: #ffffff;--danger: #c4362f;--elevation-1: 0 1px 2px rgb(50 35 24 / .08), 0 4px 14px rgb(50 35 24 / .1);--elevation-2: 0 1px 2px rgb(50 35 24 / .06), 0 10px 28px rgb(50 35 24 / .1)}:root[data-palette=solar],:root[data-palette=solar] .over-film,:root[data-palette=solar] .stage.immersive .controls{--bg: #002b36;--panel: #073642;--panel-2: #123d48;--text: #f1ebd5;--muted: #9dafb0;--accent: #eab532;--accent-2: #f0d17d;--accent-soft: #594c1a;--on-accent: #002631;--danger: #ff8080}:root[data-palette=solar][data-theme=light]{--bg: #eee8d5;--panel: #fdf6e3;--panel-2: #f6eed8;--text: #04313c;--muted: #4d656b;--accent: #826401;--accent-2: #6e5400;--accent-soft: #f1e2a9;--on-accent: #ffffff;--danger: #c4362f;--elevation-1: 0 1px 2px rgb(4 49 60 / .08), 0 4px 14px rgb(4 49 60 / .1);--elevation-2: 0 1px 2px rgb(4 49 60 / .06), 0 10px 28px rgb(4 49 60 / .1)}:root[data-palette=wine],:root[data-palette=wine] .over-film,:root[data-palette=wine] .stage.immersive .controls{--bg: #1d0c0f;--panel: #2b1317;--panel-2: #361a1f;--text: #f8ebe7;--muted: #b99897;--accent: #ebc57d;--accent-2: #f3dba9;--accent-soft: #583b23;--on-accent: #361119;--danger: #ff6b6b}:root[data-palette=wine][data-theme=light]{--bg: #f8e2e2;--panel: #fefbfa;--panel-2: #fde9ea;--text: #39131b;--muted: #835d62;--accent: #85581b;--accent-2: #704913;--accent-soft: #f3debd;--on-accent: #ffffff;--danger: #c4362f;--elevation-1: 0 1px 2px rgb(57 19 27 / .08), 0 4px 14px rgb(57 19 27 / .1);--elevation-2: 0 1px 2px rgb(57 19 27 / .06), 0 10px 28px rgb(57 19 27 / .1)}:root[data-palette=neon],:root[data-palette=neon] .over-film,:root[data-palette=neon] .stage.immersive .controls{--bg: #0d0a1d;--panel: #18132d;--panel-2: #221c3a;--text: #f0ecfa;--muted: #a69fc1;--accent: #44e7ef;--accent-2: #a0f2f6;--accent-soft: #00494f;--on-accent: #001f24;--danger: #ff6b6b}:root[data-palette=neon][data-theme=light]{--bg: #e9e5f7;--panel: #fcfbfe;--panel-2: #efecfc;--text: #1d1833;--muted: #656181;--accent: #047781;--accent-2: #02646d;--accent-soft: #c7edef;--on-accent: #ffffff;--danger: #c4362f;--elevation-1: 0 1px 2px rgb(29 24 51 / .08), 0 4px 14px rgb(29 24 51 / .1);--elevation-2: 0 1px 2px rgb(29 24 51 / .06), 0 10px 28px rgb(29 24 51 / .1)}:root[data-palette=ember][data-dark=dim]:not([data-theme=light]),:root[data-palette=ember][data-dark=dim]:not([data-theme=light]) .over-film,:root[data-palette=ember][data-dark=dim]:not([data-theme=light]) .stage.immersive .controls{--bg: #2a2622;--panel: #39312b;--panel-2: #443a33;--muted: #b9a597;--accent-soft: #724521;--danger: #ff8383}:root[data-palette=ocean][data-dark=dim]:not([data-theme=light]),:root[data-palette=ocean][data-dark=dim]:not([data-theme=light]) .over-film,:root[data-palette=ocean][data-dark=dim]:not([data-theme=light]) .stage.immersive .controls{--bg: #22272d;--panel: #2a323c;--panel-2: #323c48;--muted: #99a8bb;--accent: #55adff;--accent-soft: #214364;--danger: #ff8080}:root[data-palette=forest][data-dark=dim]:not([data-theme=light]),:root[data-palette=forest][data-dark=dim]:not([data-theme=light]) .over-film,:root[data-palette=forest][data-dark=dim]:not([data-theme=light]) .stage.immersive .controls{--bg: #242925;--panel: #2c352e;--panel-2: #344037;--muted: #9bae9e;--accent-soft: #295234;--danger: #ff8686}:root[data-palette=grape][data-dark=dim]:not([data-theme=light]),:root[data-palette=grape][data-dark=dim]:not([data-theme=light]) .over-film,:root[data-palette=grape][data-dark=dim]:not([data-theme=light]) .stage.immersive .controls{--bg: #28252e;--panel: #322d3b;--panel-2: #3c3646;--muted: #ab9fbb;--accent: #b890ff;--accent-soft: #48346d;--danger: #ff7d7d}:root[data-palette=rose][data-dark=dim]:not([data-theme=light]),:root[data-palette=rose][data-dark=dim]:not([data-theme=light]) .over-film,:root[data-palette=rose][data-dark=dim]:not([data-theme=light]) .stage.immersive .controls{--bg: #2d2528;--panel: #392d32;--panel-2: #44353b;--muted: #bb9ca9;--accent: #ff78a2;--accent-soft: #662c41;--danger: #ff7f63}:root[data-palette=slate][data-dark=dim]:not([data-theme=light]),:root[data-palette=slate][data-dark=dim]:not([data-theme=light]) .over-film,:root[data-palette=slate][data-dark=dim]:not([data-theme=light]) .stage.immersive .controls{--bg: #27282a;--panel: #303235;--panel-2: #3a3d41;--muted: #a4a9af;--accent-soft: #264d51;--danger: #ff8686}:root[data-palette=honey][data-dark=dim]:not([data-theme=light]),:root[data-palette=honey][data-dark=dim]:not([data-theme=light]) .over-film,:root[data-palette=honey][data-dark=dim]:not([data-theme=light]) .stage.immersive .controls{--bg: #2a2720;--panel: #343027;--panel-2: #3f3a30;--muted: #b1a58d;--accent-soft: #624c1c;--danger: #ff8080}:root[data-palette=lime][data-dark=dim]:not([data-theme=light]),:root[data-palette=lime][data-dark=dim]:not([data-theme=light]) .over-film,:root[data-palette=lime][data-dark=dim]:not([data-theme=light]) .stage.immersive .controls{--bg: #262921;--panel: #2f3427;--panel-2: #39402e;--muted: #a3ae8d;--accent-soft: #465520;--danger: #ff8686}:root[data-palette=indigo][data-dark=dim]:not([data-theme=light]),:root[data-palette=indigo][data-dark=dim]:not([data-theme=light]) .over-film,:root[data-palette=indigo][data-dark=dim]:not([data-theme=light]) .stage.immersive .controls{--bg: #242530;--panel: #2c2f40;--panel-2: #35394d;--muted: #9fa3c1;--accent: #939dff;--accent-soft: #353b77;--danger: #ff7d7d}:root[data-palette=cinema][data-dark=dim]:not([data-theme=light]),:root[data-palette=cinema][data-dark=dim]:not([data-theme=light]) .over-film,:root[data-palette=cinema][data-dark=dim]:not([data-theme=light]) .stage.immersive .controls{--bg: #181818;--panel: #232324;--panel-2: #2e2e30;--accent: #ff6271;--accent-soft: #62212b}:root[data-palette=mono][data-dark=dim]:not([data-theme=light]),:root[data-palette=mono][data-dark=dim]:not([data-theme=light]) .over-film,:root[data-palette=mono][data-dark=dim]:not([data-theme=light]) .stage.immersive .controls{--bg: #252525;--panel: #2f2f2f;--panel-2: #3a3a3a;--muted: #a5a5a5;--accent-soft: #464646;--danger: #ff8080}:root[data-palette=frost][data-dark=dim]:not([data-theme=light]),:root[data-palette=frost][data-dark=dim]:not([data-theme=light]) .over-film,:root[data-palette=frost][data-dark=dim]:not([data-theme=light]) .stage.immersive .controls{--bg: #343841;--panel: #3d424d;--panel-2: #474d59;--muted: #b9c0ce;--accent: #96c8d6;--accent-soft: #445d6a;--danger: #f5adad}:root[data-palette=mint][data-dark=dim]:not([data-theme=light]),:root[data-palette=mint][data-dark=dim]:not([data-theme=light]) .over-film,:root[data-palette=mint][data-dark=dim]:not([data-theme=light]) .stage.immersive .controls{--bg: #212a27;--panel: #283531;--panel-2: #2f3f3a;--muted: #92ada2;--accent-soft: #125343;--danger: #ff8181}:root[data-palette=orchid][data-dark=dim]:not([data-theme=light]),:root[data-palette=orchid][data-dark=dim]:not([data-theme=light]) .over-film,:root[data-palette=orchid][data-dark=dim]:not([data-theme=light]) .stage.immersive .controls{--bg: #2c252c;--panel: #382c38;--panel-2: #433543;--muted: #b69cb6;--accent: #e27fe9;--accent-soft: #5e2b61;--danger: #ff7c7c}:root[data-palette=mocha][data-dark=dim]:not([data-theme=light]),:root[data-palette=mocha][data-dark=dim]:not([data-theme=light]) .over-film,:root[data-palette=mocha][data-dark=dim]:not([data-theme=light]) .stage.immersive .controls{--bg: #382d25;--panel: #44362d;--panel-2: #4e3f35;--muted: #bfad9a;--accent-soft: #684f3a;--danger: #ff9089}:root[data-palette=solar][data-dark=dim]:not([data-theme=light]),:root[data-palette=solar][data-dark=dim]:not([data-theme=light]) .over-film,:root[data-palette=solar][data-dark=dim]:not([data-theme=light]) .stage.immersive .controls{--bg: #183e46;--panel: #1e4851;--panel-2: #2b5058;--muted: #b3bfba;--accent-soft: #615423;--danger: #ffa3a3}:root[data-palette=wine][data-dark=dim]:not([data-theme=light]),:root[data-palette=wine][data-dark=dim]:not([data-theme=light]) .over-film,:root[data-palette=wine][data-dark=dim]:not([data-theme=light]) .stage.immersive .controls{--bg: #332225;--panel: #40292c;--panel-2: #4b3135;--muted: #bb9b99;--accent-soft: #60442d;--danger: #ff7979}:root[data-palette=neon][data-dark=dim]:not([data-theme=light]),:root[data-palette=neon][data-dark=dim]:not([data-theme=light]) .over-film,:root[data-palette=neon][data-dark=dim]:not([data-theme=light]) .stage.immersive .controls{--bg: #242133;--panel: #2e2942;--panel-2: #39334f;--accent-soft: #0c5158;--danger: #ff7676}:root[data-palette=ember][data-dark=black]:not([data-theme=light]),:root[data-palette=ember][data-dark=black]:not([data-theme=light]) .over-film,:root[data-palette=ember][data-dark=black]:not([data-theme=light]) .stage.immersive .controls{--bg: #000000;--panel: #120e0c;--panel-2: #1e1713}:root[data-palette=ocean][data-dark=black]:not([data-theme=light]),:root[data-palette=ocean][data-dark=black]:not([data-theme=light]) .over-film,:root[data-palette=ocean][data-dark=black]:not([data-theme=light]) .stage.immersive .controls{--bg: #000000;--panel: #0b0f14;--panel-2: #121921}:root[data-palette=forest][data-dark=black]:not([data-theme=light]),:root[data-palette=forest][data-dark=black]:not([data-theme=light]) .over-film,:root[data-palette=forest][data-dark=black]:not([data-theme=light]) .stage.immersive .controls{--bg: #000000;--panel: #0c100d;--panel-2: #141b15}:root[data-palette=grape][data-dark=black]:not([data-theme=light]),:root[data-palette=grape][data-dark=black]:not([data-theme=light]) .over-film,:root[data-palette=grape][data-dark=black]:not([data-theme=light]) .stage.immersive .controls{--bg: #000000;--panel: #0f0c13;--panel-2: #19151f}:root[data-palette=rose][data-dark=black]:not([data-theme=light]),:root[data-palette=rose][data-dark=black]:not([data-theme=light]) .over-film,:root[data-palette=rose][data-dark=black]:not([data-theme=light]) .stage.immersive .controls{--bg: #000000;--panel: #120c0f;--panel-2: #1e1418}:root[data-palette=slate][data-dark=black]:not([data-theme=light]),:root[data-palette=slate][data-dark=black]:not([data-theme=light]) .over-film,:root[data-palette=slate][data-dark=black]:not([data-theme=light]) .stage.immersive .controls{--bg: #000000;--panel: #0e0f10;--panel-2: #17191c}:root[data-palette=honey][data-dark=black]:not([data-theme=light]),:root[data-palette=honey][data-dark=black]:not([data-theme=light]) .over-film,:root[data-palette=honey][data-dark=black]:not([data-theme=light]) .stage.immersive .controls{--bg: #000000;--panel: #100e09;--panel-2: #1b1711}:root[data-palette=lime][data-dark=black]:not([data-theme=light]),:root[data-palette=lime][data-dark=black]:not([data-theme=light]) .over-film,:root[data-palette=lime][data-dark=black]:not([data-theme=light]) .stage.immersive .controls{--bg: #000000;--panel: #0d1009;--panel-2: #171b10}:root[data-palette=indigo][data-dark=black]:not([data-theme=light]),:root[data-palette=indigo][data-dark=black]:not([data-theme=light]) .over-film,:root[data-palette=indigo][data-dark=black]:not([data-theme=light]) .stage.immersive .controls{--bg: #000000;--panel: #0c0d16;--panel-2: #141724}:root[data-palette=cinema][data-dark=black]:not([data-theme=light]),:root[data-palette=cinema][data-dark=black]:not([data-theme=light]) .over-film,:root[data-palette=cinema][data-dark=black]:not([data-theme=light]) .stage.immersive .controls{--bg: #000000;--panel: #060607;--panel-2: #0e0e10}:root[data-palette=mono][data-dark=black]:not([data-theme=light]),:root[data-palette=mono][data-dark=black]:not([data-theme=light]) .over-film,:root[data-palette=mono][data-dark=black]:not([data-theme=light]) .stage.immersive .controls{--bg: #000000;--panel: #0d0d0d;--panel-2: #171717}:root[data-palette=frost][data-dark=black]:not([data-theme=light]),:root[data-palette=frost][data-dark=black]:not([data-theme=light]) .over-film,:root[data-palette=frost][data-dark=black]:not([data-theme=light]) .stage.immersive .controls{--bg: #000000;--panel: #15181d;--panel-2: #21252e}:root[data-palette=mint][data-dark=black]:not([data-theme=light]),:root[data-palette=mint][data-dark=black]:not([data-theme=light]) .over-film,:root[data-palette=mint][data-dark=black]:not([data-theme=light]) .stage.immersive .controls{--bg: #000000;--panel: #0a100e;--panel-2: #101b17}:root[data-palette=orchid][data-dark=black]:not([data-theme=light]),:root[data-palette=orchid][data-dark=black]:not([data-theme=light]) .over-film,:root[data-palette=orchid][data-dark=black]:not([data-theme=light]) .stage.immersive .controls{--bg: #000000;--panel: #120c12;--panel-2: #1d141d}:root[data-palette=mocha][data-dark=black]:not([data-theme=light]),:root[data-palette=mocha][data-dark=black]:not([data-theme=light]) .over-film,:root[data-palette=mocha][data-dark=black]:not([data-theme=light]) .stage.immersive .controls{--bg: #000000;--panel: #18110d;--panel-2: #261b15}:root[data-palette=solar][data-dark=black]:not([data-theme=light]),:root[data-palette=solar][data-dark=black]:not([data-theme=light]) .over-film,:root[data-palette=solar][data-dark=black]:not([data-theme=light]) .stage.immersive .controls{--bg: #000000;--panel: #041b21;--panel-2: #0c282f}:root[data-palette=wine][data-dark=black]:not([data-theme=light]),:root[data-palette=wine][data-dark=black]:not([data-theme=light]) .over-film,:root[data-palette=wine][data-dark=black]:not([data-theme=light]) .stage.immersive .controls{--bg: #000000;--panel: #160a0c;--panel-2: #231114}:root[data-palette=neon][data-dark=black]:not([data-theme=light]),:root[data-palette=neon][data-dark=black]:not([data-theme=light]) .over-film,:root[data-palette=neon][data-dark=black]:not([data-theme=light]) .stage.immersive .controls{--bg: #000000;--panel: #0c0a17;--panel-2: #161226}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font:14px/1.4 Roboto,system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}body{-webkit-user-select:none;user-select:none}input:not([type=range]),textarea,[contenteditable],.error{-webkit-user-select:text;user-select:text}:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 60%,transparent);outline-offset:2px}::selection{background:var(--accent-soft);color:var(--text)}.emoji{display:inline-block;width:1.3em;height:1.3em;margin:0 .05em;vertical-align:-.3em;overflow:hidden;background:center / contain no-repeat;color:transparent;-webkit-text-fill-color:transparent;text-shadow:none;line-height:1.3em;white-space:nowrap;text-indent:0}.emoji::selection{color:transparent}img.emoji{object-fit:contain}:root,.over-film{scrollbar-color:color-mix(in srgb,var(--text) 30%,transparent) transparent}input:-webkit-autofill{box-shadow:inset 0 0 0 100vmax var(--panel-2);-webkit-text-fill-color:var(--text);caret-color:var(--text)}input:autofill{box-shadow:inset 0 0 0 100vmax var(--panel-2);-webkit-text-fill-color:var(--text);caret-color:var(--text)}#app{position:relative;display:grid;grid-template-columns:1fr min(var(--side-width, 320px),50%);grid-template-rows:1fr;height:100%}#app.no-queue,#app.queue-leaving{grid-template-columns:1fr 0px}#app.no-queue .side,#app.no-queue .side-edge,#app.queue-moving .side-edge{display:none}#app.queue-moving{transition:grid-template-columns var(--dur-slow) var(--ease),grid-template-rows var(--dur-slow) var(--ease)}#app.three-col{grid-template-columns:min(var(--queue-width, 300px),25%) 1fr min(var(--chat-width, 320px),25%)}#app.three-col.no-queue,#app.three-col.queue-leaving{grid-template-columns:0px 1fr 0px}#app.three-col>#stage{grid-column:2;grid-row:1}#app.three-col>#queue-panel{grid-column:1;grid-row:1}#app.three-col.queue-moving>#queue-panel{justify-self:end}#app.three-col>#chat-panel{grid-column:3;grid-row:1}#app.signed-out{grid-template-columns:1fr;grid-template-rows:1fr}#app.signed-out .controls,#app.signed-out .side,#app.signed-out .side-edge{display:none}.stage{display:flex;flex-direction:column;background:#000;container:player / inline-size;min-width:0;min-height:0}.viewport{position:relative;flex:1;min-height:0;touch-action:manipulation}#app:fullscreen{width:100vw;height:100vh}#app:-webkit-full-screen{width:100vw;height:100vh}#app:fullscreen #settings-btn,#app:fullscreen #edit-lists{display:none}#app:fullscreen .list-open{visibility:hidden}#app:fullscreen .list-open>*{visibility:visible;pointer-events:none}#app:-webkit-full-screen #settings-btn,#app:-webkit-full-screen #edit-lists{display:none}#app:-webkit-full-screen .list-open{visibility:hidden}#app:-webkit-full-screen .list-open>*{visibility:visible;pointer-events:none}.stage.immersive{position:relative}video{position:relative;display:block;width:100%;height:100%;background:transparent;object-fit:contain}.ambient{position:absolute;inset:0;overflow:hidden;pointer-events:none;opacity:0;transition:opacity var(--dur-slow) var(--ease)}.ambient.lit{opacity:.6}.ambient.lit[data-strength=soft]{opacity:.35}.ambient.lit[data-strength=strong]{opacity:.85}.ambient-light{position:absolute;inset:0;filter:blur(var(--ambient-blur, 40px)) saturate(1.3)}.ambient canvas{position:absolute;inset:0;width:100%;height:100%}.captions{position:absolute;pointer-events:none;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:.15em;padding:0 5% calc(var(--caption-size, 20px) * 1.1);box-sizing:border-box;font-size:var(--caption-size, 20px);line-height:1.25;text-align:center;color:#fff;text-shadow:0 0 3px #000,0 0 6px #000,1px 1px 2px #000}.caption{max-width:100%;overflow-wrap:break-word}video.hidden{visibility:hidden;position:absolute}.hold{position:absolute;inset:0;display:grid;place-items:center}.hold-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:brightness(.6)}.placeholder,.gate,.fetching{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:20px}.placeholder h1{margin:0;font-size:20px;font-weight:600;color:var(--text)}.placeholder p,.fetching p{margin:0;color:var(--muted)}.fetching #fetching-label{color:var(--text)}.fetching .fetching-step,.fetching .fetching-facts{margin-top:-6px}.fetching .fetching-facts{font-size:13px;font-variant-numeric:tabular-nums}.fetching .fetching-facts:empty{display:none}.fetching.opening{pointer-events:none}.fetching.measured .spinner{display:none}.fetching.ad{background:#0009;pointer-events:none}.fetching.ad #fetching-label{font-size:17px;font-weight:600}.fetching .fetching-bar{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:180px;height:4px;border:0;border-radius:2px;overflow:hidden;background:var(--panel-2);color:var(--accent)}.fetching .fetching-bar::-webkit-progress-bar{background:var(--panel-2)}.fetching .fetching-bar::-webkit-progress-value{background:var(--accent);transition:width var(--dur) var(--ease)}.fetching .fetching-bar::-moz-progress-bar{background:var(--accent)}.gate{background:#000000a6}.gate button{padding:12px 26px;font-size:15px;font-weight:600;border:0;border-radius:var(--radius-btn);background:var(--accent);color:var(--on-accent);box-shadow:0 2px 6px color-mix(in srgb,var(--accent) 45%,transparent);cursor:pointer}.fetching .share-again{margin-top:4px;padding:10px 22px;font-size:14px;font-weight:600;border:0;border-radius:var(--radius-btn);background:var(--accent);color:var(--on-accent);cursor:pointer}.fetching.asking .spinner{display:none}.spinner{width:30px;height:30px;border:3px solid var(--panel-2);border-top-color:var(--accent);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.controls{position:relative;--played: 0;flex:none;display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--panel-2);box-shadow:var(--elevation-1)}.stage.immersive .controls{position:absolute;inset:auto 0 0;background:none;box-shadow:none;isolation:isolate;opacity:0;pointer-events:none;transition:opacity .2s ease}.stage.immersive .controls:before{content:"";position:absolute;inset:auto 0 0;z-index:-1;height:calc(100% + clamp(60px,10vh,120px));pointer-events:none;background:linear-gradient(to top,#000000bf,#000000be 8.3%,#000000b8 16.7%,#000000ab,#00000097 33.3%,#0000007d 41.7%,#00000060,#00000042 58.3%,#00000028 66.7%,#00000014,#00000007 83.3%,#00000001 91.7%,#0000)}.stage.immersive.awake .controls{opacity:1;pointer-events:auto}.stage.immersive .controls,.stage.immersive .controls .icon{color:var(--text)}.stage.immersive .controls .time,.stage.immersive .controls .icon:disabled,.stage.immersive .controls .icon[aria-disabled=true]{color:var(--muted)}.stage.immersive .controls .icon:hover,.stage.immersive .controls .clock:hover{background:#ffffff29}.stage.immersive .controls .clock-now,.stage.immersive .controls .clock:hover{color:var(--text)}.stage.immersive :is(.seek,.volume-slider){--rest-color: rgb(255 255 255 / .25)}.stage.immersive .controls .volume-pill{background:color-mix(in srgb,var(--bg) 85%,transparent)}.stage.immersive:not(.awake){cursor:none}.icon{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;flex:none;border:0;background:transparent;color:var(--text);font-size:16px;line-height:1;padding:0;border-radius:var(--radius-btn);cursor:pointer;transition:background-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.icon:active:not(:disabled,[aria-disabled=true]){transform:scale(.94)}.icon:hover{background:color-mix(in srgb,var(--text) 12%,transparent)}.icon svg{width:18px;height:18px;flex:none}#toggle{width:40px;height:40px;font-size:15px;background:var(--accent);color:var(--on-accent);box-shadow:0 2px 6px color-mix(in srgb,var(--accent) 45%,transparent)}#toggle:hover{background:var(--accent);filter:brightness(1.08)}#toggle svg{width:20px;height:20px}.time{flex:none;padding:3px 4px;border:0;border-radius:6px;background:transparent;color:var(--muted);font:inherit;font-variant-numeric:tabular-nums;font-size:12px;min-width:42px;text-align:center;cursor:default;transition:color var(--dur-fast) var(--ease),background-color var(--dur-fast) var(--ease)}.clock{display:inline-flex;align-items:baseline;gap:4px;cursor:pointer;white-space:nowrap}.clock-now{display:inline-block;text-align:right;color:var(--text)}.clock-of{opacity:.6}.controls.live .clock-now:not(:empty):before{content:"";display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;vertical-align:1px;background:color-mix(in srgb,var(--text) 45%,transparent)}.controls.live.at-live .clock-now:before{background:#e5484d}.clock:hover{color:var(--text);background:color-mix(in srgb,var(--text) 10%,transparent)}.clock:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 60%,transparent);outline-offset:0}.seek-wrap{position:relative;display:flex;align-items:center;flex:1;min-width:0;--thumb: 14px;touch-action:none}:is(.seek,.volume-slider){height:var(--thumb);margin:0;background:transparent;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;--trail-color: var(--accent-2);--rest-color: color-mix(in srgb, var(--text) 18%, transparent);--track: 4px}.seek{flex:1;min-width:0;--trail: calc(var(--thumb) / 2 + var(--played) * (100% - var(--thumb)))}:is(.seek,.volume-slider)::-webkit-slider-runnable-track{height:var(--track);border-radius:calc(var(--track) / 2);background:linear-gradient(to right,var(--trail-color) var(--trail),var(--rest-color) var(--trail))}:is(.seek,.volume-slider)::-moz-range-track{height:var(--track);border-radius:calc(var(--track) / 2);background:linear-gradient(to right,var(--trail-color) var(--trail),var(--rest-color) var(--trail))}:is(.seek,.volume-slider)::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:var(--thumb);height:var(--thumb);margin-top:calc((var(--track) - var(--thumb)) / 2);border:0;border-radius:50%;background:var(--accent-2)}:is(.seek,.volume-slider)::-moz-range-thumb{width:var(--thumb);height:var(--thumb);border:0;border-radius:50%;background:var(--accent-2)}:is(.seek,.volume-slider):focus-visible{outline:none}.seek-mark{position:absolute;z-index:1;top:50%;left:calc(var(--thumb) / 2 + var(--mark, 0) * (100% - var(--thumb)));width:14px;height:22px;translate:-50% -50%;padding:0;border:0;background:none;cursor:pointer}.seek-mark:before{content:"";position:absolute;top:50%;left:50%;width:3px;height:12px;translate:-50% -50%;border-radius:2px;background:var(--text);box-shadow:0 0 0 1.5px var(--panel-2);transition:height var(--dur-fast) var(--ease)}.seek-mark:hover:before,.seek-mark:focus-visible:before{height:18px;background:var(--accent-2)}.seek-mark:focus-visible{outline:none}.seek:disabled,.seek[aria-disabled=true]{cursor:default;--trail-color: var(--muted)}.seek:disabled::-webkit-slider-thumb{background:var(--muted)}.seek[aria-disabled=true]::-webkit-slider-thumb{background:var(--muted)}.seek:disabled::-moz-range-thumb{background:var(--muted)}.seek[aria-disabled=true]::-moz-range-thumb{background:var(--muted)}.icon:disabled,.icon[aria-disabled=true]{color:var(--muted);cursor:default;background:transparent}#app.locked #lock{background:var(--accent-soft);color:var(--text)}.lock-btn{position:relative}.lock-btn .lock-ring{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:var(--accent-2);stroke-width:1.8;stroke-dasharray:100;stroke-dashoffset:100;opacity:0;pointer-events:none;transition:opacity var(--dur) var(--ease)}.lock-btn .lock-ring.running{opacity:.9}.lock-btn .lock-ring.running.held{opacity:.5}.lock-btn .lock-ring.whole>*{stroke-dasharray:none}.lock-btn .lock-ring :is(.ring-round,.ring-cut){display:none}.lock-btn .lock-ring .ring-square{rx:9px}.lock-btn .glyph{display:inline-flex}.lock-btn .glyph svg{width:18px;height:18px}#previous svg{width:17px;height:17px}:is(.seek,.volume-slider):focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-2) 45%,transparent)}:is(.seek,.volume-slider):focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-2) 45%,transparent)}.seek-tip{position:absolute;bottom:calc(100% + 10px);transform:translate(-50%);padding:3px 7px;border-radius:5px;background:var(--panel-2);color:var(--text);font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:3px}.back-fullscreen{position:absolute;z-index:7;top:32%;left:50%;translate:-50% -50%;display:inline-flex;align-items:center;gap:8px;padding:10px 16px 10px 14px;border:0;border-radius:999px;background:var(--panel);color:var(--text);box-shadow:var(--elevation-2);font:inherit;font-size:14px;cursor:pointer}.back-fullscreen:hover{background:color-mix(in srgb,var(--text) 10%,var(--panel))}.back-fullscreen:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.back-fullscreen svg{width:18px;height:18px;flex:none}.locked-note{position:absolute;z-index:6;left:12px;bottom:12px;display:flex;align-items:center;gap:9px;max-width:min(360px,calc(100% - 24px));padding:10px 14px;border-radius:12px;background:var(--panel);color:var(--text);box-shadow:var(--elevation-2);font-size:13px;line-height:1.35;pointer-events:none}.locked-note svg{flex:none;width:18px;height:18px;color:var(--accent)}.locked-note:after{content:"";position:absolute;top:100%;left:var(--caret, 50%);margin-left:-7px;border:7px solid transparent;border-top-color:var(--panel)}.locked-note.no-caret:after{display:none}.seek-still{display:block;width:160px;height:90px;margin-top:4px;object-fit:contain;background:#000;border-radius:3px}.scrub-still{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.viewport{--title-height: 34px}.stage.immersive .viewport{--title-height: 46px}.now-title{position:absolute;inset:0 0 auto;padding:12px 16px 28px;font-size:15px;font-weight:600;line-height:22px;color:var(--text);text-shadow:0 1px 3px rgb(0 0 0 / .6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:linear-gradient(to bottom,#0009,#00000098 8.3%,#00000093 16.7%,#00000089,#00000079 33.3%,#00000064 41.7%,#0000004d,#00000035 58.3%,#00000020 66.7%,#00000010,#00000006 83.3%,#00000001 91.7%,#0000);pointer-events:none;transition:opacity .2s ease}.stage.immersive .now-title{padding:18px 24px 48px;font-size:19px;line-height:28px;opacity:0}.stage.immersive.awake .now-title{opacity:1}.now-title:not([hidden])~.stats,.now-title:not([hidden])~.voice-overlay,.now-title:not([hidden])~.paused-by{--title-room: var(--title-height)}.stage.immersive:not(.awake) .now-title~*{--title-room: 0px}@container player (max-width: 560px){.viewport{--title-height: 30px}.now-title{padding:10px 12px 22px;font-size:14px;line-height:20px}}.tap-seek{position:absolute;top:0;bottom:0;width:42%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:#ffffff1f;color:var(--text);font-size:13px;font-weight:600;text-shadow:0 1px 3px rgb(0 0 0 / .6);pointer-events:none;opacity:0;transition:opacity var(--dur) var(--ease)}.tap-seek.open{opacity:1}.tap-seek[data-side=back]{left:0;border-radius:0 50% 50% 0}.tap-seek[data-side=forward]{right:0;border-radius:50% 0 0 50%}.tap-seek svg{width:30px;height:30px;filter:drop-shadow(0 1px 2px rgb(0 0 0 / .5))}.player-settings{display:flex;flex:none}.player-settings-btn{position:relative}.player-settings-btn.cc-on:after{content:"CC";position:absolute;top:4px;right:1px;padding:1px 3px;border-radius:4px;background:var(--accent);color:var(--on-accent);font-size:8px;font-weight:700;line-height:9px;letter-spacing:.02em;pointer-events:none}.player-menu{right:10px;width:240px;max-width:calc(100vw - 20px)}.player-menu:is([data-page=subtitles],[data-page=audio]){width:300px;width:min(320px,calc(100cqi - 20px))}:is(.subtitles-page,.audio-page) .menu-choices{max-height:236px;overflow-y:auto;overscroll-behavior:contain}.mic-btn[aria-pressed=true]{color:var(--accent)}.mic-btn.asking{opacity:.55}.voice-strip{position:relative;display:flex;flex:none;flex-direction:column;gap:6px;padding:8px 10px;border-radius:12px;background:var(--panel-2)}.voice-top{display:flex;align-items:center;gap:8px}.voice-glyph{display:inline-flex;flex:none;color:var(--muted)}.voice-strip.joined .voice-glyph{color:var(--accent)}.voice-glyph svg{width:16px;height:16px}.voice-count{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-row{display:flex;align-items:center;gap:10px;height:28px;min-width:0}@media(max-height:500px){.voice-strip.empty .voice-row{display:none}}.voice-bubbles{display:flex;flex:none;align-items:center;gap:9px;margin:0;padding:0 4px;list-style:none}.voice-bubbles:empty{display:none}.voice-bubble{position:relative;display:flex}.voice-bubble .avatar.talking{box-shadow:0 0 0 2px var(--panel-2),0 0 0 4px var(--accent)}.voice-bubble .voice-off{position:absolute;right:-5px;bottom:-5px;display:grid;place-items:center;width:14px;height:14px;border-radius:50%;background:var(--panel-2)}.voice-bubble .voice-off svg{width:10px;height:10px}.voice-face{display:flex;align-items:center;padding:0;border:0;border-radius:50%;background:none;color:inherit;font:inherit;cursor:pointer}.voice-face:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.voice-everyone .voice-person .voice-face{flex:1;min-width:0;gap:8px;margin:-5px -6px;padding:5px 6px;border-radius:8px;text-align:left}.voice-everyone .voice-person .voice-face:hover,.voice-everyone .voice-person .voice-face[aria-expanded=true]{background:color-mix(in srgb,var(--text) 8%,var(--panel-2))}.voice-bubble.hushed .avatar,.voice-person.hushed .avatar{opacity:.4}.voice-tune{position:absolute;z-index:30;top:calc(100% + 6px);left:0;display:flex;flex-direction:column;gap:8px;box-sizing:border-box;width:min(280px,100%);padding:10px 12px;border-radius:12px;background:var(--panel-2);box-shadow:var(--elevation-2)}.voice-tune-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600}.voice-tune-row{display:flex;align-items:center;gap:8px}.voice-tune-row .glyph{display:inline-flex;flex:none;color:var(--muted)}.voice-tune-row svg{width:16px;height:16px}.voice-tune-row input{flex:1;min-width:0;margin:0;accent-color:var(--accent)}.voice-tune-value{flex:none;min-width:3.2em;color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums;text-align:right}.voice-tune-reset{align-self:flex-start;padding:4px 8px;border:0;border-radius:var(--radius-sm);background:var(--panel);color:var(--text);font:inherit;font-size:12px;cursor:pointer}.voice-tune-reset:hover:not(:disabled){background:color-mix(in srgb,var(--text) 10%,var(--panel))}.voice-tune-reset:disabled{color:var(--muted);cursor:default}.voice-more-item{display:flex}.voice-more{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:24px;margin-left:-4px;padding:0 6px;border:0;border-radius:12px;background:none;color:var(--muted);font:inherit;font-size:12px;font-variant-numeric:tabular-nums;cursor:pointer}.voice-more:hover,.voice-more.open{background:color-mix(in srgb,var(--text) 10%,var(--panel-2));color:var(--text)}.voice-more:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.voice-everyone{position:absolute;z-index:30;top:calc(100% + 6px);left:0;display:flex;flex-direction:column;gap:2px;box-sizing:border-box;width:min(260px,100%);max-height:min(50vh,360px);margin:0;padding:6px;overflow-y:auto;list-style:none;border-radius:12px;background:var(--panel-2);box-shadow:var(--elevation-2)}.voice-everyone .voice-person{flex:none;gap:8px;padding:5px 6px;border-radius:8px}.voice-everyone .voice-person.talking .avatar{box-shadow:0 0 0 2px var(--panel-2),0 0 0 4px var(--accent)}.voice-everyone .voice-name small,.voice-everyone .voice-off{color:var(--muted)}.voice-said{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:12px}.voice-said.talking{color:var(--text)}.voice-actions{display:flex;flex:none;gap:6px}.voice-actions button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 10px;border:0;border-radius:var(--radius-sm);background:var(--panel);color:var(--text);font:inherit;font-size:12px;line-height:14px;cursor:pointer}.voice-actions button:hover{background:color-mix(in srgb,var(--text) 10%,var(--panel))}.voice-actions .glyph{display:inline-flex}.voice-actions svg{width:14px;height:14px;flex:none}.voice-actions .voice-join{background:var(--accent);color:var(--on-accent)}.voice-actions .voice-join:hover{background:var(--accent);filter:brightness(1.08)}.voice-actions .voice-noise[data-level=on]{background:var(--accent-soft);color:var(--accent-2)}.voice-actions .voice-noise[data-level=off]{color:var(--muted)}.voice-actions .voice-deaf[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-2)}.voice-strip.no-count .voice-count{display:none}.voice-strip.no-count .voice-top .voice-actions{margin-left:auto}.voice-strip.compact .voice-in .voice-word{display:none}.voice-strip.compact .voice-in button{padding:6px 8px}.voice-actions .voice-leave{background:color-mix(in srgb,var(--danger) 14%,var(--panel));color:var(--danger)}.voice-actions .voice-leave:hover{background:color-mix(in srgb,var(--danger) 22%,var(--panel))}.voice-person{display:flex;align-items:center;font-size:13px}.voice-person .avatar{flex:none}.voice-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-name small{color:var(--muted);font-size:12px}.voice-off{display:inline-flex;flex:none;color:var(--muted)}.voice-person .voice-off svg{width:15px;height:15px}.voice-overlay{position:absolute;z-index:2;top:calc(6px + var(--title-room, 0px));left:6px;display:none;flex-direction:column;align-items:flex-start;gap:5px;max-height:calc(50% - 12px - var(--title-room, 0px));margin:0;padding:6px;overflow:hidden;list-style:none;color:var(--text);pointer-events:none;opacity:.5;transition:opacity var(--dur-slow) var(--ease),top var(--dur) var(--ease)}.stage.immersive .voice-overlay:not([hidden]){display:flex}.voice-overlay.live{opacity:1}#stats:not([hidden])~.voice-overlay{left:auto;right:6px;align-items:flex-end}.voice-overlay .voice-person{flex:none;gap:8px;max-width:min(260px,40vw);padding:2px 0;color:#fff;text-shadow:0 0 3px #000,0 0 6px #000,1px 1px 2px #000;transition:opacity var(--dur) var(--ease)}.voice-overlay .voice-person .avatar{box-shadow:0 1px 4px #0009;text-shadow:none}.voice-overlay .voice-person .voice-name{margin:-7px;padding:7px}.voice-overlay .voice-person .voice-name small{color:inherit;opacity:.75}.voice-overlay .voice-person .voice-off{color:#fff;filter:drop-shadow(0 1px 2px #000)}.voice-overlay[data-look=solid] .voice-person{padding:6px 12px 6px 6px;border-radius:999px;background:color-mix(in srgb,var(--bg) 74%,transparent);color:var(--text);text-shadow:none}.voice-overlay[data-look=solid] .voice-person .avatar{box-shadow:none}.voice-overlay[data-look=solid] .voice-person .voice-name small{color:var(--muted);opacity:1}.voice-overlay[data-look=solid] .voice-person .voice-off{color:var(--muted);filter:none}.voice-overlay.live .voice-person:not(.talking){opacity:.6}.voice-overlay .voice-rest{padding-left:32px;font-size:12px}.voice-overlay[data-look=solid] .voice-rest{padding:6px 12px;color:var(--muted)}.voice-overlay .voice-person.talking .avatar{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--accent)}.volume{position:relative;display:flex;align-items:center;flex:none}.volume-pop{position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding-bottom:6px;opacity:0;visibility:hidden;translate:0 6px;transition:opacity var(--dur) var(--ease),translate var(--dur) var(--ease),visibility var(--dur);z-index:5}.volume:not(.touched):hover .volume-pop,.volume:focus-within .volume-pop,.volume.open .volume-pop{opacity:1;visibility:visible;translate:0 0}.volume.fixed .volume-pop{display:none}.volume-pill{position:relative;width:34px;height:116px;border-radius:14px;background:var(--panel-2);box-shadow:var(--elevation-1);--thumb: 14px}.volume-slider{position:absolute;top:50%;left:50%;width:96px;translate:-50% -50%;rotate:-90deg;--trail: calc(var(--thumb) / 2 + var(--level, 1) * (100% - var(--thumb)));touch-action:none}@container player (max-width: 560px){.controls{flex-wrap:wrap;gap:8px 6px;padding:8px 10px}.seek-wrap{order:-1;flex-basis:100%}.clock-of,.clock-length{display:none}.controls{column-gap:2px}.controls :is(.ctl-transport,.ctl-tools,.ctl-view,.player-settings,.volume)>.icon:not(#toggle){width:32px;height:32px}.seek-still{width:128px;height:72px}}.ctl-transport,.ctl-timeline,.ctl-tools,.ctl-view{display:contents}[data-controls=capsule] .controls{isolation:isolate;gap:6px;padding:13px 16px;background:var(--bg);box-shadow:none}[data-controls=capsule] .controls:before{content:"";position:absolute;inset:8px 10px;z-index:-1;border-radius:999px;background:var(--panel-2);box-shadow:var(--elevation-1);pointer-events:none}[data-controls=capsule] .controls :is(.ctl-transport,.ctl-tools,.ctl-view,.player-settings,.volume)>.icon{border-radius:999px}[data-controls=capsule] .lock-btn .lock-ring .ring-square{display:none}[data-controls=capsule] .lock-btn .lock-ring .ring-round{display:inline}[data-controls=capsule] .stage.immersive .controls{padding:17px 22px}[data-controls=capsule] .stage.immersive .controls:before{inset:12px 16px;height:auto;background:color-mix(in srgb,var(--bg) 68%,transparent);-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--text) 12%,transparent),0 6px 24px #00000059}[data-controls=rows] .controls{flex-wrap:wrap;column-gap:4px;row-gap:0;padding:2px 10px 6px}[data-controls=rows] .seek-wrap{order:-1;flex-basis:100%}[data-controls=rows] .seek-wrap:hover .seek{--track: 6px}@media(hover:hover){[data-controls=rows] .seek-wrap:not(:hover,:focus-within,:active) .seek::-webkit-slider-thumb{background:transparent}[data-controls=rows] .seek-wrap:not(:hover,:focus-within,:active) .seek::-moz-range-thumb{background:transparent}}[data-controls=rows] .clock{margin-left:6px}[data-controls=rows] #lock{margin-left:auto}[data-controls=rows] #toggle{width:34px;height:34px;background:transparent;color:var(--text);box-shadow:none}[data-controls=rows] #toggle:hover{background:color-mix(in srgb,var(--text) 12%,transparent);filter:none}[data-controls=rows] #toggle svg{width:20px;height:20px}[data-controls=centred] .controls{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"timeline timeline timeline" "tools transport view";align-items:center;row-gap:2px;padding:8px 14px}[data-controls=centred] .ctl-timeline{grid-area:timeline;display:flex;align-items:center;gap:10px;min-width:0}[data-controls=centred] .ctl-transport{grid-area:transport;display:flex;align-items:center;gap:8px}[data-controls=centred] .ctl-tools{grid-area:tools;justify-self:start;display:flex;align-items:center;gap:2px}[data-controls=centred] .ctl-view{grid-area:view;justify-self:end;display:flex;align-items:center;gap:2px}[data-controls=centred] #toggle{width:46px;height:46px;border-radius:14px}[data-controls=centred] #toggle svg{width:22px;height:22px}[data-controls=centred] .player-menu{right:auto;left:10px;transform-origin:bottom left}[data-controls=grouped] .controls{gap:8px;padding:8px 10px;background:var(--bg);box-shadow:none}[data-controls=grouped] .controls :is(.ctl-transport,.ctl-tools,.ctl-view){display:flex;flex:none;align-items:center;gap:2px;padding:3px;border-radius:13px;background:var(--panel-2)}[data-controls=grouped] .clock{align-self:stretch;align-items:center;padding:0 11px;border-radius:13px;background:var(--panel-2)}[data-controls=grouped] .clock:hover{background:color-mix(in srgb,var(--text) 10%,var(--panel-2))}:root[data-theme=light][data-controls=grouped] .controls :is(.ctl-transport,.ctl-tools,.ctl-view,.clock){background:var(--panel)}[data-controls=grouped] #toggle{width:34px;height:34px;box-shadow:none}[data-controls=grouped] #toggle svg{width:18px;height:18px}[data-controls=grouped] .stage.immersive .controls :is(.ctl-transport,.ctl-tools,.ctl-view,.clock){background:color-mix(in srgb,var(--bg) 78%,transparent)}[data-controls=minimal] .controls{padding:8px 14px;background:var(--bg);box-shadow:none;border-top:1px solid var(--line)}[data-controls=minimal] .stage.immersive .controls{border-top:0}[data-controls=minimal] .controls .icon:not(#toggle,.mic-btn[aria-pressed=true]){color:var(--muted)}[data-controls=minimal] .controls .icon:not(#toggle,:disabled,[aria-disabled=true]):hover{color:var(--text);background:transparent}[data-controls=minimal] #toggle{background:transparent;color:var(--text);box-shadow:inset 0 0 0 1.5px currentColor}[data-controls=minimal] #toggle:hover{background:color-mix(in srgb,var(--text) 12%,transparent);filter:none}[data-controls=minimal] :is(.seek,.volume-slider){--track: 8px;--thumb-color: var(--text)}[data-controls=minimal] .seek:is(:disabled,[aria-disabled=true]){--thumb-color: var(--muted)}[data-controls=minimal] :is(.seek,.volume-slider)::-webkit-slider-thumb{height:20px;margin-top:calc((var(--track) - 20px) / 2);border-radius:0;background:linear-gradient(to right,transparent 5px,var(--thumb-color) 5px 9px,transparent 9px)}[data-controls=minimal] :is(.seek,.volume-slider)::-moz-range-thumb{height:20px;border-radius:0;background:linear-gradient(to right,transparent 5px,var(--thumb-color) 5px 9px,transparent 9px)}[data-controls=cyber] .controls{--cut: 7px;gap:8px;padding:9px 14px;background:repeating-linear-gradient(to bottom,color-mix(in srgb,var(--accent) 6%,transparent) 0 1px,transparent 1px 3px),color-mix(in srgb,var(--bg) 55%,var(--panel-2));box-shadow:inset 0 1px color-mix(in srgb,var(--accent) 70%,transparent),0 -1px 14px color-mix(in srgb,var(--accent) 22%,transparent)}[data-controls=cyber] .controls :is(.ctl-transport,.ctl-tools,.ctl-view,.player-settings,.volume)>.icon{border-radius:0;clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut))}[data-controls=cyber] .controls :is(.ctl-transport,.ctl-tools,.ctl-view,.player-settings,.volume)>.icon:not(#toggle,:disabled,[aria-disabled=true]):hover{background:color-mix(in srgb,var(--accent) 20%,transparent);color:var(--accent)}[data-controls=cyber] .controls :is(.ctl-transport,.ctl-tools,.ctl-view,.player-settings,.volume)>.icon:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--accent)}[data-controls=cyber] .controls #toggle:focus-visible{box-shadow:inset 0 0 0 2px var(--on-accent)}[data-controls=cyber] .ctl-transport{display:flex;align-items:center;gap:6px;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--accent) 55%,transparent))}[data-controls=cyber] #toggle{--cut: 10px;box-shadow:none}[data-controls=cyber] .lock-btn .lock-ring .ring-square{display:none}[data-controls=cyber] .lock-btn .lock-ring .ring-cut{display:inline}[data-controls=cyber] .clock{font-family:JetBrains Mono,Roboto,sans-serif;letter-spacing:.04em;color:var(--accent-2)}[data-controls=cyber] .clock:before,[data-controls=cyber] .clock:after{color:var(--muted)}[data-controls=cyber] .clock:before{content:"["}[data-controls=cyber] .clock:after{content:"]"}[data-controls=cyber] .stage.immersive .controls .clock{color:var(--accent-2)}[data-controls=cyber] .controls .clock-now,[data-controls=cyber] .stage.immersive .controls .clock-now{color:var(--accent)}[data-controls=cyber] :is(.seek,.volume-slider){--track: 6px;--trail-color: var(--accent);--thumb-color: var(--accent);filter:drop-shadow(0 0 4px color-mix(in srgb,var(--accent) 45%,transparent))}@supports (color: rgb(from red r g b)){[data-controls=cyber] :is(.seek,.volume-slider){--rest-color: rgb(from var(--text) r g b / .22)}}[data-controls=cyber] .seek:is(:disabled,[aria-disabled=true]){--trail-color: var(--muted);--thumb-color: var(--muted);filter:none}[data-controls=cyber] :is(.seek,.volume-slider)::-webkit-slider-runnable-track{border-radius:0;background:linear-gradient(to right,var(--trail-color) var(--trail),transparent var(--trail)),repeating-linear-gradient(to right,var(--rest-color) 0 3px,transparent 3px 5px)}[data-controls=cyber] :is(.seek,.volume-slider)::-moz-range-track{border-radius:0;background:linear-gradient(to right,var(--trail-color) var(--trail),transparent var(--trail)),repeating-linear-gradient(to right,var(--rest-color) 0 3px,transparent 3px 5px)}[data-controls=cyber] :is(.seek,.volume-slider)::-webkit-slider-thumb{height:18px;margin-top:calc((var(--track) - 18px) / 2);border-radius:0;background:linear-gradient(to right,transparent 4px,var(--thumb-color) 4px 10px,transparent 10px)}[data-controls=cyber] :is(.seek,.volume-slider)::-moz-range-thumb{height:18px;border-radius:0;background:linear-gradient(to right,transparent 4px,var(--thumb-color) 4px 10px,transparent 10px)}:root[data-theme=light][data-controls=cyber] .stage:not(.immersive) :is(.ctl-transport,.seek,.volume-slider){filter:none}:root[data-theme=light][data-controls=cyber] .stage:not(.immersive) .controls{box-shadow:inset 0 1px color-mix(in srgb,var(--accent) 70%,transparent)}[data-controls=cyber] .controls :is(.menu,.volume-pill,.seek-tip){border-radius:2px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 45%,transparent),var(--elevation-2)}@container player (max-width: 560px){[data-controls=capsule] .controls{padding:11px 13px}[data-controls=capsule] .controls:before,[data-controls=capsule] .stage.immersive .controls:before{inset:6px 8px;border-radius:24px}[data-controls=capsule] .stage.immersive .controls{padding:11px 13px}[data-controls=centred] #toggle{width:42px;height:42px}[data-controls=grouped] .controls{padding:8px}[data-controls=grouped] .controls :is(.ctl-transport,.ctl-tools,.ctl-view){gap:0;padding:2px;border-radius:12px}[data-controls=grouped] .clock{padding:0 8px;border-radius:12px}}@container player (max-width: 500px){.stage .controls{column-gap:0}.stage .controls :is(.ctl-transport,.ctl-tools,.ctl-view){gap:0}.stage .controls :is(.ctl-transport,.ctl-tools,.ctl-view,.player-settings,.volume)>.icon:not(#toggle){width:30px;height:30px}.stage .controls #toggle{width:36px;height:36px}:is([data-controls=rows],[data-controls=grouped]) .stage .controls #toggle{width:34px;height:34px}[data-controls=centred] .stage .controls #toggle{width:42px;height:42px}.stage .controls .clock{min-width:0;padding:3px}[data-controls=capsule] .stage .controls{padding-left:11px;padding-right:11px}[data-controls=grouped] .stage .controls{column-gap:2px}[data-controls=grouped] .stage .controls .clock{padding:0 6px}[data-controls=cyber] .stage .controls{padding-left:10px;padding-right:10px}[data-controls=cyber] .stage .controls .clock{letter-spacing:0}}@container player (max-width: 400px){.stage .controls :is(.ctl-transport,.ctl-tools,.ctl-view,.player-settings,.volume)>.icon:not(#toggle){width:28px;height:28px}.stage .controls #toggle{width:34px;height:34px}[data-controls=cyber] .stage .controls .clock:before,[data-controls=cyber] .stage .controls .clock:after{content:none}}.side{--side-line: 1px solid color-mix(in srgb, var(--text) 15%, transparent);display:flex;flex-direction:column;gap:12px;padding:14px;background:var(--panel);border-left:var(--side-line);min-height:0;overflow:hidden;transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease)}#app.queue-entering .side,#app.queue-leaving .side{opacity:0;transform:translate(24px)}.side-edge{grid-column:2;grid-row:1;position:absolute;top:0;bottom:0;left:-4px;width:12px;z-index:1;cursor:col-resize;touch-action:none}.side-edge:after{content:"";position:absolute;top:0;bottom:0;left:3px;width:3px;background:var(--accent);opacity:0;transition:opacity var(--dur) var(--ease)}.side-edge:hover:after{opacity:1;transition-delay:.15s}.side-edge:focus-visible{outline:none}.side-edge:focus-visible:after,.side-edge.held:after{opacity:1;transition-delay:0s}#app.queue-resizing,#app.queue-resizing *{cursor:col-resize}@media(hover:none){.side-edge:after{top:calc(50% - 20px);bottom:auto;height:40px;border-radius:2px;background:var(--muted);opacity:1}.side-edge.held:after{background:var(--accent)}}#app.three-col #queue-panel{border-left:0;border-right:var(--side-line)}#app.three-col.queue-entering #queue-panel,#app.three-col.queue-leaving #queue-panel{transform:translate(-24px)}#app.three-col>#queue-edge{grid-column:1 / 2;left:auto;right:-4px}#app.three-col>#queue-edge:after{left:6px}.chat-column-edge{grid-column:3}#chat-panel>#pane-chat{flex:1;min-height:0}#chat-panel .chat-edge{display:none}.tabs{position:relative;display:flex;gap:20px;padding:0;border-radius:0;background:transparent;border-bottom:1px solid var(--line)}.tab{flex:none;padding:4px 2px 11px;border:0;border-bottom:2.5px solid transparent;border-radius:0;background:transparent;color:var(--muted);transition:color var(--dur) var(--ease);font-size:13px;font-weight:500;cursor:pointer}.tab:hover{color:var(--text)}.tab.active{background:transparent;color:var(--accent-2)}.tab-marker{position:absolute;left:0;bottom:-1px;width:0;height:2.5px;border-radius:2px 2px 0 0;background:var(--accent-2);transition:transform var(--dur-slow) var(--ease),width var(--dur-slow) var(--ease)}.pane{display:flex;flex-direction:column;gap:12px;flex:1;min-height:0}.side>.pane{flex-grow:calc((1 - var(--chat-share, .5)) * 1000);flex-shrink:1;flex-basis:0;min-height:120px}#pane-chat{position:relative;flex-grow:calc(var(--chat-share, .5) * 1000);min-height:220px}#pane-chat.chat-out{flex:none;min-height:0}.chat-edge{position:absolute;top:-12px;left:0;right:0;height:12px;z-index:1;cursor:row-resize;touch-action:none}.chat-edge:before,.chat-edge:after{content:"";position:absolute;left:0;right:0}.chat-edge:before{top:6px;height:1px;background:var(--line)}.chat-edge:after{top:5px;height:3px;border-radius:2px;background:var(--accent);opacity:0;transition:opacity var(--dur) var(--ease)}.chat-edge:hover:after{opacity:1;transition-delay:.15s}.chat-edge:focus-visible{outline:none}.chat-edge:focus-visible:after,#app.chat-resizing .chat-edge:after{opacity:1;transition-delay:0s}#app.chat-resizing,#app.chat-resizing *{cursor:row-resize}#pane-chat.chat-out .chat-edge{display:none}@media(hover:none){.chat-edge:after{left:calc(50% - 20px);right:auto;width:40px;background:var(--muted);opacity:1}#app.chat-resizing .chat-edge:after{background:var(--accent)}}.queue-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:18px}.queue-bar .label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-modes{display:flex;align-items:center;gap:2px;flex:none}.icon.small{width:28px;height:28px;border-radius:var(--radius-sm);color:var(--muted)}.icon.small svg{width:15px;height:15px}.icon.small:hover{color:var(--text)}.icon.small[aria-pressed=true],.icon.small.on{background:var(--accent-soft);color:var(--accent-2)}#repeat{position:relative}#repeat.one:after{content:"1";position:absolute;right:3px;bottom:2px;font-size:9px;font-weight:700;line-height:1}.queue-modes .ghost.small{margin-left:4px;padding:6px 9px}.ghost.small{display:inline-flex;align-items:center;justify-content:center;padding:4px 9px;font-size:12px}.ghost svg{width:14px;height:14px;flex:none}#sub-file-btn{display:inline-flex;align-items:center;justify-content:center}.ghost.wide{padding:7px 10px}.ghost:disabled{color:var(--muted);cursor:default;background:var(--panel-2)}.add{display:flex;gap:8px}.add input{flex:1;min-width:0;padding:9px 12px;border-radius:var(--radius-btn);border:1px solid transparent;background:var(--panel-2);color:var(--text);transition:border-color var(--dur-fast) var(--ease)}.add input:focus{outline:none;border-color:var(--accent)}.add button{padding:9px 16px;border:0;border-radius:var(--radius-btn);background:var(--accent);color:var(--on-accent);font-weight:600;cursor:pointer}.add .file-btn{display:inline-flex;align-items:center;justify-content:center;flex:none;padding:0 11px;background:var(--panel-2);color:var(--muted);font-weight:400}.add .file-btn:hover,.add .file-btn:focus-visible{color:var(--text);background:color-mix(in srgb,var(--text) 10%,var(--panel-2))}.add .file-btn svg{width:17px;height:17px}.search{display:flex;align-items:center;gap:8px;padding:0 10px;min-height:34px;border-radius:var(--radius-btn);border:1px solid transparent;background:color-mix(in srgb,var(--panel-2) 60%,transparent);color:var(--muted);cursor:text;transition:border-color var(--dur-fast) var(--ease),background-color var(--dur-fast) var(--ease)}.search:focus-within{border-color:var(--accent);background:var(--panel-2)}.search svg{width:15px;height:15px;flex:none}.search input{flex:1;min-width:0;padding:7px 0;border:0;background:transparent;color:var(--text);font:inherit;font-size:13px;outline:none}.search input::placeholder{color:var(--muted)}.search-key{flex:none;padding:0 5px;border:1px solid color-mix(in srgb,var(--muted) 60%,transparent);border-radius:4px;font-family:inherit;font-size:11px;line-height:16px;color:var(--muted)}.search:focus-within .search-key{display:none}mark{background:color-mix(in srgb,var(--accent) 38%,transparent);color:inherit;border-radius:3px;padding:0 1px}.queue.searching .item-grip{display:none}.queue-none{padding:10px 4px;list-style:none}.add-sub input{font-size:12px}.add-sub input::placeholder{color:var(--muted)}.ghost{flex:none;padding:0 12px;border:0;border-radius:var(--radius-sm);background:var(--panel-2);color:var(--text);font-size:14px;line-height:1;cursor:pointer}.ghost:hover{background:color-mix(in srgb,var(--text) 10%,var(--panel-2))}.error{margin:0;color:var(--danger);font-size:12px;overflow-wrap:anywhere;white-space:pre-wrap}.queue{position:relative;container:queue / size;list-style:none;margin:0;padding:0;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.item{display:flex;gap:9px;align-items:center;padding:8px;border-radius:14px;background:var(--panel-2)}.item.current{background:var(--accent-soft);box-shadow:inset 0 0 0 1.5px var(--accent)}.item.group.current:has(>.group-items){box-shadow:none}.item.current .item-title{font-weight:600}.item.current .item-meta{color:var(--accent-2)}.now-playing{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:2px;border-radius:inherit;background:#00000080}.now-playing i{width:3px;height:12px;border-radius:1px;background:#fff;transform-origin:bottom;animation:now-playing .9s var(--ease) infinite alternate}.now-playing i:nth-child(1){transform:scaleY(.55)}.now-playing i:nth-child(2){animation-delay:-.3s}.now-playing i:nth-child(3){transform:scaleY(.75);animation-delay:-.6s}.now-playing.paused i{animation:none;transform:scaleY(.5)}@keyframes now-playing{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}.stats{position:absolute;z-index:3;top:calc(12px + var(--title-room, 0px));left:12px;display:flex;flex-direction:column;width:min(430px,calc(100% - 24px));max-height:calc(100% - 24px - var(--title-room, 0px));transition:top var(--dur) var(--ease);border-radius:12px;background:color-mix(in srgb,var(--bg) 84%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 6px 20px #00000059;color:var(--text);font-size:12px;line-height:1.45;font-variant-numeric:tabular-nums;overflow:hidden}.stats-head{display:flex;align-items:center;gap:8px;padding:6px 6px 6px 8px;border-bottom:1px solid color-mix(in srgb,var(--text) 12%,transparent)}.stats-tabs{display:flex;flex:1;gap:4px}.stats-tabs button,.stats-close{all:unset;cursor:pointer;color:var(--muted);transition:color var(--dur-fast) var(--ease),background-color var(--dur-fast) var(--ease)}.stats-tabs button{padding:3px 10px;border-radius:999px;font-weight:500}.stats-tabs button[aria-selected=true]{background:var(--accent-soft);color:var(--text)}.stats-close{display:inline-flex;padding:4px;border-radius:6px}.stats-close svg{width:14px;height:14px}.stats-tabs button:hover,.stats-close:hover{color:var(--text)}.stats-tabs button:focus-visible,.stats-close:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 60%,transparent)}.stats-body{overflow:auto;padding:8px 12px 10px}.stats-rows{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:3px 12px;margin:0}.stats-rows dt{color:var(--muted)}.stats-rows dd{margin:0;overflow-wrap:anywhere}.stats-viewers{display:flex;flex-direction:column;gap:10px}.stats-viewer p{margin:2px 0 0;color:color-mix(in srgb,var(--text) 82%,var(--muted))}.stats-who{display:flex;align-items:baseline;gap:6px}.stats-tag{color:var(--accent-2);font-size:11px}.stats-agent{margin-left:auto;color:var(--muted);font-size:11px;white-space:nowrap}.item-grip{all:unset;display:inline-flex;align-items:center;justify-content:center;flex:none;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;color:var(--muted);padding:6px 2px;border-radius:4px}.item-grip svg{width:15px;height:15px}.item-grip:hover,.item-grip:focus-visible{color:var(--text);outline:none}.item-grip:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 60%,transparent)}.item.dragging{opacity:.85;outline:1px dashed var(--accent);box-shadow:0 6px 18px #00000073;position:relative;z-index:1}.reordering .item:not(.dragging){pointer-events:none}.reordering .item-grip{cursor:grabbing}.item.played{opacity:.45}.item.played:hover{opacity:.75}.item.played.left-off{opacity:.85}.item.left-off:not(.group){outline:1.5px dashed color-mix(in srgb,var(--accent) 70%,transparent);outline-offset:-1.5px}.item.left-off:not(.group) .item-meta{color:var(--accent-2)}.item.failed .item-meta{color:var(--danger)}.thumb{position:relative;width:52px;height:30px;flex:none;border-radius:8px;background:#000 center / cover no-repeat}.item-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.item-title{all:unset;cursor:pointer;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-title:hover{text-decoration:underline}.item.group{flex-direction:column;align-items:stretch;gap:6px}.group-head{display:flex;gap:9px;align-items:center}.group-toggle{all:unset;display:inline-flex;align-items:center;justify-content:center;flex:none;width:18px;cursor:pointer;color:var(--muted)}.group-toggle svg{width:14px;height:14px}.group-toggle:hover,.group-toggle:focus-visible{color:var(--text)}.group-title{font-weight:600}.group-items{position:relative;list-style:none;margin:0;padding:0 0 0 14px;display:flex;flex-direction:column;gap:4px}.group-items .item{background:var(--panel);padding:5px 6px}.group-items .item.current{background:var(--accent-soft)}.group-items .thumb{width:44px;height:26px}.item-meta{color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@container queue (max-height: 280px){.item{padding:4px 8px;gap:8px;border-radius:10px}.group-head{gap:8px}.thumb{width:36px;height:20px;border-radius:5px}.group-items .item{padding:3px 6px}.group-items .thumb{width:32px;height:18px}.item-body{flex-direction:row;align-items:baseline;gap:8px}.item-title{flex:1 1 auto;min-width:0}.queue .item .item-title:not(.group-title){display:block;-webkit-line-clamp:none;line-clamp:none;white-space:nowrap;overflow-wrap:normal;text-overflow:ellipsis}.item-meta{flex:0 3 auto;max-width:40%}.item-grip{padding:2px}}.item-remove{all:unset;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--muted);padding:2px 5px;border-radius:4px}.item-remove svg{width:13px;height:13px}.item-remove:hover{color:var(--danger)}.item-title:focus-visible,.item-remove:focus-visible{border-radius:4px;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 60%,transparent)}.item-copy{all:unset;display:inline-flex;align-items:center;justify-content:center;flex:none;cursor:pointer;color:var(--muted);padding:4px;border-radius:6px;opacity:0;transition:opacity var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),background-color var(--dur-fast) var(--ease)}.item-copy svg{width:14px;height:14px}.item:hover>.item-copy,.group-head:hover>.item-copy,.item-copy:focus-visible,.item-copy[data-icon=check]{opacity:1}.item-copy:hover{color:var(--text);background:color-mix(in srgb,var(--text) 10%,transparent)}.item-copy:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 60%,transparent)}.item-copy[data-icon=check]{color:var(--accent-2)}@media(hover:none){.item-copy{opacity:1}}.item-restart{all:unset;display:inline-flex;align-items:center;justify-content:center;flex:none;cursor:pointer;color:var(--accent-2);padding:4px;border-radius:6px;transition:color var(--dur-fast) var(--ease),background-color var(--dur-fast) var(--ease)}.item-restart svg{width:14px;height:14px}.item-restart:hover:not([aria-disabled=true]){color:var(--text);background:color-mix(in srgb,var(--text) 10%,transparent)}.item-restart[aria-disabled=true]{color:var(--muted);cursor:default}.item-restart:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 60%,transparent)}.item-resume{all:unset;display:inline-flex;align-items:center;justify-content:center;flex:none;cursor:pointer;color:var(--accent-2);padding:4px;border-radius:6px;transition:color var(--dur-fast) var(--ease),background-color var(--dur-fast) var(--ease)}.item-resume svg{width:14px;height:14px}.item-resume:hover{color:var(--text);background:color-mix(in srgb,var(--text) 10%,transparent)}.item-resume:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 60%,transparent)}.item-replay{all:unset;display:inline-flex;align-items:center;justify-content:center;flex:none;cursor:pointer;color:var(--muted);padding:4px;border-radius:6px;transition:color var(--dur-fast) var(--ease),background-color var(--dur-fast) var(--ease)}.item-replay svg{width:14px;height:14px}.item-replay:hover:not([aria-disabled=true]){color:var(--text);background:color-mix(in srgb,var(--text) 10%,transparent)}.item-replay[aria-disabled=true]{opacity:.5;cursor:default}.item-replay:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 60%,transparent)}.item-space{width:14px;height:14px;pointer-events:none}.item-copy.item-share{opacity:1;color:var(--accent-2)}.thumb.local{display:grid;place-items:center;color:var(--muted)}.thumb.local svg{width:16px;height:16px}.lists-top{display:flex;gap:6px}.lists-top .ghost{flex:1}.lists{container:lists / size;flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.list{display:flex;align-items:center;gap:6px;padding:6px 6px 6px 8px;border-radius:14px;background:var(--panel-2)}.list-open{all:unset;box-sizing:border-box;flex:1;min-width:0;display:flex;align-items:center;gap:9px;cursor:pointer;border-radius:10px}.list-open:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 60%,transparent);outline-offset:2px}.list-open:hover .item-title{text-decoration:underline}.list .thumb{display:grid;place-items:center;color:var(--muted)}.list .thumb svg{width:16px;height:16px}.list-actions{display:flex;gap:2px;flex:none}@container lists (max-height: 280px){.list{padding:2px 4px 2px 8px;border-radius:10px}.list-open{gap:8px}.list .thumb{width:36px;height:20px;border-radius:5px}.list .thumb svg{width:13px;height:13px}.list .item-body{flex-direction:row;align-items:baseline;gap:8px}.list .item-title{flex:1 1 auto;min-width:0}.list .item-meta{flex:0 3 auto;max-width:40%}.list-actions .icon.small{width:24px;height:24px}}.editor-lists{display:flex;flex-direction:column;gap:2px}.editor-list{all:unset;box-sizing:border-box;display:flex;flex-direction:column;gap:2px;padding:8px 10px;border-radius:var(--radius-btn);cursor:pointer;transition:background-color var(--dur-fast) var(--ease),opacity var(--dur) var(--ease)}.editor-list:hover{background:color-mix(in srgb,var(--text) 8%,transparent)}.editor-list[aria-selected=true]{background:var(--accent-soft)}.editor-list:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 60%,transparent);outline-offset:-2px}.editor-list.none{opacity:.45}.editor-list-name{font-size:13px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editor-new{margin-top:8px;padding:8px 10px;align-self:stretch}.editor-new.editor-follow-new{margin-top:4px}.followed-mark{display:inline-flex;vertical-align:-2px;margin-right:4px;color:var(--accent)}.followed-mark svg{width:12px;height:12px}.followed-mark.failed{color:var(--danger)}.shared-mark{display:inline-flex;vertical-align:-2px;margin-right:4px;color:var(--accent)}.shared-mark svg{width:12px;height:12px}.editor-shared,.editor-share{display:flex;flex-direction:column;gap:8px}.editor-share-form{flex-wrap:wrap;align-items:center}.editor-share-form input{flex:1 1 160px}.editor-share .segmented{flex:none;align-self:center}.editor-share-form .segmented{background:var(--panel)}.editor-action[aria-expanded=true]{background:var(--accent-soft)}.editor-action-count{min-width:18px;padding:1px 5px;border-radius:9px;background:var(--accent-soft);font-size:11px;font-weight:600;text-align:center}.editor-action[aria-expanded=true] .editor-action-count{background:var(--panel)}.editor-shares{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.editor-share-row{display:flex;align-items:center;gap:8px;padding:5px 5px 5px 12px;border-radius:12px;background:var(--panel)}.editor-share-name{flex:1;min-width:0;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editor-name[readonly]{cursor:default}.editor-name[readonly]:hover,.editor-name[readonly]:focus{border-color:transparent;background:transparent}.editor-follow-title{flex:1;min-width:0;font-size:17px}.editor-source,.editor-follow{display:flex;flex-direction:column;gap:8px}.editor-source a{color:var(--accent)}.editor-more{display:flex;justify-content:center;padding:4px 0 8px}.editor-name{flex:1;min-width:0;padding:6px 8px;margin-left:-8px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text);font:inherit;font-size:17px;font-weight:600;transition:border-color var(--dur-fast) var(--ease),background-color var(--dur-fast) var(--ease)}.editor-name:hover{background:color-mix(in srgb,var(--text) 6%,transparent)}.editor-name:focus{outline:none;border-color:var(--accent);background:var(--panel)}.sheet.editor .sheet-body{display:flex;flex-direction:column;gap:12px}.editor-actions{display:flex;flex-wrap:wrap;gap:6px}.editor-action{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;font-size:13px;background:var(--panel)}.editor-action svg{width:15px;height:15px;flex:none}.editor-action.primary{background:var(--accent);color:var(--on-accent);font-weight:600}.editor-action.primary:hover{background:var(--accent);filter:brightness(1.08)}.editor-action.primary:disabled{background:var(--panel);color:var(--muted);filter:none}.editor-action.danger{color:var(--danger)}.editor-spacer{flex:1}.sheet.editor .add input,.sheet.editor .search{background:var(--panel)}.editor-items{position:relative;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.editor-item{background:var(--panel);padding:6px 8px}.editor-items.searching .item-grip{display:none}.editor-thumb{flex:none;width:80px;height:45px;border-radius:8px;overflow:hidden;background:#000;display:grid;place-items:center}.editor-thumb img{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity var(--dur-slow) var(--ease)}.editor-thumb.loaded img{opacity:1}.editor-thumb-none{display:grid;place-items:center;width:100%;height:100%;background:var(--panel-2);color:var(--muted)}.editor-thumb-none svg{width:20px;height:20px}.editor-item-title{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editor-item-title.bare{color:var(--muted)}.queue .item-title:not(.group-title),.editor-item-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;white-space:normal;overflow-wrap:anywhere;line-height:1.3}.editor-hint:empty{display:none}@media(max-width:720px){.editor-nav{align-items:center}.editor-lists{flex-direction:row;gap:4px}.editor-list{flex:none;max-width:180px;padding:6px 10px}.editor-new,.editor-new.editor-follow-new{margin-top:0;flex:none;align-self:center}.editor-thumb{width:64px;height:36px}.editor-share-form input{flex-basis:100%}.editor-share-form button[type=submit]{margin-left:auto}}.watchers{position:relative;display:flex;align-items:center;gap:8px}.label{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.05em}.users{display:flex;flex-wrap:wrap;gap:4px}.avatar{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:600;color:#fff;user-select:none;-webkit-user-select:none;cursor:default}.avatar.pictured{background-size:cover;background-position:center;background-repeat:no-repeat}.user-tip{position:absolute;bottom:calc(100% + 6px);left:0;z-index:5;padding:4px 9px;border-radius:var(--radius-sm);background:var(--panel-2);color:var(--text);box-shadow:var(--elevation-1);font-size:12px;white-space:nowrap;pointer-events:none;opacity:0;transform:translate(-50%,4px);transition:opacity var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.user-tip.open{opacity:1;transform:translate(-50%)}.avatar.guest{outline:1.5px dashed var(--muted);outline-offset:1.5px}.avatar{position:relative;transition:box-shadow var(--dur-fast) var(--ease)}.avatar.in-voice:after{content:"";position:absolute;right:-2px;bottom:-2px;width:7px;height:7px;border-radius:50%;background:var(--accent-2);border:2px solid var(--panel)}.avatar.talking{box-shadow:0 0 0 2px var(--panel),0 0 0 4px var(--accent)}.theme-btn{margin-left:auto}.menu{position:absolute;bottom:calc(100% + 6px);z-index:30;transform-origin:bottom right;display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:14px;background:var(--panel-2);color:var(--text);box-shadow:var(--elevation-2);text-align:left}.menu-page{display:flex;flex-direction:column;gap:8px}.menu-page[data-page=""]{gap:2px}.menu-row{display:flex;align-items:center;gap:10px;width:100%;padding:9px 8px;border:0;border-radius:9px;background:transparent;color:inherit;font:inherit;font-size:13px;line-height:18px;text-align:left;cursor:pointer}.menu-row:hover{background:color-mix(in srgb,var(--text) 8%,transparent)}.menu-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.menu-row svg,.menu-icon{display:inline-flex;width:18px;height:18px;flex:none}.menu-name{flex:1;white-space:nowrap}.menu-value{min-width:0;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-row .menu-chevron{width:16px;height:16px;margin-left:-4px;color:var(--muted)}.menu-head{display:flex;align-items:center;gap:4px;margin:-4px -4px 0;padding-bottom:6px;border-bottom:1px solid color-mix(in srgb,var(--text) 12%,transparent)}.menu-title{font-size:13px;font-weight:500}.menu .add input{background:var(--panel)}.menu-choices{display:flex;flex-direction:column;gap:2px}.menu-choices .notice{padding:2px 4px}.menu-option{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:9px;font-size:13px;line-height:18px;cursor:pointer}.menu-option:hover{background:color-mix(in srgb,var(--text) 8%,transparent)}.menu-option:has(input:checked){background:var(--accent-soft)}.menu-option:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:-2px}.menu-option input{flex:none;margin:0;accent-color:var(--accent-2)}.menu-option span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sheet-backdrop{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:24px;background:#0000008c;opacity:0;transition:opacity var(--dur) var(--ease)}.sheet-backdrop.open{opacity:1}.sheet{display:grid;grid-template-columns:210px minmax(0,1fr);width:min(880px,100%);height:min(640px,100%);border-radius:var(--sheet-radius, 20px);background:var(--panel-2);box-shadow:var(--elevation-2);overflow:hidden;opacity:0;transform:translateY(12px) scale(.97);transition:opacity var(--dur) var(--ease),transform var(--dur-slow) var(--ease)}.sheet-backdrop.open .sheet{opacity:1;transform:none}.sheet-nav{display:flex;flex-direction:column;gap:2px;min-height:0;padding:14px 10px;overflow-y:auto;background:var(--panel)}.sheet-nav h2{margin:4px 10px 12px;font-size:15px;font-weight:600;color:var(--text)}.sheet-tab{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--radius-btn);color:var(--muted);font-size:13px;cursor:pointer;transition:background-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.sheet-tab svg{width:17px;height:17px;flex:none}.sheet-tab:hover{background:color-mix(in srgb,var(--text) 8%,transparent);color:var(--text)}.sheet-tab[aria-selected=true]{background:var(--accent-soft);color:var(--text)}.sheet-tab:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 60%,transparent);outline-offset:-2px}.sheet-who{margin:auto 10px 2px;padding-top:12px;font-size:12px;color:var(--muted)}.sheet-main{display:flex;flex-direction:column;min-width:0;min-height:0}.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 14px 6px 22px}.sheet-heading{margin:0;font-size:16px;font-weight:600;color:var(--text)}.sheet-body{flex:1;min-height:0;overflow-y:auto;padding:8px 22px 22px}.sheet-section{display:flex;flex-direction:column;gap:14px}.ask-backdrop{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:16px;background:#0000008c;opacity:0;transition:opacity var(--dur) var(--ease)}.ask-backdrop.open{opacity:1}.ask{display:flex;flex-direction:column;gap:8px;width:min(420px,100%);max-height:100%;overflow-y:auto;margin:0;padding:20px 20px 16px;border-radius:var(--sheet-radius, 16px);background:var(--panel-2);box-shadow:var(--elevation-2);color:var(--text);opacity:0;transform:translateY(12px) scale(.97);transition:opacity var(--dur) var(--ease),transform var(--dur-slow) var(--ease)}.ask-backdrop.open .ask{opacity:1;transform:none}.ask-title{margin:0;font-size:16px;font-weight:600;line-height:1.35;overflow-wrap:anywhere}.ask-detail{margin:0;font-size:13px;line-height:1.45;color:var(--muted)}.ask-field{display:flex;flex-direction:column;gap:4px;margin-top:4px;font-size:11px;color:var(--muted)}.ask-field input{padding:9px 12px;border-radius:var(--radius-btn);border:1px solid transparent;background:var(--panel);color:var(--text);font-size:14px;transition:border-color var(--dur-fast) var(--ease)}.ask-field input:focus{outline:none;border-color:var(--accent)}.ask-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.ask-button{padding:9px 16px;font-size:13px;background:var(--panel)}.ask-button:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 60%,transparent);outline-offset:2px}.ask-button.primary{background:var(--accent);color:var(--on-accent);font-weight:600}.ask-button.primary:hover{background:var(--accent);filter:brightness(1.08)}.ask-button.primary:disabled{background:var(--panel);color:var(--muted);filter:none}.ask-button.danger{background:color-mix(in srgb,var(--danger) 14%,var(--panel));color:var(--danger);font-weight:600}.ask-button.danger:hover{background:color-mix(in srgb,var(--danger) 22%,var(--panel))}.card{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:14px;background:var(--panel)}.card .password-form input,.card .invite-link input,.card .invite{background:var(--panel-2)}.segmented{display:inline-flex;flex-wrap:wrap;align-self:flex-start;gap:2px;padding:3px;border-radius:12px;background:var(--panel-2)}.segmented button{all:unset;padding:7px 13px;border-radius:9px;font-size:13px;color:var(--muted);cursor:pointer;transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease)}.segmented button:hover{color:var(--text)}.segmented button[aria-checked=true]{background:var(--accent-soft);color:var(--text)}.segmented button:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 60%,transparent)}.swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.swatch{all:unset;box-sizing:border-box;display:flex;flex-direction:column;gap:7px;padding:8px;border-radius:12px;border:1.5px solid transparent;background:var(--panel-2);cursor:pointer;transition:border-color var(--dur) var(--ease),transform var(--dur-fast) var(--ease)}.swatch:hover{border-color:color-mix(in srgb,var(--text) 25%,transparent)}.swatch:active{transform:scale(.97)}.swatch[aria-checked=true]{border-color:var(--accent)}.swatch:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 60%,transparent);outline-offset:2px}.swatch-strip{display:flex;height:24px;border-radius:7px;overflow:hidden}.swatch-strip span{flex:1}.swatch-name{font-size:12px;color:var(--text)}.bar-picture{display:block;width:100%;height:auto;border-radius:7px;background:var(--bg)}.bp-film{fill:#000}.bp-bar{fill:var(--panel-2)}.bp-ic{fill:var(--text)}.bp-mu{fill:var(--muted)}.bp-ac{fill:var(--accent)}.bp-trail{fill:var(--accent-2)}.bp-rest{fill:color-mix(in srgb,var(--text) 22%,transparent)}.bp-line{fill:var(--line)}.bp-out{fill:none;stroke:var(--text);stroke-width:1.3}.bp-dash{stroke:color-mix(in srgb,var(--text) 30%,transparent);stroke-width:3;stroke-dasharray:2 1.5}.bp-out-ac{fill:none;stroke:var(--accent);stroke-width:1.3}.bp-hatch{stroke:var(--accent);stroke-width:.9}.bp-ring{fill:none;stroke:color-mix(in srgb,var(--text) 22%,transparent);stroke-width:1.6}.bp-ring-on{fill:none;stroke:var(--accent-2);stroke-width:1.6;stroke-linecap:round}.bp-acs{fill:var(--accent-soft)}.bp-glow{filter:drop-shadow(0 0 2px color-mix(in srgb,var(--accent) 70%,transparent))}.swatch.own:not(.made):not([aria-checked=true]){border-style:dashed;border-color:color-mix(in srgb,var(--text) 25%,transparent)}.own-palette{display:flex;flex-direction:column;gap:8px;padding-top:4px}.colour-field{display:flex;align-items:center;gap:10px;font-size:13px}.colour-field span{min-width:84px}.colour-field input[type=color]{flex:none;width:44px;height:32px;padding:3px;border:0;border-radius:var(--radius-sm);background:var(--panel-2);cursor:pointer}.colour-field input[type=color]::-webkit-color-swatch-wrapper{padding:0}.colour-field input[type=color]::-webkit-color-swatch{border:1px solid color-mix(in srgb,var(--text) 22%,transparent);border-radius:5px}.colour-field input[type=color]::-moz-color-swatch{border:1px solid color-mix(in srgb,var(--text) 22%,transparent);border-radius:5px}.colour-field input[type=text]{width:10ch;padding:7px 10px;border-radius:var(--radius-btn);border:1px solid transparent;background:var(--panel-2);color:var(--text);font:13px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.colour-field input[type=text]:focus{outline:none;border-color:var(--accent)}.keys{display:grid;grid-template-columns:max-content 1fr;gap:8px 16px;margin:0;font-size:13px}.keys dt{display:flex;gap:4px}.keys dd{margin:0;color:var(--muted)}kbd{display:inline-block;min-width:18px;padding:1px 6px;border:1px solid color-mix(in srgb,var(--muted) 60%,transparent);border-bottom-width:2px;border-radius:5px;font-family:inherit;font-size:11px;line-height:16px;text-align:center;color:var(--text)}@media(max-width:720px){.sheet-backdrop{padding:0}.sheet{width:100%;height:100%;border-radius:0;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.sheet-nav{flex-direction:row;gap:4px;padding:8px;overflow-x:auto;overflow-y:hidden}.sheet-nav h2,.sheet-who{display:none}.sheet-tab{flex:none;padding:8px 12px}.sheet-head{padding-left:16px}.sheet-body{padding:6px 12px 18px}}.password-form{display:flex;flex-direction:column;gap:8px}.password-form label{display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--muted)}.password-form input{padding:8px 10px;border-radius:var(--radius-btn);border:1px solid transparent;background:var(--panel);color:var(--text);font-size:13px}.password-form input:focus{outline:none;border-color:var(--accent)}.password-actions button{padding:8px 16px;border:0;border-radius:var(--radius-btn);background:var(--accent);color:var(--on-accent);font-weight:600;font-size:12px;cursor:pointer}.password-actions button.danger{background:color-mix(in srgb,var(--danger) 14%,var(--panel));color:var(--danger)}.password-actions button.danger:hover:not(:disabled){background:color-mix(in srgb,var(--danger) 22%,var(--panel))}.password-actions button.plain{background:var(--panel-2);color:var(--text)}.password-actions button.plain:hover:not(:disabled){background:color-mix(in srgb,var(--text) 10%,var(--panel-2))}.picture-form .password-actions{display:flex;flex-wrap:wrap;gap:8px}.picture-row{display:flex;align-items:center;gap:14px}.avatar.picture-now{flex:none;width:56px;height:56px;transition:background-image var(--dur) var(--ease)}.picture-crop{display:flex;flex-direction:column;gap:10px}.picture-crop[hidden]{display:none}.picture-frame{position:relative;width:min(100%,240px);aspect-ratio:1;overflow:hidden;border-radius:var(--radius-sm);background:repeating-conic-gradient(var(--panel-2) 0 25%,transparent 0 50%) 0 0 / 16px 16px,var(--panel);cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.picture-frame.dragging{cursor:grabbing}.picture-frame:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.picture-frame img{position:absolute;top:0;left:0;max-width:none;transform-origin:0 0;pointer-events:none}.picture-frame:after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 999px color-mix(in srgb,var(--bg) 55%,transparent);outline:1.5px solid color-mix(in srgb,var(--text) 50%,transparent);pointer-events:none}.password-form .picture-zoom{flex-direction:row;align-items:center;gap:10px;max-width:240px}.password-form .picture-zoom input{flex:1;min-width:0;padding:0;background:none;accent-color:var(--accent)}.picture-fits{display:flex;flex-wrap:wrap;gap:6px}.picture-fits .ghost:disabled{opacity:.5;cursor:default}.notice{margin:0;font-size:12px;color:var(--muted)}.invites{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.invite{display:flex;flex-direction:column;gap:6px;padding:8px 10px;border-radius:12px;background:var(--panel)}.invite-head{display:flex;align-items:center;gap:8px}.invite-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500}.invite-status{flex:1;font-size:11px;color:var(--muted);white-space:nowrap}.invite-status.in{color:var(--accent-2)}.invite-link{display:flex;align-items:center;gap:6px}.invite-link input{flex:1;min-width:0;padding:6px 8px;border-radius:8px;border:1px solid transparent;background:var(--panel-2);color:var(--muted);font-size:11px}.invite-link input:focus{outline:none;border-color:var(--accent);color:var(--text)}@media(max-width:720px){#app{grid-template-columns:1fr;grid-template-rows:calc(100% - var(--side-height, 55%)) var(--side-height, 55%)}#app.no-queue,#app.queue-leaving{grid-template-columns:1fr;grid-template-rows:100% 0%}.side{border-left:0;border-top:1px solid color-mix(in srgb,var(--text) 15%,transparent)}#app.queue-entering .side,#app.queue-leaving .side{transform:translateY(24px)}.side-edge{grid-column:1;grid-row:2;inset:-3px 0 auto;width:auto;height:14px;cursor:row-resize}.side-edge:after{inset:2px 0 auto;width:auto;height:3px}#app.queue-resizing,#app.queue-resizing *{cursor:row-resize}}@media(max-width:720px)and (hover:none){.side-edge:after{top:5px;left:calc(50% - 20px);right:auto;width:40px;height:3px}}@media(max-width:720px),(max-height:500px)and (max-width:1199.98px){.side>.pane,#pane-chat,#pane-chat.chat-out{flex:1;min-height:0}.chat-edge{display:none}}@media(max-height:500px){.side{gap:8px;padding-top:10px;padding-bottom:10px}.pane,.side .chat-pane{gap:8px}}.login{background:var(--bg)}.login-form{display:flex;flex-direction:column;gap:12px;width:min(320px,100%);padding:26px;border-radius:24px;background:var(--panel);box-shadow:var(--elevation-2);text-align:left}.login-form h2{margin:0 0 4px;font-size:17px}.login-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.login-head h2{margin:0}.login-form .login-head .icon{margin:0;padding:0;background:transparent;color:var(--muted);box-shadow:none;font-weight:400}.login-form .login-head .icon:hover{background:color-mix(in srgb,var(--text) 12%,transparent);color:var(--text)}.login-form label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--muted)}.login-form input{padding:10px 12px;border-radius:var(--radius-btn);border:1px solid transparent;background:var(--panel-2);color:var(--text);font-size:14px}.login-form input:focus{outline:none;border-color:var(--accent)}.login-form .login-keep{flex-direction:row;align-items:center;gap:8px;font-size:13px;cursor:pointer;-webkit-user-select:none;user-select:none}.login-form .login-keep input{width:16px;height:16px;margin:0;padding:0;accent-color:var(--accent);cursor:pointer}.login-form .login-keep input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.login-form button{margin-top:4px;padding:11px;border:0;border-radius:var(--radius-btn);background:var(--accent);color:var(--on-accent);box-shadow:0 2px 6px color-mix(in srgb,var(--accent) 40%,transparent);font-weight:600;font-size:14px;cursor:pointer}.add button,.ghost,.gate button,.login-form button,.password-actions button{transition:background-color var(--dur-fast) var(--ease),filter var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.add button:active:not(:disabled),.ghost:active:not(:disabled),.gate button:active,.login-form button:active:not(:disabled),.password-actions button:active:not(:disabled){transform:scale(.96)}.pop{opacity:0;transform:translateY(6px) scale(.96);transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease)}.pop.open{opacity:1;transform:none}::view-transition-old(root),::view-transition-new(root){animation-duration:.35s;animation-timing-function:var(--ease)}@media(prefers-reduced-motion:reduce){:root{--dur-fast: 1ms;--dur: 1ms;--dur-slow: 1ms}*,*:before,*:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.spinner{animation-duration:3s!important;animation-iteration-count:infinite!important}}.chat-pane{display:flex;flex-direction:column;gap:12px;flex:1;min-height:0}body.chat-window{display:flex;flex-direction:column;padding:14px;background:var(--panel)}.chat-away{display:flex;align-items:center;gap:8px;padding-top:10px;border-top:1px solid var(--line);color:var(--muted)}.chat-away p{flex:1;min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-away-glyph{display:inline-flex;flex:none}.chat-away-glyph svg{display:block;width:16px;height:16px}.chat-away .ghost.small{position:relative;flex:none;gap:6px}.chat-away .chat-away-back{width:28px;height:28px;padding:0}.chat-away-word{display:none}#chat-away-show[data-count]:after{content:attr(data-count);position:absolute;top:-6px;right:-6px;min-width:14px;height:14px;padding:0 3px;box-sizing:border-box;border-radius:7px;background:var(--accent);color:var(--on-accent);font-size:9px;font-weight:700;line-height:14px;text-align:center;pointer-events:none}@media(max-width:720px),(max-height:500px)and (max-width:1199.98px){.chat-away{flex:1;flex-direction:column;justify-content:center;gap:10px;padding-top:0;border-top:0;text-align:center}.chat-away p{flex:none;margin:0 0 4px;white-space:normal}.chat-away-glyph svg{width:28px;height:28px}.chat-away .ghost.small{min-width:120px}.chat-away .chat-away-back{width:auto;height:auto;padding:4px 9px}.chat-away-word{display:inline}}@media(hover:none),(pointer:coarse){#chat-detach{display:none}}.chat-scroll{position:relative;display:flex;flex:1;min-height:0}.chat-log{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;margin:0;padding:0 2px 0 0;list-style:none;overflow-y:auto;overscroll-behavior:contain}.chat-log>:first-child{margin-top:auto}.chat-top{padding:6px 0;color:var(--muted);font-size:11px;text-align:center}.chat-top:empty{padding:0}.chat-top.empty{padding:24px 8px;font-size:12px}.chat-mark{display:flex;align-items:center;gap:8px;margin:10px 0 4px;color:var(--muted);font-size:11px}.chat-mark:before,.chat-mark:after{content:"";flex:1;min-width:12px;height:1px;background:var(--line)}.chat-mark-face{display:inline-flex;align-items:center;gap:6px;min-width:0;max-width:85%;padding:3px 9px 3px 3px;border:0;border-radius:999px;background:var(--panel-2);color:var(--muted);font:inherit;font-variant-numeric:tabular-nums}button.chat-mark-face{cursor:pointer;transition:background-color var(--dur-fast) var(--ease)}button.chat-mark-face:hover{background:color-mix(in srgb,var(--text) 10%,var(--panel-2))}.chat-mark-thumb{display:grid;place-items:center;flex:none;width:28px;height:16px;border-radius:999px 4px 4px 999px;background:var(--panel) center / cover no-repeat;color:var(--muted)}.chat-mark-thumb.picture{background-color:#000}.chat-mark-thumb svg{width:11px;height:11px}.chat-mark-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--accent-2);font-weight:500}.chat-mark-at{flex:none}.chat-run{display:flex;gap:8px;padding:4px 2px}.chat-run .avatar{flex:none;margin-top:1px}.chat-body{flex:1;min-width:0}.chat-head{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:6px;color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}.chat-name{color:var(--text);font-size:12px;font-weight:500}.chat-at{color:var(--accent-2)}button.chat-at{all:unset;color:var(--accent-2);border-radius:4px;cursor:pointer}button.chat-at:hover{text-decoration:underline}button.chat-at:focus-visible,button.chat-mark-face:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.chat-body{-webkit-user-select:text;user-select:text}.chat-text{cursor:text;margin:1px 0 0;font-size:13px;line-height:1.4;overflow-wrap:anywhere;white-space:pre-wrap}.chat-text a{color:var(--accent-2)}.chat-mention{padding:0 3px;border-radius:5px;background:var(--accent-soft);color:var(--text);font-weight:500}.chat-mention.you{background:var(--accent);color:var(--on-accent)}.chat-text.calls-you{margin-left:-8px;padding:1px 6px;border-left:2px solid var(--accent);border-radius:0 6px 6px 0;background:color-mix(in srgb,var(--accent) 12%,transparent)}.chat-notice{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;column-gap:5px;margin:6px 0;color:var(--muted);font-size:11px}.chat-notice .chat-name{font-size:11px}.chat-notice-says{min-width:0;overflow-wrap:anywhere;text-align:center}.chat-notice-glyph{display:inline-flex}.chat-notice-glyph svg{width:13px;height:13px}.chat-form{position:relative;align-items:flex-end}.chat-box{flex:1;min-width:0;min-height:40px;max-height:120px;box-sizing:border-box;padding:9px 12px;border:1px solid transparent;border-radius:var(--radius-btn);background:var(--panel-2);color:var(--text);line-height:20px;white-space:pre-wrap;overflow-wrap:anywhere;overflow-y:auto;overscroll-behavior:contain;cursor:text;transition:border-color var(--dur-fast) var(--ease)}.chat-box:focus{outline:none;border-color:var(--accent)}.chat-box:empty:before{content:attr(data-placeholder);color:var(--muted);pointer-events:none}.chat-box img.emoji{width:20px;height:20px;margin:0 1px;vertical-align:-4px}.chat-form .chat-emoji{display:inline-flex;align-items:center;justify-content:center;flex:none;width:40px;height:40px;padding:0;background:transparent;color:var(--muted)}.chat-form .chat-emoji:hover,.chat-form .chat-emoji.open{background:var(--panel-2);color:var(--text)}.chat-form .chat-emoji svg{width:22px;height:22px}.chat-problem{position:absolute;left:2px;right:2px;bottom:calc(100% + 1px);margin:0;color:var(--danger);font-size:11px;line-height:11px}.chat-typing{position:absolute;left:2px;right:2px;bottom:calc(100% + 1px);display:flex;align-items:center;gap:6px;margin:0;overflow:hidden;color:var(--muted);font-size:11px;line-height:11px;white-space:nowrap;text-overflow:ellipsis;pointer-events:none}.chat-typing-dots{display:inline-flex;gap:2px}.chat-typing-dots i{width:4px;height:4px;border-radius:50%;background:currentColor;animation:chat-typing 1.2s var(--ease) infinite}.chat-typing-dots i:nth-child(2){animation-delay:.15s}.chat-typing-dots i:nth-child(3){animation-delay:.3s}@keyframes chat-typing{0%,60%,to{opacity:.35;transform:none}30%{opacity:1;transform:translateY(-2px)}}.chat-form button[type=submit]{display:inline-flex;align-items:center;justify-content:center;flex:none;width:40px;height:40px;padding:0}.chat-form button[type=submit] svg{width:18px;height:18px}.chat-picks{position:absolute;left:0;right:0;bottom:calc(100% + 6px);z-index:20;display:flex;flex-direction:column;gap:2px;margin:0;padding:6px;list-style:none;border-radius:12px;background:var(--panel-2);box-shadow:var(--elevation-2)}.chat-pick{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--radius-sm);font-size:13px;cursor:pointer}.chat-pick[aria-selected=true]{background:var(--accent-soft)}.chat-pick-emoji{display:inline-flex;flex:none}.chat-pick-emoji img.emoji{width:24px;height:24px}.chat-pick .avatar{flex:none;cursor:pointer}.chat-pick-command{display:grid;flex:none;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--accent);color:var(--on-accent)}.chat-pick-command svg{width:13px;height:13px}.avatar.everyone{background:var(--accent);color:var(--on-accent)}.chat-pick-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-pick-hint{flex:none;color:var(--muted);font-size:11px}.chat-log.no-marks .chat-mark,.chat-log.no-marks .chat-at{display:none}.chat-newer{position:absolute;bottom:8px;left:50%;transform:translate(-50%);padding:5px 12px;border:0;border-radius:999px;background:var(--accent);color:var(--on-accent);box-shadow:var(--elevation-1);font-size:12px;font-weight:600;white-space:nowrap;cursor:pointer}.tab[data-count]{position:relative}.tab[data-count]:after,#hide-queue[data-count]:before{content:attr(data-count);position:absolute;min-width:14px;height:14px;padding:0 3px;box-sizing:border-box;border-radius:7px;background:var(--accent);color:var(--on-accent);font-size:9px;font-weight:700;line-height:14px;text-align:center;pointer-events:none}.tab[data-count]:after{top:-3px;left:calc(100% + 2px)}#hide-queue[data-count]{position:relative}#hide-queue[data-count]:before{top:1px;right:0}.chat-toasts{position:absolute;z-index:5;left:12px;bottom:12px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:6px;max-width:min(360px,calc(100% - 24px));max-height:calc(50% - 18px);overflow:hidden;pointer-events:none}.chat-toast{display:flex;align-items:flex-start;gap:8px;max-width:100%;padding:6px 10px 6px 6px;border-radius:12px;background:color-mix(in srgb,var(--bg) 84%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 6px 20px #00000059;color:var(--text);font-size:12px;line-height:1.4;animation:chat-toast-in var(--dur) var(--ease);transition:opacity var(--dur-slow) var(--ease),transform var(--dur-slow) var(--ease)}.chat-toast.mention{box-shadow:inset 0 0 0 1.5px var(--accent),0 6px 20px #00000059}.chat-toast.notice{align-items:center}.chat-toast .chat-notice-glyph{padding:0 2px;color:var(--accent-2)}.chat-toast .chat-notice-glyph svg{width:15px;height:15px}.paused-by{position:absolute;z-index:5;top:calc(12px + var(--title-room, 0px));left:50%;display:flex;align-items:center;gap:7px;max-width:calc(100% - 24px);box-sizing:border-box;padding:6px 12px 6px 9px;border-radius:999px;background:color-mix(in srgb,var(--bg) 84%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 6px 20px #00000059;color:var(--text);font-size:12px;line-height:1.4;white-space:nowrap;pointer-events:none;transform:translate(-50%);animation:paused-by-in var(--dur) var(--ease);transition:top var(--dur) var(--ease)}.paused-by-glyph{display:flex;flex:none;color:var(--accent-2)}.paused-by-glyph svg{width:14px;height:14px}.paused-by-says{min-width:0;overflow:hidden;text-overflow:ellipsis}@keyframes paused-by-in{0%{opacity:0;transform:translate(-50%,-4px)}}.chat-toast.going{opacity:0;transform:translateY(4px)}.chat-toast .avatar{flex:none;width:20px;height:20px;font-size:10px}.chat-toast-body{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;min-width:0;overflow:hidden;overflow-wrap:anywhere}@keyframes chat-toast-in{0%{opacity:0;transform:translateY(6px)}}.item.found{animation:chat-found 1.6s var(--ease)}@keyframes chat-found{0%{box-shadow:0 0 0 2px var(--accent)}to{box-shadow:0 0 0 2px transparent}}.chat-line{position:relative}.chat-text.jumbo .emoji{width:48px;height:48px;margin:2px 1px;vertical-align:middle}.chat-react-add{position:absolute;top:-12px;right:0;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:1px solid color-mix(in srgb,var(--text) 12%,transparent);border-radius:8px;background:var(--panel);color:var(--muted);box-shadow:var(--elevation-1);cursor:pointer}.chat-react-add:hover,.chat-react-add.open{color:var(--text)}.chat-react-add svg{width:18px;height:18px}.chat-reactions{display:flex;flex-wrap:wrap;gap:4px;margin:3px 0 2px}.chat-reaction{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 8px 0 6px;border:1px solid transparent;border-radius:999px;background:var(--panel-2);color:var(--muted);font:inherit;font-size:12px;font-weight:500;cursor:pointer;transition:border-color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.chat-reaction:hover{border-color:color-mix(in srgb,var(--text) 20%,transparent)}.chat-reaction.mine{border-color:var(--accent);background:var(--accent-soft);color:var(--text)}.chat-reaction .emoji{width:16px;height:16px;margin:0;vertical-align:middle}.chat-reaction.add{padding:0 6px}.chat-reaction.add svg{width:16px;height:16px}.chat-pane{position:relative}.emoji-picker{position:absolute;z-index:30;display:flex;flex-direction:column;box-sizing:border-box;padding:8px 8px 0;border-radius:12px;background:var(--panel-2);color:var(--text);box-shadow:var(--elevation-2)}.emoji-top{display:flex;gap:6px;align-items:center}.emoji-top input{flex:1;min-width:0;height:32px;box-sizing:border-box;padding:0 10px;border:1px solid transparent;border-radius:var(--radius-sm);background:var(--panel);color:var(--text);font:inherit;font-size:13px}.emoji-top input:focus{outline:none;border-color:var(--accent)}.emoji-tone,.emoji-group,.emoji-cell{display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:6px;background:transparent;cursor:pointer}.emoji-tone{width:32px;height:32px;flex:none}.emoji-tone img.emoji{width:22px;height:22px}.emoji-tones{display:flex;justify-content:flex-end;gap:2px;margin-top:4px}.emoji-tones .emoji-cell[aria-selected=true]{background:var(--accent-soft)}.emoji-groups{display:flex;justify-content:space-between;margin:6px -2px 0;padding-bottom:4px;border-bottom:1px solid color-mix(in srgb,var(--text) 10%,transparent)}.emoji-group{width:30px;height:30px;opacity:.7}.emoji-group:hover{opacity:1;background:var(--panel)}.emoji-group img.emoji{width:20px;height:20px}.emoji-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;margin:0 -8px;padding:0 8px}.emoji-section h3{position:sticky;top:0;z-index:1;margin:0;padding:8px 2px 4px;background:var(--panel-2);color:var(--muted);font-size:11px;font-weight:600}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr)}.emoji-cell{width:100%;aspect-ratio:1}.emoji-cell:hover,.emoji-cell:focus-visible{background:var(--panel)}.emoji-cell img.emoji{width:28px;height:28px}.emoji-results{margin:0}p.emoji-results{padding:16px 4px;color:var(--muted);font-size:13px}.emoji-foot{display:flex;align-items:center;gap:8px;height:40px;flex:none;border-top:1px solid color-mix(in srgb,var(--text) 10%,transparent);font-size:13px}.emoji-foot-face img.emoji{width:24px;height:24px;vertical-align:middle}.emoji-foot-name{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.emoji-foot-code{color:var(--muted);font-size:12px}@media(hover:none){.emoji-foot{display:none}.emoji-scroll{padding-bottom:8px}}[data-controls=capsule] :is(.ghost,.add button:not(.icon),.voice-actions button,.password-actions button,.login-form button:not(.icon),.gate button:not(.icon),.fetching .share-again),[data-controls=capsule] :is(.add input,.search,.ask-field input,.colour-field input[type=text],.password-form input,.invite-link input,.login-form input:not([type=checkbox]),.editor-name,.emoji-top input),[data-controls=capsule] :is(.segmented button,.sheet-tab,.menu-row,.menu-option,.stats-tabs button,.chat-pick,.list-open),[data-controls=capsule] .icon,[data-controls=capsule] .thumb,[data-controls=capsule] .swatch-strip{border-radius:999px}[data-controls=capsule] .chat-box{border-radius:20px}[data-controls=capsule] :is(.item,.list,.card,.menu,.swatch,.volume-pill,.stats,.invite,.editor-share-row,.chat-picks,.chat-toast,.emoji-picker,.user-tip,.seek-tip,.editor-list,.segmented),[data-controls=capsule] :is(.locked-note,.voice-strip,.voice-everyone,.voice-tune,.voice-more){border-radius:22px}[data-controls=capsule] :is(.sheet,.ask,.login-form){border-radius:28px}[data-controls=capsule] .tabs{gap:6px;border-bottom:0}[data-controls=capsule] .tab{padding:6px 14px;border-bottom:0;border-radius:999px}[data-controls=capsule] .tab.active{background:var(--panel-2);color:var(--text)}[data-controls=capsule] .tab-marker{display:none}[data-controls=rows] :is(.item,.list){background:transparent;border-radius:10px}[data-controls=rows] :is(.item,.list):hover{background:color-mix(in srgb,var(--text) 6%,transparent)}[data-controls=rows] .item.current{background:color-mix(in srgb,var(--text) 11%,transparent);box-shadow:none}[data-controls=rows] :is(.add input,.search,.ask-field input,.colour-field input[type=text],.password-form input,.invite-link input,.login-form input:not([type=checkbox]),.editor-name,.emoji-top input),[data-controls=rows] .chat-box{border-color:color-mix(in srgb,var(--text) 24%,transparent);background:transparent}[data-controls=rows] :is(.add input,.search,.ask-field input,.colour-field input[type=text],.password-form input,.invite-link input,.login-form input:not([type=checkbox]),.editor-name,.emoji-top input){border-radius:999px}[data-controls=rows] .chat-box{border-radius:20px}[data-controls=rows] :is(:is(.add input,.search,.ask-field input,.colour-field input[type=text],.password-form input,.invite-link input,.login-form input:not([type=checkbox]),.editor-name,.emoji-top input),.chat-box):is(:focus,:focus-within){border-color:var(--accent)}[data-controls=rows] :is(.ghost,.add button:not(.icon),.voice-actions button,.password-actions button,.login-form button:not(.icon),.gate button:not(.icon),.fetching .share-again),[data-controls=rows] .icon:not(.controls .icon){border-radius:999px}[data-controls=rows] :is(.add button:not(.file-btn,.icon),.ghost.primary,.voice-actions .voice-join,.password-actions button,.login-form button:not(.icon),.gate button:not(.icon),.fetching .share-again):not(:disabled){background:var(--text);color:var(--bg);box-shadow:none}[data-controls=rows] :is(.add button:not(.file-btn,.icon),.ghost.primary,.voice-actions .voice-join,.password-actions button,.login-form button:not(.icon),.gate button:not(.icon),.fetching .share-again):not(:disabled):hover{background:var(--text);filter:brightness(.88)}[data-controls=rows] :is(.ghost:not(.primary,.danger),.add .file-btn,.voice-actions button:not(.voice-join)){background:color-mix(in srgb,var(--text) 10%,transparent)}[data-controls=rows] :is(.ghost:not(.primary,.danger),.add .file-btn,.voice-actions button:not(.voice-join)):hover{background:color-mix(in srgb,var(--text) 16%,transparent)}[data-controls=rows] .segmented{gap:6px;padding:0;background:transparent}[data-controls=rows] .segmented button{border-radius:8px;background:color-mix(in srgb,var(--text) 10%,transparent);color:var(--text)}[data-controls=rows] .segmented button[aria-checked=true]{background:var(--text);color:var(--bg)}[data-controls=rows] .tab.active{color:var(--text)}[data-controls=rows] .tab-marker{background:var(--text)}[data-controls=centred] :is(.item,.list){background:transparent;border-radius:10px}[data-controls=centred] :is(.item,.list):hover{background:color-mix(in srgb,var(--text) 6%,transparent)}[data-controls=centred] .item.current{background:transparent;box-shadow:none}[data-controls=centred] .item.current .item-title{color:var(--accent)}[data-controls=centred] :is(.item,.list,.card,.menu,.swatch,.volume-pill,.stats,.invite,.editor-share-row,.chat-picks,.chat-toast,.emoji-picker,.user-tip,.seek-tip,.editor-list,.segmented){border-radius:16px}[data-controls=centred] :is(.ghost,.add button:not(.icon),.voice-actions button,.password-actions button,.login-form button:not(.icon),.gate button:not(.icon),.fetching .share-again),[data-controls=centred] :is(.add input,.search,.ask-field input,.colour-field input[type=text],.password-form input,.invite-link input,.login-form input:not([type=checkbox]),.editor-name,.emoji-top input),[data-controls=centred] .segmented,[data-controls=centred] .segmented button,[data-controls=centred] .sheet-tab,[data-controls=centred] .icon:not(.controls .icon){border-radius:999px}[data-controls=centred] .chat-box{border-radius:20px}[data-controls=centred] .segmented button[aria-checked=true],[data-controls=centred] .sheet-tab[aria-selected=true]{background:var(--accent);color:var(--on-accent)}[data-controls=centred] .tabs{gap:18px;border-bottom:0}[data-controls=centred] .tab{padding:2px 0 6px;border-bottom:0;font-size:15px;font-weight:700}[data-controls=centred] .tab.active{color:var(--text)}[data-controls=centred] .tab-marker{display:none}[data-controls=grouped] .tabs{align-self:flex-start;gap:2px;padding:3px;border-bottom:0;border-radius:12px;background:var(--panel-2)}[data-controls=grouped] .tab{padding:6px 12px;border-bottom:0;border-radius:9px}[data-controls=grouped] .tab.active{background:color-mix(in srgb,var(--text) 14%,transparent);color:var(--text)}[data-controls=grouped] .tab-marker{display:none}[data-controls=grouped] .add,[data-controls=grouped] .queue-modes,[data-controls=grouped] .queue,[data-controls=grouped] .lists{gap:2px;padding:3px;border-radius:13px;background:var(--panel-2)}[data-controls=grouped] .queue,[data-controls=grouped] .lists{gap:3px;border-radius:16px}[data-controls=grouped] .add :is(input,.file-btn,.chat-box){background:transparent}[data-controls=grouped] .add button:not(.file-btn,.icon):not(:disabled){background:var(--accent-soft);color:var(--text)}[data-controls=grouped] .queue-modes .ghost{background:color-mix(in srgb,var(--text) 8%,transparent)}[data-controls=grouped] :is(.queue,.lists)>:is(.item,.list),[data-controls=grouped] .group-items .item{background:var(--panel)}[data-controls=grouped] :is(.queue,.lists)>.item.current,[data-controls=grouped] .group-items .item.current{background:var(--accent-soft)}:root[data-theme=light][data-controls=grouped] :is(.tabs,.add,.queue-modes,.queue,.lists){background:var(--bg)}[data-controls=minimal] :is(.add input,.search,.ask-field input,.colour-field input[type=text],.password-form input,.invite-link input,.login-form input:not([type=checkbox]),.editor-name,.emoji-top input),[data-controls=minimal] .chat-box{border-width:0 0 1px;border-style:solid;border-color:color-mix(in srgb,var(--text) 28%,transparent);border-radius:0;background:transparent;padding-left:2px;padding-right:2px}[data-controls=minimal] :is(:is(.add input,.search,.ask-field input,.colour-field input[type=text],.password-form input,.invite-link input,.login-form input:not([type=checkbox]),.editor-name,.emoji-top input),.chat-box):is(:focus,:focus-within){border-color:var(--accent)}[data-controls=minimal] :is(.ghost:not(.primary,.danger),.add .file-btn,.voice-actions button:not(.voice-join)){background:transparent;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--text) 28%,transparent)}[data-controls=minimal] :is(.ghost:not(.primary,.danger),.add .file-btn,.voice-actions button:not(.voice-join)):hover{background:color-mix(in srgb,var(--text) 7%,transparent)}[data-controls=minimal] :is(.add button:not(.file-btn,.icon),.ghost.primary,.voice-actions .voice-join,.password-actions button,.login-form button:not(.icon),.gate button:not(.icon),.fetching .share-again):not(:disabled){background:transparent;color:var(--text);box-shadow:inset 0 0 0 1.5px currentColor}[data-controls=minimal] :is(.add button:not(.file-btn,.icon),.ghost.primary,.voice-actions .voice-join,.password-actions button,.login-form button:not(.icon),.gate button:not(.icon),.fetching .share-again):not(:disabled):hover{background:color-mix(in srgb,var(--text) 10%,transparent);filter:none}[data-controls=minimal] .queue,[data-controls=minimal] .lists,[data-controls=minimal] .group-items{gap:0}[data-controls=minimal] :is(.item,.list),[data-controls=minimal] .group-items .item{border-radius:0;background:transparent;box-shadow:inset 0 -1px 0 var(--line)}[data-controls=minimal] :is(.item,.list):hover{background:color-mix(in srgb,var(--text) 5%,transparent)}[data-controls=minimal] .item.current,[data-controls=minimal] .group-items .item.current{background:transparent;box-shadow:inset 0 -1px 0 var(--line)}[data-controls=minimal] .item.current .item-title{color:var(--accent)}[data-controls=minimal] .segmented{gap:16px;padding:0;background:transparent}[data-controls=minimal] .segmented button{padding:6px 0;border-radius:0}[data-controls=minimal] .segmented button[aria-checked=true]{background:transparent;box-shadow:inset 0 -1.5px 0 var(--text)}[data-controls=minimal] .tab-marker{height:1px;background:var(--text)}[data-controls=minimal] .tab.active{color:var(--text)}[data-controls=minimal] :is(.card,.swatch,.voice-strip){background:transparent;box-shadow:inset 0 0 0 1px var(--line)}[data-controls=cyber] .ghost,[data-controls=cyber] .add .file-btn,[data-controls=cyber] .voice-actions button:not(.voice-join),[data-controls=cyber] :is(.add input,.search,.ask-field input,.colour-field input[type=text],.password-form input,.invite-link input,.login-form input:not([type=checkbox]),.editor-name,.emoji-top input),[data-controls=cyber] .chat-box,[data-controls=cyber] :is(.segmented button,.sheet-tab,.menu-row,.menu-option,.stats-tabs button,.chat-pick,.list-open),[data-controls=cyber] .icon:not(.controls .icon),[data-controls=cyber] .thumb{border-radius:0;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}[data-controls=cyber] :is(.item,.list,.card,.menu,.swatch,.volume-pill,.stats,.invite,.editor-share-row,.chat-picks,.chat-toast,.emoji-picker,.user-tip,.seek-tip,.editor-list,.segmented){border-radius:0;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}[data-controls=cyber] :is(.sheet,.ask,.login-form){border-radius:0;clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px)}[data-controls=cyber] :is(.locked-note,.voice-strip,.voice-everyone,.voice-tune,.voice-more){border-radius:0}[data-controls=cyber] :is(.ghost:not(.primary,.danger),.add .file-btn,.voice-actions button:not(.voice-join)),[data-controls=cyber] :is(.add input,.search,.ask-field input,.colour-field input[type=text],.password-form input,.invite-link input,.login-form input:not([type=checkbox]),.editor-name,.emoji-top input),[data-controls=cyber] .chat-box,[data-controls=cyber] :is(.item,.list,.card,.menu,.swatch,.volume-pill,.stats,.invite,.editor-share-row,.chat-picks,.chat-toast,.emoji-picker,.user-tip,.seek-tip,.editor-list,.segmented),[data-controls=cyber] :is(.locked-note,.voice-strip,.voice-everyone,.voice-tune,.voice-more){box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 32%,transparent)}[data-controls=cyber] :is(.sheet,.ask,.login-form){box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 50%,transparent)}[data-controls=cyber] .item.current,[data-controls=cyber] .group-items .item.current{background:color-mix(in srgb,var(--accent) 14%,var(--panel-2));box-shadow:inset 0 0 0 1.5px var(--accent)}[data-controls=cyber] .segmented button[aria-checked=true],[data-controls=cyber] .sheet-tab[aria-selected=true]{background:var(--accent);color:var(--on-accent)}[data-controls=cyber] :is(.add button:not(.file-btn,.icon),.ghost.primary,.voice-actions .voice-join,.password-actions button,.login-form button:not(.icon),.gate button:not(.icon),.fetching .share-again):not(:disabled),[data-controls=cyber] :is(.add button:not(.file-btn,.icon),.ghost.primary,.voice-actions .voice-join,.password-actions button,.login-form button:not(.icon),.gate button:not(.icon),.fetching .share-again):not(:disabled):hover{border-radius:0;background:linear-gradient(135deg,transparent 5px,var(--accent) 5.5px) top / 100% 51% no-repeat,linear-gradient(-45deg,transparent 5px,var(--accent) 5.5px) bottom / 100% 51% no-repeat;box-shadow:none;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--accent) 55%,transparent))}[data-controls=cyber] :is(.add button:not(.file-btn,.icon),.ghost.primary,.voice-actions .voice-join,.password-actions button,.login-form button:not(.icon),.gate button:not(.icon),.fetching .share-again):not(:disabled):hover{filter:drop-shadow(0 0 8px color-mix(in srgb,var(--accent) 70%,transparent)) brightness(1.08)}:root[data-theme=light][data-controls=cyber] :is(.add button:not(.file-btn,.icon),.ghost.primary,.voice-actions .voice-join,.password-actions button,.login-form button:not(.icon),.gate button:not(.icon),.fetching .share-again):not(:disabled){filter:none}[data-controls=cyber] :is(.ghost,.add .file-btn,.voice-actions button,:is(.add input,.search,.ask-field input,.colour-field input[type=text],.password-form input,.invite-link input,.login-form input:not([type=checkbox]),.editor-name,.emoji-top input),.chat-box,:is(.segmented button,.sheet-tab,.menu-row,.menu-option,.stats-tabs button,.chat-pick,.list-open),.icon):focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--accent)}[data-controls=cyber] :is(.label,.tab,.sheet-tab,.segmented button,.item-meta,.menu-value,.stats-tabs button){font-family:JetBrains Mono,Roboto,sans-serif;letter-spacing:.03em}[data-controls=cyber] .tab{font-size:12px;text-transform:uppercase}[data-controls=cyber] .tab.active{color:var(--accent)}[data-controls=cyber] .tab-marker{border-radius:0;background:var(--accent);box-shadow:0 0 8px var(--accent)}[data-controls=cyber] .label{color:var(--accent-2)}[data-controls=cyber] .side{background-image:repeating-linear-gradient(to bottom,color-mix(in srgb,var(--accent) 4%,transparent) 0 1px,transparent 1px 3px)}[data-controls=capsule] :is(.chat-toast,.paused-by,.locked-note,.back-fullscreen,.voice-overlay[data-look=solid] .voice-person){background:color-mix(in srgb,var(--bg) 68%,transparent);-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--text) 12%,transparent),0 6px 24px #00000059}[data-controls=capsule] :is(.chat-toast,.locked-note){border-radius:20px}[data-controls=rows] :is(.chat-toast,.paused-by,.locked-note,.back-fullscreen,.voice-overlay[data-look=solid] .voice-person){border-radius:8px;background:color-mix(in srgb,var(--bg) 90%,transparent);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}[data-controls=centred] :is(.chat-toast,.locked-note){border-radius:16px}[data-controls=centred] :is(.chat-toast,.paused-by) .chat-name{color:var(--accent)}[data-controls=grouped] :is(.chat-toast,.paused-by,.locked-note,.back-fullscreen,.voice-overlay[data-look=solid] .voice-person){background:var(--panel-2);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:var(--elevation-1)}[data-controls=grouped] :is(.chat-toast,.locked-note){border-radius:13px}[data-controls=minimal] :is(.chat-toast,.paused-by,.locked-note,.back-fullscreen,.voice-overlay[data-look=solid] .voice-person){background:color-mix(in srgb,var(--bg) 55%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--text) 30%,transparent)}[data-controls=cyber] :is(.chat-toast,.paused-by,.back-fullscreen,.voice-overlay[data-look=solid] .voice-person){border-radius:0;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}[data-controls=cyber] .locked-note{border-radius:0}[data-controls=cyber] :is(.chat-toast,.paused-by,.locked-note,.back-fullscreen,.voice-overlay[data-look=solid] .voice-person){background:color-mix(in srgb,var(--bg) 86%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 50%,transparent)}[data-controls=cyber] :is(.chat-toast .chat-name,.paused-by,.locked-note){font-family:JetBrains Mono,Roboto,sans-serif}[data-controls=cyber] :is(.chat-toast,.paused-by) .chat-name{color:var(--accent)}[data-controls] .chat-toasts .chat-toast.mention{box-shadow:inset 0 0 0 1.5px var(--accent),0 6px 20px #00000059}[data-controls=cyber] .chat-toasts .chat-toast.mention{box-shadow:inset 0 0 0 1.5px var(--accent)}[data-controls=grouped] .chat-toasts:has(>.chat-toast){gap:3px;padding:4px;border-radius:16px;background:color-mix(in srgb,var(--bg) 80%,transparent);box-shadow:var(--elevation-1)}[data-controls=grouped] .chat-toasts .chat-toast{box-shadow:none}[data-controls=grouped] .voice-overlay[data-look=solid]:has(>.voice-person:not([hidden])){gap:3px;border-radius:18px;background:color-mix(in srgb,var(--bg) 80%,transparent);box-shadow:var(--elevation-1)}[data-controls=grouped] .voice-overlay[data-look=solid] .voice-person{border-radius:13px;box-shadow:none}:is([data-controls=centred],[data-controls=cyber]) .voice-overlay .voice-person.talking .voice-name{color:var(--accent)}[data-controls=cyber] .voice-overlay :is(.voice-name,.voice-rest){font-family:JetBrains Mono,Roboto,sans-serif;letter-spacing:.02em}[data-controls=grouped] .avatar{border-radius:30%}[data-controls=minimal] .avatar{border-radius:22%}[data-controls=grouped] :is(.avatar.in-voice:after,.voice-bubble .voice-off){border-radius:30%}[data-controls=minimal] :is(.avatar.in-voice:after,.voice-bubble .voice-off){border-radius:2px}[data-controls=cyber] .avatar{border-radius:0;clip-path:polygon(28% 0,100% 0,100% 72%,72% 100%,0 100%,0 28%)}[data-controls=cyber] .avatar.guest{outline-color:#fffc;outline-offset:-3.5px}[data-controls=cyber] .avatar.in-voice:after{top:1px;right:1px;bottom:auto;width:5px;height:5px;border-width:1.5px;border-radius:0}[data-controls=cyber] .voice-bubble .voice-off{border-radius:0;clip-path:polygon(28% 0,100% 0,100% 72%,72% 100%,0 100%,0 28%)}[data-controls=cyber] :is(.avatar.talking,.voice-bubble .avatar.talking,.voice-everyone .voice-person.talking .avatar,.voice-overlay .voice-person.talking .avatar){box-shadow:inset 0 0 0 2px var(--accent),inset 0 0 8px 1px color-mix(in srgb,var(--accent) 80%,transparent)}:root[data-theme=light] .viewport :is(.locked-note,.back-fullscreen){background:var(--panel);-webkit-backdrop-filter:none;backdrop-filter:none}:root[data-theme=light] .viewport .back-fullscreen:hover{background:color-mix(in srgb,var(--text) 10%,var(--panel))}.bar-title{display:none;min-width:0}.bar-title>span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.bar-title-next{font-size:12px;color:var(--muted)}.bar-title-next:empty{display:none}.seek-scale,.seek-frames,.glass-glow{display:none}:is([data-controls=theatre],[data-controls=ring]) .viewport .now-title{display:none}:is([data-controls=theatre],[data-controls=ring]) .viewport .now-title~:is(.stats,.voice-overlay,.paused-by){--title-room: 0px}[data-controls=deck] .controls .icon[data-label]:after{content:attr(data-label);position:absolute;left:-6px;right:-6px;bottom:0;inset-block-start:auto;padding:0;border-radius:0;background:none;color:var(--muted);font:600 9px/10px JetBrains Mono,ui-monospace,monospace;letter-spacing:.1em;text-align:center;text-transform:uppercase;white-space:nowrap;pointer-events:none}[data-controls=deck] .controls .player-settings-btn.cc-on:after{content:"Set · CC";color:var(--accent)}[data-controls=theatre] .controls{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"seek seek seek clock" "transport title tools view";align-items:center;gap:4px 14px;padding:10px 18px 12px;background:var(--panel)}[data-controls=theatre] .ctl-transport,[data-controls=theatre] .ctl-tools,[data-controls=theatre] .ctl-view{display:flex;align-items:center;gap:2px}[data-controls=theatre] .ctl-transport{grid-area:transport}[data-controls=theatre] .ctl-tools{grid-area:tools}[data-controls=theatre] .ctl-view{grid-area:view}[data-controls=theatre] .seek-wrap{grid-area:seek}[data-controls=theatre] .clock{grid-area:clock;justify-self:end}[data-controls=theatre] .bar-title{grid-area:title;display:grid;line-height:1.3}[data-controls=theatre] .bar-title-name{font-size:16px;font-weight:500}[data-controls=theatre] .controls :is(.ctl-transport,.ctl-tools,.ctl-view,.player-settings,.volume)>.icon{width:40px;height:40px}[data-controls=theatre] .controls .icon svg:not(.lock-ring){width:22px;height:22px}[data-controls=theatre] .lock-btn .lock-ring .ring-square{rx:7.5px}[data-controls=theatre] #toggle{width:40px;height:40px;background:transparent;color:var(--text);box-shadow:none}[data-controls=theatre] #toggle:hover{background:color-mix(in srgb,var(--text) 12%,transparent);filter:none}[data-controls=theatre] #toggle svg{width:28px;height:28px}[data-controls=theatre] :is(.seek,.volume-slider){--track: 3px}@media(hover:hover){[data-controls=theatre] .seek-wrap:not(:hover,:focus-within,:active) .seek::-webkit-slider-thumb{background:transparent}[data-controls=theatre] .seek-wrap:not(:hover,:focus-within,:active) .seek::-moz-range-thumb{background:transparent}}[data-controls=theatre] .stage.immersive .controls{padding:14px 24px 18px}@container player (max-width: 560px){[data-controls=theatre] .controls{grid-template-areas:"seek seek seek clock" "title title title title" "transport . tools view";gap:4px 8px;padding:8px 12px 10px}[data-controls=theatre] .bar-title-next{display:none}[data-controls=theatre] .bar-title-name{font-size:14px}[data-controls=theatre] .controls .icon:not(#toggle) svg:not(.lock-ring){width:20px;height:20px}}[data-controls=theatre] .side{gap:14px;padding:16px}[data-controls=theatre] .tab{font-size:15px}[data-controls=theatre] :is(.queue,.lists){gap:0}[data-controls=theatre] :is(.queue,.lists)>:is(.item,.list){padding:9px 2px;border-radius:0;background:transparent;border-bottom:1px solid var(--line)}[data-controls=theatre] :is(.queue,.lists)>:is(.item,.list):hover{background:color-mix(in srgb,var(--text) 5%,transparent)}[data-controls=theatre] .item.current{background:transparent;box-shadow:none}[data-controls=theatre] .item.current .item-title{color:var(--accent-2)}[data-controls=theatre] .item-title{font-size:14px}[data-controls=theatre] .thumb{width:64px;height:36px;border-radius:4px}[data-controls=theatre] :is(.add input,.search,.ask-field input,.colour-field input[type=text],.password-form input,.invite-link input,.login-form input:not([type=checkbox]),.editor-name,.emoji-top input),[data-controls=theatre] .chat-box{border-color:var(--line);background:transparent;border-radius:6px}[data-controls=theatre] :is(:is(.add input,.search,.ask-field input,.colour-field input[type=text],.password-form input,.invite-link input,.login-form input:not([type=checkbox]),.editor-name,.emoji-top input),.chat-box):is(:focus,:focus-within){border-color:var(--accent)}[data-controls=theatre] :is(.ghost,.add button:not(.icon),.voice-actions button,.password-actions button,.login-form button:not(.icon),.gate button:not(.icon),.fetching .share-again),[data-controls=theatre] :is(.card,.menu,.volume-pill,.stats,.chat-picks,.emoji-picker,.segmented){border-radius:6px}[data-controls=theatre] .voice-strip{padding:4px 0;background:transparent;border-block:1px solid var(--line);border-radius:0}[data-controls=theatre] .chat-mark-face{background:transparent;box-shadow:inset 0 0 0 1px var(--line)}[data-controls=theatre] :is(.chat-toast,.paused-by,.voice-overlay[data-look=solid] .voice-person){border-radius:6px}[data-controls=theatre]{--sheet-radius: 12px}[data-controls=theatre] .sheet-nav h2{font-size:18px}[data-controls=theatre] .sheet-heading{font-size:20px}[data-controls=theatre] :is(.sheet-tab,.editor-list){font-size:15px}[data-controls=theatre] :is(.sheet-tab,.editor-list)[aria-selected=true]{background:transparent;color:var(--accent)}[data-controls=theatre] .sheet .card{padding:4px 0 18px;border-radius:0;border-bottom:1px solid var(--line);background:transparent}[data-controls=dock] .controls{justify-content:center;gap:0;padding:12px;background:var(--bg);box-shadow:none}[data-controls=dock] .controls :is(.ctl-transport,.ctl-timeline,.ctl-tools,.ctl-view){display:flex;align-items:center;align-self:stretch;gap:2px;padding:6px 3px;background:var(--panel);border-block:1px solid var(--line)}[data-controls=dock] .ctl-transport{padding-left:6px;border-left:1px solid var(--line);border-radius:20px 0 0 20px}[data-controls=dock] .ctl-view{padding-right:6px;border-right:1px solid var(--line);border-radius:0 20px 20px 0}[data-controls=dock] .controls :is(.ctl-timeline,.ctl-tools,.ctl-view):before{content:"";flex:none;width:1px;height:22px;margin:0 6px;background:color-mix(in srgb,var(--text) 22%,transparent)}[data-controls=dock] .seek-wrap{position:absolute;left:0;right:0;top:-7px;z-index:1}[data-controls=dock] .controls :is(.ctl-transport,.ctl-tools,.ctl-view,.player-settings,.volume)>.icon{border-radius:12px}[data-controls=dock] .lock-btn .lock-ring .ring-square{rx:11px}[data-controls=dock] #toggle{width:44px;height:44px;border-radius:50%}[data-controls=dock] .clock{padding-inline:6px}[data-controls=dock] .stage.immersive .controls{padding-bottom:20px}[data-controls=dock] .stage.immersive .controls :is(.ctl-transport,.ctl-timeline,.ctl-tools,.ctl-view){background:color-mix(in srgb,var(--bg) 70%,transparent);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);border-color:#ffffff1f}[data-controls=dock] .stage.immersive .seek-wrap{top:auto;bottom:-2px}@container player (max-width: 560px){[data-controls=dock] .controls{padding:10px 4px}[data-controls=dock] .controls :is(.ctl-timeline,.ctl-tools,.ctl-view):before{margin:0 3px}[data-controls=dock] .controls :is(.ctl-transport,.ctl-timeline,.ctl-tools,.ctl-view){padding-inline:1px}[data-controls=dock] .ctl-transport{padding-left:4px}[data-controls=dock] .ctl-view{padding-right:4px}}@container player (max-width: 400px){[data-controls=dock] .controls :is(.ctl-timeline,.ctl-tools,.ctl-view):before{margin:0 1px}[data-controls=dock] .clock{padding-inline:2px}}[data-controls=dock] .side{background:var(--bg)}[data-controls=dock] .tabs{align-self:stretch;gap:2px;padding:4px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}[data-controls=dock] .tab{flex:1;padding:6px 8px;border-bottom:0;border-radius:10px}[data-controls=dock] .tab.active{background:var(--accent);color:var(--on-accent)}[data-controls=dock] .tab-marker{display:none}[data-controls=dock] :is(.add,.queue-modes,.queue,.lists,.voice-strip){padding:5px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}[data-controls=dock] :is(.queue,.lists){gap:2px}[data-controls=dock] :is(.queue,.lists)>:is(.item,.list){background:transparent;border-radius:12px}[data-controls=dock] :is(.queue,.lists)>:is(.item,.list):hover{background:color-mix(in srgb,var(--text) 6%,transparent)}[data-controls=dock] .item.current{background:var(--accent-soft);box-shadow:none}[data-controls=dock] .add :is(input,.file-btn,.chat-box){background:transparent}[data-controls=dock] :is(.ghost,.add button:not(.icon),.voice-actions button,.password-actions button,.login-form button:not(.icon),.gate button:not(.icon),.fetching .share-again),[data-controls=dock] :is(.add input,.search,.ask-field input,.colour-field input[type=text],.password-form input,.invite-link input,.login-form input:not([type=checkbox]),.editor-name,.emoji-top input){border-radius:12px}[data-controls=dock] .chat-box{border-radius:16px}[data-controls=dock] :is(.card,.menu,.volume-pill,.stats,.chat-picks,.emoji-picker,.segmented,.chat-toast,.paused-by,.back-fullscreen,.locked-note){border-radius:18px}[data-controls=dock] :is(.chat-toast,.paused-by,.back-fullscreen,.voice-overlay[data-look=solid] .voice-person){box-shadow:inset 0 0 0 1px #ffffff1a,0 6px 20px #00000059}[data-controls=dock]{--sheet-radius: 24px}[data-controls=dock] :is(.sheet,.ask){background:var(--bg);box-shadow:inset 0 0 0 1px var(--line),var(--elevation-2)}[data-controls=dock] .sheet-nav{margin:10px;padding:6px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}[data-controls=dock] :is(.sheet-tab,.editor-list){border-radius:10px}[data-controls=dock] :is(.sheet-tab,.editor-list)[aria-selected=true]{background:var(--accent);color:var(--on-accent)}[data-controls=dock] .sheet .card{border:1px solid var(--line);background:transparent}[data-controls=deck]{--plate: #26292d;--plate-2: #1c1e21;--key: #33373c;--key-edge: #121315;--lcd: #061315;--lcd-on: #8ff0e6;--lcd-dim: #4f9e98}:root[data-theme=light][data-controls=deck]{--plate: #d9dde2;--plate-2: #c9ced5;--key: #f4f6f8;--key-edge: #a9b0b9}[data-controls=deck] .stage.immersive .controls{--plate: #26292d;--plate-2: #1c1e21;--key: #33373c;--key-edge: #121315}[data-controls=deck] .controls{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"seek seek seek seek" "transport clock tools view";align-items:end;gap:10px 10px;padding:8px 16px 10px;background:linear-gradient(to bottom,var(--plate),var(--plate-2));box-shadow:inset 0 1px #ffffff12}[data-controls=deck] .stage.immersive .controls{background:linear-gradient(to bottom,color-mix(in srgb,var(--plate) 94%,transparent),color-mix(in srgb,var(--plate-2) 94%,transparent))}[data-controls=deck] .stage.immersive .controls:before{display:none}[data-controls=deck] .ctl-transport,[data-controls=deck] .ctl-tools,[data-controls=deck] .ctl-view{display:flex;align-items:flex-end;gap:6px}[data-controls=deck] .ctl-transport{grid-area:transport}[data-controls=deck] .ctl-tools{grid-area:tools}[data-controls=deck] .ctl-view{grid-area:view}[data-controls=deck] .seek-wrap{grid-area:seek;--thumb: 14px}[data-controls=deck] .controls :is(.ctl-transport,.ctl-tools,.ctl-view,.player-settings,.volume)>.icon{position:relative;width:46px;height:46px;padding:8px 0 0;align-items:flex-start;border-radius:4px 4px 0 0;color:var(--text);background:linear-gradient(var(--key-edge),var(--key-edge)) 0 29px / 100% 3px no-repeat,linear-gradient(var(--key),var(--key)) 0 0 / 100% 32px no-repeat;box-shadow:none;transition:background-position var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}[data-controls=deck] .controls :is(.ctl-tools,.ctl-view,.player-settings,.volume)>.icon{width:38px}[data-controls=deck] #toggle,[data-controls=deck] #toggle:hover{width:46px;height:46px;color:var(--text);background:linear-gradient(var(--key-edge),var(--key-edge)) 0 29px / 100% 3px no-repeat,linear-gradient(var(--key),var(--key)) 0 0 / 100% 32px no-repeat;box-shadow:none;filter:none}[data-controls=deck] .controls :is(.ctl-transport,.ctl-tools,.ctl-view,.player-settings,.volume)>.icon:hover{color:var(--accent)}[data-controls=deck] .controls :is(.ctl-transport,.ctl-tools,.ctl-view,.player-settings,.volume)>.icon:is(:active,#toggle[data-icon=pause],#lock[aria-pressed=true],#mic[aria-pressed=true],#deaf[aria-pressed=true]){padding-top:10px;color:var(--accent);background:linear-gradient(var(--key-edge),var(--key-edge)) 0 31px / 100% 1px no-repeat,linear-gradient(var(--key),var(--key)) 0 2px / 100% 30px no-repeat;transform:none}[data-controls=deck] .controls .icon svg:not(.lock-ring){width:16px;height:16px}[data-controls=deck] #toggle svg{width:18px;height:18px}[data-controls=deck] .lock-btn .lock-ring{height:32px;bottom:auto}[data-controls=deck] .lock-btn .lock-ring .ring-square{rx:3px}[data-controls=deck] .clock{grid-area:clock;justify-self:center;align-self:center;position:relative;min-width:150px;padding:6px 14px 16px;border-radius:6px;background:var(--lcd);box-shadow:inset 0 2px 6px #000000b3,0 1px #ffffff14;color:var(--lcd-on);font:600 22px/1 JetBrains Mono,ui-monospace,monospace;letter-spacing:.02em}[data-controls=deck] .clock :is(.clock-now,.clock-of,.clock-length){color:var(--lcd-on)}[data-controls=deck] .clock :is(.clock-of,.clock-length){font-size:12px;color:var(--lcd-dim)}[data-controls=deck] .clock:after{content:"Time";position:absolute;left:14px;bottom:5px;font:600 9px/1 JetBrains Mono,ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--lcd-dim)}[data-controls=deck] .clock[aria-pressed=true]:after{content:"Remain"}[data-controls=deck] .clock:hover{background:var(--lcd);filter:brightness(1.15)}[data-controls=deck] .stage.immersive .controls .clock-now{color:var(--lcd-on)}[data-controls=deck] :is(.seek,.volume-slider){--track: 6px;--trail-color: color-mix(in srgb, var(--accent) 70%, transparent);--rest-color: rgb(0 0 0 / .45);height:22px}[data-controls=deck] :is(.seek,.volume-slider)::-webkit-slider-runnable-track{box-shadow:inset 0 1px 2px #0009}[data-controls=deck] :is(.seek,.volume-slider)::-webkit-slider-thumb{height:22px;margin-top:-8px;border-radius:3px;background:linear-gradient(to right,transparent 6px,var(--accent) 6px 8px,transparent 8px),var(--key);box-shadow:inset 0 -3px 0 var(--key-edge),0 1px 2px #0006}[data-controls=deck] :is(.seek,.volume-slider)::-moz-range-thumb{height:22px;border-radius:3px;background:linear-gradient(to right,transparent 6px,var(--accent) 6px 8px,transparent 8px),var(--key);box-shadow:inset 0 -3px 0 var(--key-edge),0 1px 2px #0006}@container player (max-width: 640px){[data-controls=deck] .controls{grid-template-areas:"seek seek seek" "transport clock clock" "tools tools view";grid-template-columns:auto minmax(0,1fr) auto;gap:8px;padding:6px 10px 10px}[data-controls=deck] .controls .icon[data-label]:after{display:none}[data-controls=deck] .controls :is(.ctl-transport,.ctl-tools,.ctl-view,.player-settings,.volume)>.icon{width:40px;height:32px;padding-top:7px}[data-controls=deck] .clock{min-width:0;justify-self:stretch;padding:6px 10px;font-size:18px;text-align:center}[data-controls=deck] .clock:after{display:none}}[data-controls=deck] .side{background:linear-gradient(to bottom,var(--plate),var(--plate-2))}[data-controls=deck] .tabs{gap:6px;border-bottom:0}[data-controls=deck] .tab{flex:1;padding:7px 0 8px;border:0;border-radius:4px;background:var(--key);color:var(--muted);box-shadow:inset 0 -3px 0 var(--key-edge);font:600 10px/1.4 JetBrains Mono,ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase}[data-controls=deck] .tab.active{color:var(--accent);box-shadow:inset 0 -1px 0 var(--key-edge);transform:translateY(2px)}[data-controls=deck] .tab-marker{display:none}[data-controls=deck] :is(.queue,.lists){padding:6px 8px;border-radius:6px;background:var(--lcd);box-shadow:inset 0 2px 6px #000000b3;font-family:JetBrains Mono,ui-monospace,monospace}[data-controls=deck] :is(.queue,.lists){gap:0}[data-controls=deck] :is(.queue,.lists) :is(.item,.list){padding:4px 2px;border-radius:0;background:transparent;color:var(--lcd-dim)}[data-controls=deck] :is(.queue,.lists) :is(.item-title,.item-meta){color:inherit}[data-controls=deck] :is(.queue,.lists) .item-title{font-size:12px;text-transform:uppercase}[data-controls=deck] .item.current{background:transparent;box-shadow:none;color:var(--lcd-on)}[data-controls=deck] .item.current .item-meta{color:var(--lcd-on)}[data-controls=deck] :is(.queue,.lists) .thumb{filter:grayscale(1) sepia(1) hue-rotate(140deg) saturate(1.6) brightness(.8);border-radius:2px}[data-controls=deck] :is(.queue,.lists) .icon{color:var(--lcd-dim)}[data-controls=deck] .voice-strip{background:transparent;padding:2px 0}[data-controls=deck] :is(.ghost,.add button:not(.icon),.voice-actions button,.password-actions button,.login-form button:not(.icon),.gate button:not(.icon),.fetching .share-again){border-radius:4px;background:var(--key);color:var(--text);box-shadow:inset 0 -3px 0 var(--key-edge);font:600 10px/1.2 JetBrains Mono,ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase}[data-controls=deck] :is(.add button:not(.file-btn,.icon),.ghost.primary,.voice-actions .voice-join){color:var(--accent)}[data-controls=deck] :is(.add input,.search,.ask-field input,.colour-field input[type=text],.password-form input,.invite-link input,.login-form input:not([type=checkbox]),.editor-name,.emoji-top input),[data-controls=deck] .chat-box{border-radius:4px;background:var(--lcd);color:var(--lcd-on);box-shadow:inset 0 2px 4px #0009;font-family:JetBrains Mono,ui-monospace,monospace}[data-controls=deck] :is(.card,.menu,.volume-pill,.stats,.chat-picks,.emoji-picker,.segmented,.chat-toast,.paused-by,.back-fullscreen,.locked-note){border-radius:4px}[data-controls=deck] :is(.chat-toast,.paused-by,.back-fullscreen,.voice-overlay[data-look=solid] .voice-person){background:color-mix(in srgb,#1c1e21 94%,transparent);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:inset 0 1px #ffffff14,0 4px 12px #0006}[data-controls=deck]{--sheet-radius: 6px}[data-controls=deck] :is(.sheet,.ask){background:linear-gradient(to bottom,var(--plate),var(--plate-2))}[data-controls=deck] .sheet-nav{gap:6px;background:transparent;box-shadow:inset -1px 0 0 var(--key-edge)}[data-controls=deck] :is(.sheet-tab,.editor-list),[data-controls=deck] :is(.sheet-tab,.editor-list):hover{border-radius:4px;background:var(--key);box-shadow:inset 0 -3px 0 var(--key-edge)}[data-controls=deck] .sheet-tab{font:600 10px/1.4 JetBrains Mono,ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase}[data-controls=deck] :is(.sheet-tab,.editor-list)[aria-selected=true]{color:var(--accent);box-shadow:inset 0 -1px 0 var(--key-edge);transform:translateY(2px)}[data-controls=deck] :is(.sheet-nav h2,.sheet-heading){font:600 11px/1.4 JetBrains Mono,ui-monospace,monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}[data-controls=deck] .sheet .card{background:color-mix(in srgb,var(--key-edge) 30%,transparent);box-shadow:inset 0 1px 3px #00000059}[data-controls=filmstrip] .controls{flex-wrap:wrap;column-gap:6px;row-gap:8px;padding:10px 14px;background:var(--panel);--film: #0b0b0c;--frame: #232733}[data-controls=filmstrip] .seek-wrap{order:-1;flex-basis:100%;--thumb: 14px;isolation:isolate}[data-controls=filmstrip] #lock{margin-left:auto}[data-controls=filmstrip] .seek{--track: 42px;height:46px}[data-controls=filmstrip] .seek-frames{display:flex;gap:3px;position:absolute;z-index:-1;top:50%;left:0;right:0;height:42px;translate:0 -50%;padding:8px calc(var(--thumb) / 2);border-radius:3px;background:var(--film);pointer-events:none}[data-controls=filmstrip] .seek-frame{flex:1;min-width:0;border-radius:1px;background:var(--frame) center / cover no-repeat}[data-controls=filmstrip] .seek::-webkit-slider-runnable-track{border-radius:3px;background:repeating-linear-gradient(90deg,rgb(255 255 255 / .42) 0 5px,transparent 5px 12px) 4px 2px / calc(100% - 8px) 3px no-repeat,repeating-linear-gradient(90deg,rgb(255 255 255 / .42) 0 5px,transparent 5px 12px) 4px calc(100% - 2px) / calc(100% - 8px) 3px no-repeat,linear-gradient(to right,transparent var(--trail),color-mix(in srgb,var(--film) 60%,transparent) var(--trail)) 0 8px / 100% calc(100% - 16px) no-repeat}[data-controls=filmstrip] .seek::-moz-range-track{border-radius:3px;background:repeating-linear-gradient(90deg,rgb(255 255 255 / .42) 0 5px,transparent 5px 12px) 4px 2px / calc(100% - 8px) 3px no-repeat,repeating-linear-gradient(90deg,rgb(255 255 255 / .42) 0 5px,transparent 5px 12px) 4px calc(100% - 2px) / calc(100% - 8px) 3px no-repeat,linear-gradient(to right,transparent var(--trail),color-mix(in srgb,var(--film) 60%,transparent) var(--trail)) 0 8px / 100% calc(100% - 16px) no-repeat}[data-controls=filmstrip] .seek::-webkit-slider-thumb{height:48px;margin-top:-3px;border-radius:0;background:linear-gradient(to right,transparent 6px,var(--accent-2) 6px 8px,transparent 8px)}[data-controls=filmstrip] .seek::-moz-range-thumb{height:48px;border-radius:0;background:linear-gradient(to right,transparent 6px,var(--accent-2) 6px 8px,transparent 8px)}[data-controls=filmstrip] .volume-slider{--track: 22px;height:26px}[data-controls=filmstrip] .volume-slider::-webkit-slider-runnable-track{border-radius:3px;background:repeating-linear-gradient(90deg,rgb(255 255 255 / .42) 0 4px,transparent 4px 9px) 3px 2px / calc(100% - 6px) 3px no-repeat,repeating-linear-gradient(90deg,rgb(255 255 255 / .42) 0 4px,transparent 4px 9px) 3px calc(100% - 2px) / calc(100% - 6px) 3px no-repeat,linear-gradient(to right,color-mix(in srgb,var(--frame) 55%,#fff) var(--trail),var(--frame) var(--trail)) 0 7px / 100% calc(100% - 14px) no-repeat,var(--film)}[data-controls=filmstrip] .volume-slider::-moz-range-track{border-radius:3px;background:repeating-linear-gradient(90deg,rgb(255 255 255 / .42) 0 4px,transparent 4px 9px) 3px 2px / calc(100% - 6px) 3px no-repeat,repeating-linear-gradient(90deg,rgb(255 255 255 / .42) 0 4px,transparent 4px 9px) 3px calc(100% - 2px) / calc(100% - 6px) 3px no-repeat,linear-gradient(to right,color-mix(in srgb,var(--frame) 55%,#fff) var(--trail),var(--frame) var(--trail)) 0 7px / 100% calc(100% - 14px) no-repeat,var(--film)}[data-controls=filmstrip] .volume-slider::-webkit-slider-thumb{height:28px;margin-top:-3px;border-radius:0;background:linear-gradient(to right,transparent 6px,var(--accent-2) 6px 8px,transparent 8px)}[data-controls=filmstrip] .volume-slider::-moz-range-thumb{height:28px;border-radius:0;background:linear-gradient(to right,transparent 6px,var(--accent-2) 6px 8px,transparent 8px)}[data-controls=filmstrip] .seek-mark:before{height:38px}[data-controls=filmstrip] #toggle{border-radius:50%;width:38px;height:38px}[data-controls=filmstrip] .clock{font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px}@container player (max-width: 560px){[data-controls=filmstrip] .seek{--track: 34px;height:38px}[data-controls=filmstrip] .seek-frames{height:34px}[data-controls=filmstrip] .seek::-webkit-slider-thumb{height:40px}[data-controls=filmstrip] .seek::-moz-range-thumb{height:40px}[data-controls=filmstrip] .seek-mark:before{height:30px}[data-controls=filmstrip] #lock{margin-left:0}}[data-controls=filmstrip] .tab{font:600 11px/1.4 JetBrains Mono,ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase}[data-controls=filmstrip] :is(.queue,.lists)>:is(.item,.list){border-radius:4px}[data-controls=filmstrip] .thumb{box-sizing:content-box;border:solid #0b0b0c;border-width:5px 3px;border-radius:1px;background-color:#0b0b0c;box-shadow:inset 0 0 0 1px #0b0b0c,0 -4px 0 -2px #ffffff59,0 4px 0 -2px #ffffff59}[data-controls=filmstrip] :is(.item-meta,.chat-when,.chat-at,.chat-mark-at){font-family:JetBrains Mono,ui-monospace,monospace;font-size:10.5px}[data-controls=filmstrip] :is(.card,.menu,.volume-pill,.stats,.chat-picks,.emoji-picker,.segmented,.voice-strip){border-radius:4px}[data-controls=filmstrip] .chat-mark-thumb{border-radius:1px;box-shadow:0 0 0 2px #0b0b0c}[data-controls=filmstrip]{--sheet-radius: 6px}[data-controls=filmstrip] .sheet-nav{padding-right:24px;background:repeating-linear-gradient(to bottom,color-mix(in srgb,var(--text) 30%,transparent) 0 7px,transparent 7px 13px) right 8px top 10px / 6px calc(100% - 20px) no-repeat,var(--panel)}[data-controls=filmstrip] :is(.sheet-tab,.sheet-nav h2,.sheet-heading){font-family:JetBrains Mono,ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase}[data-controls=filmstrip] .sheet-tab{font-size:11px;font-weight:600}[data-controls=filmstrip] :is(.sheet-nav h2,.sheet-heading){font-size:13px}[data-controls=filmstrip] :is(.sheet-tab,.editor-list){border-radius:3px}@media(max-width:720px){[data-controls=filmstrip] .sheet-nav{padding-right:8px;background:var(--panel)}}[data-controls=ring] .controls{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"transport title tools view" "transport clock tools view";align-items:center;column-gap:12px;row-gap:0;padding:12px 16px;background:var(--panel)}[data-controls=ring] .ctl-transport,[data-controls=ring] .ctl-tools,[data-controls=ring] .ctl-view{display:flex;align-items:center;gap:2px}[data-controls=ring] .ctl-transport{grid-area:transport;gap:4px}[data-controls=ring] .ctl-tools{grid-area:tools}[data-controls=ring] .ctl-view{grid-area:view}[data-controls=ring] .bar-title{grid-area:title;display:block;align-self:end;font-size:15px;font-weight:500;line-height:1.3}[data-controls=ring] .bar-title-next{display:none}[data-controls=ring] .clock{grid-area:clock;justify-self:start;align-self:start;padding:1px 0;font-size:12px}[data-controls=ring] .clock:hover{background:transparent;color:var(--text)}[data-controls=ring] .seek-wrap{position:absolute;left:0;right:0;top:-6px;z-index:1}[data-controls=ring] :is(.seek,.volume-slider){--track: 3px}@media(hover:hover){[data-controls=ring] .seek-wrap:not(:hover,:focus-within,:active) .seek::-webkit-slider-thumb{background:transparent}[data-controls=ring] .seek-wrap:not(:hover,:focus-within,:active) .seek::-moz-range-thumb{background:transparent}}[data-controls=ring] #toggle{position:relative;width:42px;height:42px;margin:6px;border-radius:50%;box-shadow:none}[data-controls=ring] #toggle:before{content:"";position:absolute;inset:-6px;border-radius:50%;background:conic-gradient(var(--accent-2) calc(var(--played) * 360deg),color-mix(in srgb,var(--text) 16%,transparent) 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 3px));pointer-events:none}[data-controls=ring] .controls :is(.ctl-transport,.ctl-tools,.ctl-view,.player-settings,.volume)>.icon{border-radius:50%}[data-controls=ring] .lock-btn .lock-ring .ring-square{display:none}[data-controls=ring] .lock-btn .lock-ring .ring-round{display:inline}[data-controls=ring] .stage.immersive .controls{padding:16px 22px 18px}@container player (max-width: 560px){[data-controls=ring] .controls{grid-template-areas:"transport clock tools view";column-gap:6px;padding:10px 8px}[data-controls=ring] .bar-title{display:none}[data-controls=ring] .stage.immersive .controls{padding:12px 8px 14px}[data-controls=ring] .clock{align-self:center}[data-controls=ring] #toggle{margin:5px}[data-controls=ring] #toggle:before{inset:-5px}}[data-controls=ring] .tabs{gap:4px;border-bottom:0}[data-controls=ring] .tab{padding:6px 12px;border-bottom:0;border-radius:999px}[data-controls=ring] .tab.active{background:var(--accent-soft);color:var(--text)}[data-controls=ring] .tab-marker{display:none}[data-controls=ring] :is(.ghost,.add button:not(.icon),.voice-actions button,.password-actions button,.login-form button:not(.icon),.gate button:not(.icon),.fetching .share-again),[data-controls=ring] :is(.add input,.search,.ask-field input,.colour-field input[type=text],.password-form input,.invite-link input,.login-form input:not([type=checkbox]),.editor-name,.emoji-top input),[data-controls=ring] :is(.segmented,.segmented button,.sheet-tab,.voice-strip),[data-controls=ring] .icon:not(.controls .icon){border-radius:999px}[data-controls=ring] .chat-box{border-radius:20px}[data-controls=ring] :is(.queue,.lists)>:is(.item,.list){border-radius:999px;padding-right:12px}[data-controls=ring] .item.group{border-radius:22px}[data-controls=ring] .thumb{width:36px;height:36px;border-radius:50%}[data-controls=ring] .item.current{background:transparent;box-shadow:none}[data-controls=ring] .item.current>.thumb,[data-controls=ring] .item.current>.group-head>.thumb{box-shadow:0 0 0 2px var(--panel),0 0 0 4px var(--accent)}[data-controls=ring] .chat-text{justify-self:start;width:fit-content;max-width:100%;padding:5px 10px;border-radius:4px 14px 14px;background:var(--panel-2)}[data-controls=ring] :is(.card,.menu,.volume-pill,.stats,.chat-picks,.emoji-picker,.chat-toast,.paused-by,.back-fullscreen,.locked-note){border-radius:20px}[data-controls=ring]{--sheet-radius: 28px}[data-controls=ring] :is(.sheet-tab,.editor-list){padding-inline:14px;border-radius:999px}[data-controls=ring] :is(.sheet-tab,.editor-list)[aria-selected=true]{box-shadow:inset 0 0 0 2px var(--accent)}[data-controls=ring] .sheet .sheet-close{border-radius:999px}[data-controls=terminal] .controls{flex-wrap:wrap;column-gap:2px;row-gap:6px;padding:8px 12px 10px;background:var(--bg);box-shadow:none;border-top:1px dashed color-mix(in srgb,var(--text) 30%,transparent);font:400 13px/1.4 JetBrains Mono,ui-monospace,monospace}[data-controls=terminal] .stage.immersive .controls{background:color-mix(in srgb,var(--bg) 88%,transparent);border-top-color:#ffffff38}[data-controls=terminal] .stage.immersive .controls:before{display:none}[data-controls=terminal] .seek-wrap{order:-2;flex:1 0 calc(100% - 150px);--thumb: 14px}[data-controls=terminal] .clock{order:-1;min-width:140px;justify-content:flex-end;font:inherit;font-size:12px}[data-controls=terminal] #lock{margin-left:auto}[data-controls=terminal] :is(.seek,.volume-slider){--track: 12px;height:16px}[data-controls=terminal] :is(.seek,.volume-slider)::-webkit-slider-runnable-track{border-radius:0;background:repeating-linear-gradient(90deg,var(--accent) 0 7px,transparent 7px 9px) 0 0 / var(--trail) 100% no-repeat,repeating-linear-gradient(90deg,color-mix(in srgb,var(--text) 18%,transparent) 0 7px,transparent 7px 9px)}[data-controls=terminal] :is(.seek,.volume-slider)::-moz-range-track{border-radius:0;background:repeating-linear-gradient(90deg,var(--accent) 0 7px,transparent 7px 9px) 0 0 / var(--trail) 100% no-repeat,repeating-linear-gradient(90deg,color-mix(in srgb,var(--text) 18%,transparent) 0 7px,transparent 7px 9px)}[data-controls=terminal] :is(.seek,.volume-slider)::-webkit-slider-thumb{height:16px;margin-top:-2px;border-radius:0;background:linear-gradient(to right,transparent 6px,var(--text) 6px 8px,transparent 8px)}[data-controls=terminal] :is(.seek,.volume-slider)::-moz-range-thumb{height:16px;border-radius:0;background:linear-gradient(to right,transparent 6px,var(--text) 6px 8px,transparent 8px)}[data-controls=terminal] .controls :is(.ctl-transport,.ctl-tools,.ctl-view,.player-settings,.volume)>.icon{width:auto;height:26px;gap:6px;padding:0 6px;border-radius:3px;background:transparent;color:var(--text);box-shadow:none;font:inherit}[data-controls=terminal] .controls :is(.ctl-transport,.ctl-tools,.ctl-view,.player-settings,.volume)>.icon:hover{background:color-mix(in srgb,var(--text) 10%,transparent);filter:none}[data-controls=terminal] #toggle,[data-controls=terminal] #toggle:hover{width:auto;height:26px;font:inherit;background:transparent;color:var(--text);box-shadow:none;filter:none}[data-controls=terminal] #toggle:hover{background:color-mix(in srgb,var(--text) 10%,transparent)}[data-controls=terminal] .controls .icon :is(svg,.glyph){display:none}[data-controls=terminal] .controls .icon[data-key]:before{content:attr(data-key);padding:0 5px;border:1px solid color-mix(in srgb,var(--text) 30%,transparent);border-radius:3px;color:var(--muted);font-size:11px;line-height:16px}[data-controls=terminal] .controls .icon:after{position:static;padding:0;border-radius:0;background:none;color:inherit;font:inherit;letter-spacing:normal}[data-controls=terminal] #previous:after{content:"prev"}[data-controls=terminal] #skip:after{content:"next"}[data-controls=terminal] #toggle:after{content:"play"}[data-controls=terminal] #toggle[data-icon=pause]:after{content:"pause"}[data-controls=terminal] #lock:after{content:"lock"}[data-controls=terminal] #lock:has(.lock-ring.running):after{content:"lock…"}[data-controls=terminal] #lock[aria-pressed=true]:after{content:"locked"}[data-controls=terminal] #player-settings-btn:after{content:"settings"}[data-controls=terminal] #player-settings-btn.cc-on:after{content:"settings·cc"}[data-controls=terminal] #mic:after{content:"mic off"}[data-controls=terminal] #mic[aria-pressed=true]:after{content:"mic on"}[data-controls=terminal] #deaf:after{content:"hearing"}[data-controls=terminal] #deaf[aria-pressed=true]:after{content:"deaf"}[data-controls=terminal] #mute:after{content:"vol"}[data-controls=terminal] #mute[aria-label=Unmute]:after{content:"muted"}[data-controls=terminal] #hide-queue:after{content:"queue"}[data-controls=terminal] #fullscreen:after{content:"full"}[data-controls=terminal] #fullscreen[aria-label="Leave fullscreen"]:after{content:"exit"}[data-controls=terminal] .controls :is(#toggle[data-icon=pause],#lock[aria-pressed=true],#mic[aria-pressed=true],#deaf[aria-pressed=true],#player-settings-btn.cc-on){color:var(--accent)}[data-controls=terminal] #hide-queue[data-count]:before{position:static;order:2}@container player (max-width: 560px){[data-controls=terminal] .seek-wrap{flex-basis:calc(100% - 80px)}[data-controls=terminal] .stage .controls :is(.ctl-transport,.ctl-tools,.ctl-view,.player-settings,.volume)>.icon:not(#toggle){width:auto;height:26px}[data-controls=terminal] .stage .controls #toggle{width:auto;height:26px}[data-controls=terminal] .clock{min-width:70px}[data-controls=terminal] .controls .icon[data-key]:after{display:none}[data-controls=terminal] #player-settings-btn:after{content:"set"}[data-controls=terminal] #player-settings-btn.cc-on:after{content:"set·cc"}[data-controls=terminal] #mic:after{content:"mic"}[data-controls=terminal] #deaf:after{content:"hear"}[data-controls=terminal] #deaf[aria-pressed=true]:after{content:"deaf"}[data-controls=terminal] #lock{margin-left:0}}[data-controls=terminal] .side{background:var(--bg);font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px}[data-controls=terminal] .side :is(button,input,.chat-box,.item-title,.item-meta){font-family:inherit}[data-controls=terminal] .tabs{gap:10px;border-bottom:1px dashed color-mix(in srgb,var(--text) 30%,transparent)}[data-controls=terminal] .tab{font-size:12px}[data-controls=terminal] .tab.active{color:var(--accent)}[data-controls=terminal] .tab.active:before{content:"["}[data-controls=terminal] .tab.active:after{content:"]"}[data-controls=terminal] .tab-marker{display:none}[data-controls=terminal] :is(.queue,.lists){gap:0}[data-controls=terminal] .queue{counter-reset:line}[data-controls=terminal] :is(.queue,.lists)>:is(.item,.list){padding:3px 2px;border-radius:0;background:transparent}[data-controls=terminal] :is(.queue,.lists)>:is(.item,.list):hover{background:color-mix(in srgb,var(--text) 8%,transparent)}[data-controls=terminal] .queue>.item{counter-increment:line}[data-controls=terminal] .queue>.item>.item-body .item-title:before,[data-controls=terminal] .queue>.item>.group-head .item-title:before{content:counter(line,decimal-leading-zero) " ";color:var(--muted)}[data-controls=terminal] .item.current{background:transparent;box-shadow:none;color:var(--accent)}[data-controls=terminal] .item.current .item-title{color:var(--accent)}[data-controls=terminal] .queue>.item.current>.item-body .item-title:before{content:"> ";color:var(--accent)}[data-controls=terminal] :is(.queue,.lists) .thumb{display:none}[data-controls=terminal] .voice-strip{padding:6px 0 0;background:transparent;border-top:1px dashed color-mix(in srgb,var(--text) 30%,transparent);border-radius:0}[data-controls=terminal] .chat-run .avatar,[data-controls=terminal] .chat-mark-thumb{display:none}[data-controls=terminal] .chat-run .chat-name:before{content:"<"}[data-controls=terminal] .chat-run .chat-name:after{content:">"}[data-controls=terminal] .chat-mark-face{padding:0 6px;border-radius:0;background:transparent}[data-controls=terminal] .chat-mark-face:before{content:"-- "}[data-controls=terminal] .chat-notice:before{content:"--"}[data-controls=terminal] .chat-form{align-items:center;gap:8px}[data-controls=terminal] .chat-form:before{content:"$";color:var(--accent)}[data-controls=terminal] :is(.add input,.search,.ask-field input,.colour-field input[type=text],.password-form input,.invite-link input,.login-form input:not([type=checkbox]),.editor-name,.emoji-top input),[data-controls=terminal] .chat-box{border-radius:0;border:0;border-bottom:1px dashed color-mix(in srgb,var(--text) 30%,transparent);background:transparent}[data-controls=terminal] :is(.ghost,.add button:not(.icon),.voice-actions button,.password-actions button,.login-form button:not(.icon),.gate button:not(.icon),.fetching .share-again){border-radius:0;background:transparent;color:var(--accent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 50%,transparent);font-family:JetBrains Mono,ui-monospace,monospace}[data-controls=terminal] :is(.card,.menu,.volume-pill,.stats,.chat-picks,.emoji-picker,.segmented,.segmented button,.voice-strip,.chat-toast,.paused-by,.back-fullscreen,.locked-note,.voice-overlay[data-look=solid] .voice-person){border-radius:0}[data-controls=terminal] :is(.chat-toast,.paused-by,.back-fullscreen,.locked-note,.menu){font-family:JetBrains Mono,ui-monospace,monospace}[data-controls=terminal] :is(.chat-toast,.paused-by,.back-fullscreen,.voice-overlay[data-look=solid] .voice-person){background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--text) 25%,transparent)}[data-controls=terminal]{--sheet-radius: 0}[data-controls=terminal] :is(.sheet,.ask){background:var(--bg);font-family:JetBrains Mono,ui-monospace,monospace;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--text) 30%,transparent),var(--elevation-2)}[data-controls=terminal] :is(.sheet,.ask) :is(button,input,select,textarea){font-family:inherit}[data-controls=terminal] .sheet-nav{background:transparent;box-shadow:inset -1px 0 color-mix(in srgb,var(--text) 30%,transparent)}[data-controls=terminal] :is(.sheet-tab,.editor-list){border-radius:0;font-size:12px}[data-controls=terminal] .sheet-tab{gap:0}[data-controls=terminal] .sheet-tab svg{display:none}[data-controls=terminal] :is(.sheet-tab,.editor-list)[aria-selected=true]{background:transparent;color:var(--accent)}[data-controls=terminal] .sheet-tab[aria-selected=true]:before{content:"["}[data-controls=terminal] .sheet-tab[aria-selected=true]:after{content:"]"}[data-controls=terminal] .sheet-nav h2:before{content:"$ ";color:var(--accent)}[data-controls=terminal] .sheet-heading:before{content:"# ";color:var(--muted)}[data-controls=terminal] .sheet .card{border:1px dashed color-mix(in srgb,var(--text) 30%,transparent);border-radius:0;background:transparent}[data-controls=paper]{--paper: #24211c;--ink: #ece4d6;--ink-soft: rgb(236 228 214 / .6);--serif: Newsreader, Georgia, "Times New Roman", "DejaVu Serif", serif}:root[data-theme=light][data-controls=paper]{--paper: #f6f1e7;--ink: #1f1b16;--ink-soft: rgb(31 27 22 / .6)}[data-controls=paper] .controls{gap:8px;padding:10px 16px 12px;background:var(--paper);color:var(--ink);box-shadow:none;border-top:2px solid var(--ink)}[data-controls=paper] .stage.immersive .controls{background:var(--paper)}[data-controls=paper] .stage.immersive .controls:before{display:none}[data-controls=paper] .controls .icon,[data-controls=paper] .stage.immersive .controls .icon{border-radius:0;color:var(--ink)}[data-controls=paper] .controls .icon:hover,[data-controls=paper] .stage.immersive .controls .icon:hover{background:color-mix(in srgb,var(--ink) 10%,transparent)}[data-controls=paper] #toggle{border-radius:50%;background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}[data-controls=paper] #toggle:hover{background:color-mix(in srgb,var(--ink) 10%,transparent);filter:none}[data-controls=paper] :is(.seek,.volume-slider){--trail-color: var(--ink);--rest-color: color-mix(in srgb, var(--ink) 40%, transparent);--track: 2px}[data-controls=paper] :is(.seek,.volume-slider)::-webkit-slider-thumb{height:10px;margin-top:-4px;border-radius:0;background:linear-gradient(to right,transparent 2px,var(--ink) 2px 12px,transparent 12px)}[data-controls=paper] :is(.seek,.volume-slider)::-moz-range-thumb{height:10px;border-radius:0;background:linear-gradient(to right,transparent 2px,var(--ink) 2px 12px,transparent 12px)}[data-controls=paper] .clock,[data-controls=paper] .stage.immersive .controls .clock{font:italic 400 15px/1 var(--serif);color:var(--ink-soft)}[data-controls=paper] .clock-now,[data-controls=paper] .stage.immersive .controls .clock-now{font-style:normal;font-weight:600;color:var(--ink)}[data-controls=paper] .clock:hover{background:color-mix(in srgb,var(--ink) 8%,transparent)}[data-controls=paper] .lock-btn .lock-ring{stroke:var(--ink)}[data-controls=paper] .lock-btn .lock-ring .ring-square{rx:0}[data-controls=paper] #app.locked #lock{background:color-mix(in srgb,var(--ink) 14%,transparent)}[data-controls=paper] :is(.side,.chat-pane){background:var(--paper);color:var(--ink);font-family:var(--serif);--text: var(--ink);--muted: var(--ink-soft)}[data-controls=paper] .side{--side-line: 1px solid color-mix(in srgb, var(--ink) 30%, transparent)}[data-controls=paper] .side :is(button,input,.chat-box){font-family:inherit}[data-controls=paper] .tabs{border-bottom-color:var(--ink)}[data-controls=paper] .tab{font-size:15px;font-style:italic;color:var(--ink-soft)}[data-controls=paper] .tab.active{color:var(--ink);font-style:normal;font-weight:600}[data-controls=paper] .tab-marker{background:var(--ink);border-radius:0}[data-controls=paper] :is(.queue,.lists){gap:0}[data-controls=paper] :is(.queue,.lists)>:is(.item,.list){padding:7px 0;border-radius:0;background:transparent;border-bottom:1px dashed color-mix(in srgb,var(--ink) 40%,transparent)}[data-controls=paper] .item.current{background:transparent;box-shadow:none}[data-controls=paper] .item.current .item-title:before{content:"▸ "}[data-controls=paper] .item.current .item-meta{color:var(--ink-soft)}[data-controls=paper] .item-meta{font-style:italic}[data-controls=paper] .side .thumb{border-radius:0;filter:sepia(.75);box-shadow:0 0 0 1px var(--ink)}[data-controls=paper] .side .avatar{filter:grayscale(1) contrast(1.2)}[data-controls=paper] :is(.add input,.search,.ask-field input,.colour-field input[type=text],.password-form input,.invite-link input,.login-form input:not([type=checkbox]),.editor-name,.emoji-top input),[data-controls=paper] .chat-box{border:0;border-bottom:1px solid var(--ink);border-radius:0;background:transparent;color:var(--ink)}[data-controls=paper] :is(.ghost,.add button:not(.icon),.voice-actions button,.password-actions button,.login-form button:not(.icon),.gate button:not(.icon),.fetching .share-again){border-radius:0;background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}[data-controls=paper] :is(.add button:not(.file-btn,.icon),.ghost.primary,.voice-actions .voice-join):not(:disabled){background:var(--ink);color:var(--paper)}[data-controls=paper] .voice-strip{border-radius:0;background:transparent;box-shadow:inset 0 0 0 1px var(--ink)}[data-controls=paper] .chat-mark-face{border-radius:0;background:transparent;font-style:italic;box-shadow:inset 0 -1px color-mix(in srgb,var(--ink) 40%,transparent)}[data-controls=paper] .side .icon.small{border-radius:0}[data-controls=paper] :is(.card,.menu,.volume-pill,.stats,.chat-picks,.emoji-picker,.segmented,.segmented button,.sheet-tab){border-radius:0}[data-controls=paper] :is(.chat-toast,.paused-by,.back-fullscreen,.voice-overlay[data-look=solid] .voice-person){--text: var(--ink);--muted: var(--ink-soft);border-radius:0;background:var(--paper);-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--ink);font-family:var(--serif);box-shadow:0 6px 18px #00000059}[data-controls=paper] .locked-note{border-radius:0;font-family:var(--serif)}[data-controls=paper]{--sheet-radius: 0}[data-controls=paper] :is(.sheet,.ask){--text: var(--ink);--muted: var(--ink-soft);--panel: var(--paper);--panel-2: var(--paper);--line: color-mix(in srgb, var(--ink) 30%, transparent);background:var(--paper);color:var(--ink);font-family:var(--serif);box-shadow:0 0 0 1px var(--line),0 12px 32px #00000059}[data-controls=paper] :is(.sheet,.ask) :is(button,input,select,textarea){font-family:inherit}[data-controls=paper] .sheet-nav{box-shadow:inset -1px 0 0 var(--line)}[data-controls=paper] :is(.sheet-tab,.editor-list){font-size:15px;font-style:italic}[data-controls=paper] :is(.sheet-tab,.editor-list)[aria-selected=true]{background:transparent;color:var(--ink);font-style:normal;font-weight:600;box-shadow:inset 0 -1px 0 var(--ink)}[data-controls=paper] :is(.sheet-nav h2,.sheet-heading){font-size:20px}[data-controls=paper] .sheet .card{padding:4px 0 16px;border-bottom:1px solid var(--line);background:transparent}[data-controls=paper] .sheet .segmented{box-shadow:inset 0 0 0 1px var(--ink)}@property --glass-1{syntax: "<color>"; inherits: true; initial-value: #1d2944;}@property --glass-2{syntax: "<color>"; inherits: true; initial-value: #4b3b5c;}@property --glass-3{syntax: "<color>"; inherits: true; initial-value: #6b4a63;}@property --glass-4{syntax: "<color>"; inherits: true; initial-value: #2a3550;}[data-controls=glass] :is(#app,.sheet-backdrop,.ask-backdrop){--glass-1: color-mix(in srgb, var(--accent) 30%, var(--bg));--glass-2: color-mix(in srgb, var(--accent) 50%, var(--panel));--glass-3: color-mix(in srgb, var(--accent-2) 40%, var(--panel-2));--glass-4: color-mix(in srgb, var(--accent) 25%, var(--bg));transition:--glass-1 1.2s linear,--glass-2 1.2s linear,--glass-3 1.2s linear,--glass-4 1.2s linear}[data-controls=glass] :is(.controls,.side,.sheet,.ask){--wash: color-mix(in srgb, var(--bg) 52%, transparent)}:root[data-theme=light][data-controls=glass] :is(.controls,.side,.sheet,.ask){--wash: color-mix(in srgb, var(--bg) 74%, transparent)}[data-controls=glass] .stage.immersive .controls{--wash: color-mix(in srgb, var(--bg) 52%, transparent)}[data-controls=glass] .controls{gap:8px;padding:12px 16px;background:linear-gradient(to right,var(--glass-1),var(--glass-2),var(--glass-3),var(--glass-4))}[data-controls=glass] :is(.controls,.side){isolation:isolate}[data-controls=glass] .side{position:relative}[data-controls=glass] .glass-glow{display:block;position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}[data-controls=glass] .glass-light{position:absolute;inset:-60px;filter:blur(34px) saturate(1.6);opacity:0;transition:opacity var(--dur-slow) var(--ease)}[data-controls=glass] .glass-glow.lit .glass-light{opacity:1}[data-controls=glass] .glass-light canvas{position:absolute;inset:0;width:100%;height:100%}[data-controls=glass] .glass-glow:after{content:"";position:absolute;inset:0;background:var(--wash)}[data-controls=glass] .controls .glass-glow:after{box-shadow:inset 0 1px #ffffff24}[data-controls=glass] .stage.immersive .controls{background:color-mix(in srgb,var(--bg) 30%,transparent);-webkit-backdrop-filter:blur(22px) saturate(1.5);backdrop-filter:blur(22px) saturate(1.5);box-shadow:inset 0 1px #ffffff2e}[data-controls=glass] .stage.immersive .controls:before,[data-controls=glass] .stage.immersive .glass-glow{display:none}[data-controls=glass] .controls :is(.ctl-transport,.ctl-tools,.ctl-view,.player-settings,.volume)>.icon{border-radius:50%}[data-controls=glass] .lock-btn .lock-ring .ring-square{display:none}[data-controls=glass] .lock-btn .lock-ring .ring-round{display:inline}[data-controls=glass] #toggle{border-radius:50%;background:color-mix(in srgb,var(--text) 16%,transparent);color:var(--text);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--text) 35%,transparent)}[data-controls=glass] #toggle:hover{background:color-mix(in srgb,var(--text) 24%,transparent);filter:none}[data-controls=glass] :is(.seek,.volume-slider){--trail-color: var(--text);--rest-color: color-mix(in srgb, var(--text) 25%, transparent)}[data-controls=glass] :is(.seek,.volume-slider)::-webkit-slider-thumb{background:var(--text)}[data-controls=glass] :is(.seek,.volume-slider)::-moz-range-thumb{background:var(--text)}[data-controls=glass] .side{background:linear-gradient(to bottom,var(--glass-4),var(--glass-3) 40%,var(--glass-2) 75%,var(--glass-1));--side-line: 1px solid rgb(255 255 255 / .14)}[data-controls=glass] .tab.active{color:var(--text)}[data-controls=glass] .tab-marker{background:var(--text)}[data-controls=glass] .side :is(.item,.list,.voice-strip,.add input,.search,.chat-box,.chat-mark-face,.queue-modes .ghost){background:color-mix(in srgb,var(--text) 9%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--text) 14%,transparent)}[data-controls=glass] .item.current{background:color-mix(in srgb,var(--text) 20%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--text) 40%,transparent)}[data-controls=glass] .item.current .item-meta{color:var(--text)}[data-controls=glass] .side .add .file-btn{background:color-mix(in srgb,var(--text) 9%,transparent)}[data-controls=glass] :is(.add button:not(.file-btn,.icon),.ghost.primary,.voice-actions .voice-join):not(:disabled){background:color-mix(in srgb,var(--text) 88%,transparent);color:var(--bg)}[data-controls=glass] .voice-actions button:not(.voice-join){background:color-mix(in srgb,var(--text) 12%,transparent)}[data-controls=glass] :is(.ghost,.add button:not(.icon),.voice-actions button,.add input,.search,.chat-box,.segmented,.segmented button),[data-controls=glass] .icon:not(.controls .icon){border-radius:12px}[data-controls=glass] :is(.card,.menu,.volume-pill,.stats,.chat-picks,.emoji-picker,.chat-toast,.paused-by,.back-fullscreen,.locked-note){border-radius:16px}[data-controls=glass] :is(.menu,.volume-pill,.chat-toast,.paused-by,.back-fullscreen,.voice-overlay[data-look=solid] .voice-person){background:color-mix(in srgb,var(--bg) 55%,transparent);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);box-shadow:inset 0 0 0 1px #ffffff24,0 8px 24px #0000004d}[data-controls=glass]{--sheet-radius: 22px}[data-controls=glass] :is(.sheet,.ask){background:linear-gradient(var(--wash),var(--wash)),linear-gradient(135deg,var(--glass-4),var(--glass-3) 40%,var(--glass-2) 75%,var(--glass-1));box-shadow:inset 0 0 0 1px #ffffff24,0 16px 48px #00000073}[data-controls=glass] :is(.sheet-backdrop,.ask-backdrop){-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}[data-controls=glass] .sheet-nav{background:color-mix(in srgb,var(--bg) 35%,transparent)}[data-controls=glass] .sheet .card,[data-controls=glass] :is(.sheet-tab,.editor-list)[aria-selected=true]{background:color-mix(in srgb,var(--text) 9%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--text) 14%,transparent)}[data-controls=arcade]{--cab: #170d36;--cab-2: #22164a;--cab-key: #2b1d5c;--cab-key-hi: #3d2a80;--cab-line: #3b2d72;--cab-text: #f4f0ff;--cab-muted: #a99fd8;--cab-pink: #ff4fa3;--cab-yellow: #ffd23f;--cab-green: #4cff8f;--cab-shadow: #05020f;--pixel: "Press Start 2P", "JetBrains Mono", ui-monospace, monospace}[data-controls=arcade] :is(.controls,.side,.chat-pane,.chat-toast,.paused-by,.back-fullscreen,.voice-overlay[data-look=solid] .voice-person,.menu,.volume-pill,.sheet,.ask){--text: var(--cab-text);--muted: var(--cab-muted);--panel: var(--cab-2);--panel-2: var(--cab-key);--accent: var(--cab-yellow);--accent-2: var(--cab-green);--accent-soft: var(--cab-key-hi);--on-accent: var(--cab);--line: var(--cab-line)}[data-controls=arcade] .controls{flex-wrap:wrap;column-gap:6px;row-gap:10px;padding:10px 14px 12px;background:var(--cab);color:var(--cab-text);box-shadow:none;border-top:4px solid var(--cab-pink)}[data-controls=arcade] .stage.immersive .controls{background:var(--cab)}[data-controls=arcade] .stage.immersive .controls:before{display:none}[data-controls=arcade] .seek-wrap{order:-1;flex-basis:100%;gap:10px;--thumb: 14px}[data-controls=arcade] .seek-wrap:before{content:"1UP";flex:none;color:var(--cab-yellow);font:400 10px/1 var(--pixel);letter-spacing:.08em}[data-controls=arcade] #lock{margin-left:auto}[data-controls=arcade] :is(.seek,.volume-slider){--track: 12px;height:14px}[data-controls=arcade] :is(.seek,.volume-slider)::-webkit-slider-runnable-track{border-radius:0;background:repeating-linear-gradient(90deg,var(--cab-green) 0 10px,transparent 10px 13px) 0 0 / var(--trail) 100% no-repeat,repeating-linear-gradient(90deg,var(--cab-line) 0 10px,transparent 10px 13px)}[data-controls=arcade] :is(.seek,.volume-slider)::-moz-range-track{border-radius:0;background:repeating-linear-gradient(90deg,var(--cab-green) 0 10px,transparent 10px 13px) 0 0 / var(--trail) 100% no-repeat,repeating-linear-gradient(90deg,var(--cab-line) 0 10px,transparent 10px 13px)}[data-controls=arcade] :is(.seek,.volume-slider)::-webkit-slider-thumb{height:18px;margin-top:-3px;border-radius:0;background:linear-gradient(to right,transparent 4px,var(--cab-yellow) 4px 10px,transparent 10px)}[data-controls=arcade] :is(.seek,.volume-slider)::-moz-range-thumb{height:18px;border-radius:0;background:linear-gradient(to right,transparent 4px,var(--cab-yellow) 4px 10px,transparent 10px)}[data-controls=arcade] .controls :is(.ctl-transport,.ctl-tools,.ctl-view,.player-settings,.volume)>.icon{margin-right:4px;border-radius:0;background:var(--cab-key);color:var(--cab-text);box-shadow:3px 3px 0 var(--cab-shadow)}[data-controls=arcade] .controls :is(.ctl-transport,.ctl-tools,.ctl-view,.player-settings,.volume)>.icon:hover{background:var(--cab-key-hi)}[data-controls=arcade] .controls :is(.ctl-transport,.ctl-tools,.ctl-view,.player-settings,.volume)>.icon:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--cab-shadow)}[data-controls=arcade] #toggle,[data-controls=arcade] #toggle:hover{background:var(--cab-yellow);color:var(--cab);filter:none}[data-controls=arcade] #mic[aria-pressed=true],[data-controls=arcade] #deaf[aria-pressed=true],[data-controls=arcade] #app.locked #lock{background:var(--cab-pink);color:var(--cab)}[data-controls=arcade] .lock-btn .lock-ring{stroke:var(--cab-green)}[data-controls=arcade] .lock-btn .lock-ring .ring-square{rx:0}[data-controls=arcade] .clock,[data-controls=arcade] .stage.immersive .controls .clock{color:var(--cab-muted);font:400 11px/1.4 var(--pixel)}[data-controls=arcade] .clock-now,[data-controls=arcade] .stage.immersive .controls .clock-now{color:var(--cab-green)}@container player (max-width: 560px){[data-controls=arcade] #lock{margin-left:0}[data-controls=arcade] .controls :is(.ctl-transport,.ctl-tools,.ctl-view,.player-settings,.volume)>.icon{margin-right:2px;box-shadow:2px 2px 0 var(--cab-shadow)}}[data-controls=arcade] :is(.side,.chat-pane){background:var(--cab);color:var(--cab-text);--side-line: 4px solid var(--cab-pink);border-left:var(--side-line);font-family:JetBrains Mono,ui-monospace,monospace}[data-controls=arcade] .side :is(button,input,.chat-box){font-family:inherit}[data-controls=arcade] .tabs{gap:6px;border-bottom:0}[data-controls=arcade] .tab{flex:1;padding:8px 0;border:0;background:var(--cab-key);color:var(--cab-muted);box-shadow:3px 3px 0 var(--cab-shadow);font:400 10px/1 var(--pixel);letter-spacing:.06em;text-transform:uppercase}[data-controls=arcade] .tab.active{background:var(--cab-pink);color:var(--cab)}[data-controls=arcade] .tab-marker{display:none}[data-controls=arcade] :is(.queue,.lists)>:is(.item,.list){border-radius:0;background:var(--cab-2)}[data-controls=arcade] .item.current{background:var(--cab-2);box-shadow:inset 0 0 0 2px var(--cab-yellow)}[data-controls=arcade] .item.current .item-meta{color:var(--cab-yellow)}[data-controls=arcade] .item-title{font-weight:700}[data-controls=arcade] .side .thumb{border-radius:0;image-rendering:pixelated}[data-controls=arcade] .side .avatar{border-radius:0}[data-controls=arcade] :is(.add input,.search,.chat-box){border-radius:0;background:#0b061d;border:2px solid var(--cab-line);color:var(--cab-text)}[data-controls=arcade] :is(.add input,.search,.chat-box):is(:focus,:focus-within){border-color:var(--cab-yellow)}[data-controls=arcade] .side :is(.ghost,.add button:not(.icon),.voice-actions button){border-radius:0;background:var(--cab-key);color:var(--cab-text);box-shadow:3px 3px 0 var(--cab-shadow)}[data-controls=arcade] .side :is(.add button:not(.file-btn,.icon),.ghost.primary,.voice-actions .voice-join):not(:disabled){background:var(--cab-green);color:var(--cab)}[data-controls=arcade] .voice-strip{border-radius:0;background:#0b061d;box-shadow:inset 0 0 0 2px var(--cab-line)}[data-controls=arcade] .chat-mark-face{border-radius:0;background:var(--cab-key)}[data-controls=arcade] .side .icon.small{border-radius:0}[data-controls=arcade] :is(.card,.menu,.volume-pill,.stats,.chat-picks,.emoji-picker,.segmented,.segmented button,.sheet-tab){border-radius:0}[data-controls=arcade] :is(.menu,.volume-pill){background:var(--cab);box-shadow:inset 0 0 0 2px var(--cab-pink),4px 4px 0 var(--cab-shadow)}[data-controls=arcade] :is(.chat-toast,.paused-by,.back-fullscreen,.voice-overlay[data-look=solid] .voice-person){border-radius:0;background:var(--cab);color:var(--cab-text);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:inset 0 0 0 2px var(--cab-pink),4px 4px 0 var(--cab-shadow);font-family:JetBrains Mono,ui-monospace,monospace}[data-controls=arcade] .locked-note{border-radius:0}[data-controls=arcade]{--sheet-radius: 0}[data-controls=arcade] :is(.sheet,.ask){background:var(--cab);color:var(--cab-text);font-family:JetBrains Mono,ui-monospace,monospace;box-shadow:inset 0 0 0 3px var(--cab-pink),8px 8px 0 var(--cab-shadow)}[data-controls=arcade] :is(.sheet,.ask) :is(button,input,select,textarea){font-family:inherit}[data-controls=arcade] .sheet-nav{gap:8px;margin:3px 0 3px 3px;background:var(--cab-2)}[data-controls=arcade] :is(.sheet-tab,.editor-list){border-radius:0;background:var(--cab-key);color:var(--cab-muted);box-shadow:3px 3px 0 var(--cab-shadow)}[data-controls=arcade] :is(.sheet-tab,.editor-list):hover{background:var(--cab-key-hi);color:var(--cab-text)}[data-controls=arcade] .sheet-tab{font:400 10px/1.4 var(--pixel);text-transform:uppercase}[data-controls=arcade] :is(.sheet-tab,.editor-list)[aria-selected=true]{background:var(--cab-pink);color:var(--cab)}[data-controls=arcade] :is(.sheet-nav h2,.sheet-heading,.ask-title){font:400 12px/1.5 var(--pixel);letter-spacing:.04em;text-transform:uppercase;color:var(--cab-yellow)}[data-controls=arcade] .sheet .card{background:var(--cab-2);box-shadow:inset 0 0 0 2px var(--cab-line)}[data-controls=arcade] :is(.sheet,.ask) :is(.password-form input,.ask-field input,.colour-field input[type=text],.invite-link input,.search){border:2px solid var(--cab-line);border-radius:0;background:#0b061d;color:var(--cab-text)}[data-controls=arcade] :is(.sheet,.ask) :is(.ghost,.password-actions button,.ask-button){border-radius:0;box-shadow:3px 3px 0 var(--cab-shadow)}[data-controls=studio]{--amber: #ffb454;--amber-dim: #8a6a3e}[data-controls=studio] .controls{flex-wrap:wrap;column-gap:4px;row-gap:6px;padding:6px 14px 10px;background:var(--panel)}[data-controls=studio] .seek-wrap{order:-1;flex-basis:100%;--thumb: 14px;isolation:isolate}[data-controls=studio] #lock{margin-left:auto}[data-controls=studio] :is(.seek,.volume-slider){--track: 22px;height:26px}[data-controls=studio] .seek-scale{display:block;position:absolute;z-index:-1;top:50%;left:calc(var(--thumb) / 2);right:calc(var(--thumb) / 2);height:22px;translate:0 -50%;pointer-events:none;background:repeating-linear-gradient(90deg,var(--muted) 0 1px,transparent 1px var(--major, 10%)) 0 100% / 100% 11px no-repeat,repeating-linear-gradient(90deg,color-mix(in srgb,var(--text) 30%,transparent) 0 1px,transparent 1px var(--minor, 2%)) 0 100% / 100% 5px no-repeat}[data-controls=studio] .seek-scale span{position:absolute;top:1px;translate:3px 0;color:var(--muted);font:400 9px/1 JetBrains Mono,ui-monospace,monospace;font-variant-numeric:tabular-nums;white-space:nowrap}[data-controls=studio] .seek::-webkit-slider-runnable-track{border-radius:0;background:linear-gradient(color-mix(in srgb,var(--accent) 40%,transparent),color-mix(in srgb,var(--accent) 40%,transparent)) 0 100% / var(--trail) 3px no-repeat,linear-gradient(color-mix(in srgb,var(--text) 30%,transparent),color-mix(in srgb,var(--text) 30%,transparent)) 0 100% / 100% 1px no-repeat}[data-controls=studio] .seek::-moz-range-track{border-radius:0;background:linear-gradient(color-mix(in srgb,var(--accent) 40%,transparent),color-mix(in srgb,var(--accent) 40%,transparent)) 0 100% / var(--trail) 3px no-repeat,linear-gradient(color-mix(in srgb,var(--text) 30%,transparent),color-mix(in srgb,var(--text) 30%,transparent)) 0 100% / 100% 1px no-repeat}[data-controls=studio] .volume-slider::-webkit-slider-runnable-track{border-radius:0;background:linear-gradient(color-mix(in srgb,var(--accent) 40%,transparent),color-mix(in srgb,var(--accent) 40%,transparent)) 0 100% / var(--trail) 3px no-repeat,linear-gradient(color-mix(in srgb,var(--text) 30%,transparent),color-mix(in srgb,var(--text) 30%,transparent)) 0 100% / 100% 1px no-repeat,repeating-linear-gradient(90deg,var(--muted) 0 1px,transparent 1px 25%) calc(var(--thumb) / 2) 100% / calc(100% - var(--thumb) + 1px) 11px no-repeat,repeating-linear-gradient(90deg,color-mix(in srgb,var(--text) 30%,transparent) 0 1px,transparent 1px 5%) calc(var(--thumb) / 2) 100% / calc(100% - var(--thumb) + 1px) 5px no-repeat}[data-controls=studio] .volume-slider::-moz-range-track{border-radius:0;background:linear-gradient(color-mix(in srgb,var(--accent) 40%,transparent),color-mix(in srgb,var(--accent) 40%,transparent)) 0 100% / var(--trail) 3px no-repeat,linear-gradient(color-mix(in srgb,var(--text) 30%,transparent),color-mix(in srgb,var(--text) 30%,transparent)) 0 100% / 100% 1px no-repeat,repeating-linear-gradient(90deg,var(--muted) 0 1px,transparent 1px 25%) calc(var(--thumb) / 2) 100% / calc(100% - var(--thumb) + 1px) 11px no-repeat,repeating-linear-gradient(90deg,color-mix(in srgb,var(--text) 30%,transparent) 0 1px,transparent 1px 5%) calc(var(--thumb) / 2) 100% / calc(100% - var(--thumb) + 1px) 5px no-repeat}[data-controls=studio] :is(.seek,.volume-slider)::-webkit-slider-thumb{height:26px;margin-top:-2px;border-radius:0;background:linear-gradient(var(--accent),var(--accent)) center top / 10px 6px no-repeat,linear-gradient(var(--accent),var(--accent)) center / 2px 100% no-repeat}[data-controls=studio] :is(.seek,.volume-slider)::-moz-range-thumb{height:26px;border-radius:0;background:linear-gradient(var(--accent),var(--accent)) center top / 10px 6px no-repeat,linear-gradient(var(--accent),var(--accent)) center / 2px 100% no-repeat}[data-controls=studio] .controls :is(.ctl-transport,.ctl-tools,.ctl-view,.player-settings,.volume)>.icon{border-radius:4px}[data-controls=studio] .lock-btn .lock-ring .ring-square{rx:3px}[data-controls=studio] #toggle{border-radius:4px;background:var(--panel-2);color:var(--text);box-shadow:inset 0 0 0 1px var(--line)}[data-controls=studio] #toggle:hover{background:color-mix(in srgb,var(--text) 12%,var(--panel-2));filter:none}[data-controls=studio] #toggle[data-icon=pause]{color:var(--accent)}[data-controls=studio] .clock,[data-controls=studio] .stage.immersive .controls .clock{margin-left:6px;padding:4px 10px;border-radius:4px;background:#050607;color:var(--amber-dim);font:600 13px/1 JetBrains Mono,ui-monospace,monospace}[data-controls=studio] .clock:before{content:"TC";margin-right:8px;font-size:9px;letter-spacing:.12em;color:var(--amber-dim)}[data-controls=studio] .clock-now,[data-controls=studio] .stage.immersive .controls .clock-now{color:var(--amber);font-size:17px}[data-controls=studio] .clock:hover{background:#050607;filter:brightness(1.2)}@container player (max-width: 560px){[data-controls=studio] #lock{margin-left:0}[data-controls=studio] .clock:before{display:none}[data-controls=studio] .clock-now,[data-controls=studio] .stage.immersive .controls .clock-now{font-size:14px}}[data-controls=studio] .side{font-size:12px}[data-controls=studio] .tab{font:600 11px/1.4 JetBrains Mono,ui-monospace,monospace;letter-spacing:.06em;text-transform:uppercase}[data-controls=studio] :is(.queue,.lists){gap:0;border:1px solid var(--line);border-radius:4px}[data-controls=studio] :is(.queue,.lists)>:is(.item,.list){padding:4px 8px;border-radius:0;background:transparent;border-bottom:1px solid var(--line)}[data-controls=studio] :is(.queue,.lists)>:is(.item,.list):hover{background:color-mix(in srgb,var(--text) 6%,transparent)}[data-controls=studio] .item.current{background:color-mix(in srgb,var(--accent) 16%,transparent);box-shadow:none}[data-controls=studio] .side .thumb{width:40px;height:22px;border-radius:2px}[data-controls=studio] :is(.item-meta,.chat-at,.chat-mark-at){font-family:JetBrains Mono,ui-monospace,monospace}[data-controls=studio] :is(.chat-when,.chat-at){font-family:JetBrains Mono,ui-monospace,monospace;color:var(--amber)}:root[data-theme=light][data-controls=studio] :is(.chat-when,.chat-at){color:#a85d00}[data-controls=studio] :is(.ghost,.add button:not(.icon),.voice-actions button,.add input,.search,.chat-box,.voice-strip,.card,.menu,.volume-pill,.stats,.chat-picks,.emoji-picker,.segmented,.segmented button,.chat-toast,.paused-by,.back-fullscreen,.locked-note){border-radius:4px}[data-controls=studio]{--sheet-radius: 6px}[data-controls=studio] .sheet-nav{box-shadow:inset -1px 0 0 var(--line)}[data-controls=studio] :is(.sheet-tab,.sheet-nav h2,.sheet-heading){font:600 11px/1.4 JetBrains Mono,ui-monospace,monospace;letter-spacing:.06em;text-transform:uppercase}[data-controls=studio] .sheet-heading{font-size:13px;color:var(--amber)}:root[data-theme=light][data-controls=studio] .sheet-heading{color:#a85d00}[data-controls=studio] :is(.sheet-tab,.editor-list){border-radius:3px}[data-controls=studio] :is(.sheet-tab,.editor-list)[aria-selected=true]{box-shadow:inset 2px 0 0 var(--amber)}[data-controls=studio] .sheet .card{box-shadow:inset 0 0 0 1px var(--line)}[data-controls=soft]{--soft: #23262b;--soft-hi: rgb(255 255 255 / .06);--soft-lo: rgb(0 0 0 / .55)}:root[data-theme=light][data-controls=soft]{--soft: #e3e6eb;--soft-hi: rgb(255 255 255 / .9);--soft-lo: rgb(148 156 168 / .55)}[data-controls=soft] :is(.controls,.side,.chat-pane,.menu,.volume-pill,.sheet,.ask){--raised: -3px -3px 6px var(--soft-hi), 3px 3px 7px var(--soft-lo);--sunk: inset -3px -3px 6px var(--soft-hi), inset 3px 3px 7px var(--soft-lo);--raised-sm: -2px -2px 4px var(--soft-hi), 2px 2px 5px var(--soft-lo);--sunk-sm: inset -2px -2px 4px var(--soft-hi), inset 2px 2px 5px var(--soft-lo)}[data-controls=soft] .controls{gap:10px;padding:14px 18px;background:var(--soft);box-shadow:none}[data-controls=soft] .stage.immersive .controls{background:color-mix(in srgb,var(--soft) 92%,transparent);--soft-hi: rgb(255 255 255 / .06);--soft-lo: rgb(0 0 0 / .55);--soft: #23262b}[data-controls=soft] .stage.immersive .controls:before{display:none}[data-controls=soft] .controls :is(.ctl-transport,.ctl-tools,.ctl-view,.player-settings,.volume)>.icon{margin:0 2px;border-radius:12px;background:var(--soft);box-shadow:var(--raised)}[data-controls=soft] .lock-btn .lock-ring .ring-square{rx:11px}[data-controls=soft] .controls :is(.ctl-transport,.ctl-tools,.ctl-view,.player-settings,.volume)>.icon:hover{background:var(--soft);color:var(--accent)}[data-controls=soft] .controls :is(.ctl-transport,.ctl-tools,.ctl-view,.player-settings,.volume)>.icon:is(:active,#mic[aria-pressed=true],#deaf[aria-pressed=true],#lock[aria-pressed=true]){box-shadow:var(--sunk);color:var(--accent);transform:none}[data-controls=soft] #toggle{width:44px;height:44px;border-radius:50%;background:var(--soft);color:var(--accent);box-shadow:var(--raised)}[data-controls=soft] #toggle[data-icon=pause]{box-shadow:var(--sunk)}[data-controls=soft] #toggle:hover{background:var(--soft);filter:none}[data-controls=soft] :is(.seek,.volume-slider){--track: 10px;--trail-color: var(--accent);--rest-color: transparent;height:20px}[data-controls=soft] :is(.seek,.volume-slider)::-webkit-slider-runnable-track{border-radius:6px;box-shadow:var(--sunk-sm);background:linear-gradient(var(--accent),var(--accent)) 4px 50% / calc(var(--trail) - 4px) 4px no-repeat}[data-controls=soft] :is(.seek,.volume-slider)::-moz-range-track{border-radius:6px;box-shadow:var(--sunk-sm);background:linear-gradient(var(--accent),var(--accent)) 4px 50% / calc(var(--trail) - 4px) 4px no-repeat}[data-controls=soft] :is(.seek,.volume-slider)::-webkit-slider-thumb{height:14px;margin-top:-2px;background:var(--soft);box-shadow:var(--raised-sm)}[data-controls=soft] :is(.seek,.volume-slider)::-moz-range-thumb{height:14px;background:var(--soft);box-shadow:var(--raised-sm)}[data-controls=soft] .clock{padding:5px 10px;border-radius:10px;box-shadow:var(--sunk-sm)}@container player (max-width: 560px){[data-controls=soft] .controls{gap:10px 4px;padding:10px 10px 12px}[data-controls=soft] .controls :is(.ctl-transport,.ctl-tools,.ctl-view,.player-settings,.volume)>.icon{margin:0 1px;border-radius:10px}[data-controls=soft] .lock-btn .lock-ring .ring-square{rx:9px}[data-controls=soft] #toggle{width:38px;height:38px}}[data-controls=soft] .side{gap:14px;padding:16px;background:var(--soft);--side-line: 0}[data-controls=soft] .tabs{gap:6px;padding:4px;border:0;border-radius:14px;box-shadow:var(--sunk-sm)}[data-controls=soft] .tab{flex:1;padding:7px 6px;border:0;border-radius:10px}[data-controls=soft] .tab.active{color:var(--accent);background:var(--soft);box-shadow:var(--raised-sm)}[data-controls=soft] .tab-marker{display:none}[data-controls=soft] :is(.queue,.lists){gap:10px;padding:4px}[data-controls=soft] :is(.queue,.lists)>:is(.item,.list),[data-controls=soft] .voice-strip{border-radius:14px;background:var(--soft);box-shadow:var(--raised-sm)}[data-controls=soft] .item.current{background:var(--soft);box-shadow:var(--sunk)}[data-controls=soft] :is(.add input,.search,.ask-field input,.colour-field input[type=text],.password-form input,.invite-link input,.login-form input:not([type=checkbox]),.editor-name,.emoji-top input),[data-controls=soft] .chat-box{border-color:transparent;border-radius:12px;background:var(--soft);box-shadow:var(--sunk-sm)}[data-controls=soft] :is(.ghost,.add button:not(.icon),.voice-actions button,.password-actions button,.login-form button:not(.icon),.gate button:not(.icon),.fetching .share-again){border-radius:12px;background:var(--soft);color:var(--text);box-shadow:var(--raised-sm)}[data-controls=soft] :is(.add button:not(.file-btn,.icon),.ghost.primary,.voice-actions .voice-join):not(:disabled){color:var(--accent)}[data-controls=soft] :is(.ghost,.add button:not(.icon),.voice-actions button):active{box-shadow:var(--sunk-sm)}[data-controls=soft] .chat-mark-face{background:var(--soft);box-shadow:var(--raised-sm)}[data-controls=soft] :is(.card,.menu,.volume-pill,.stats,.chat-picks,.emoji-picker,.segmented,.chat-toast,.paused-by,.back-fullscreen,.locked-note){border-radius:16px}[data-controls=soft]{--sheet-radius: 24px}[data-controls=soft] :is(.sheet,.ask){background:var(--soft);box-shadow:var(--raised),var(--elevation-2)}[data-controls=soft] .sheet-nav{margin:12px;padding:6px;border-radius:16px;background:var(--soft);box-shadow:var(--sunk-sm)}[data-controls=soft] :is(.sheet-tab,.editor-list){border-radius:12px}[data-controls=soft] :is(.sheet-tab,.editor-list)[aria-selected=true],[data-controls=soft] .sheet .segmented button[aria-checked=true]{background:var(--soft);color:var(--accent);box-shadow:var(--raised-sm)}[data-controls=soft] .sheet .card{background:var(--soft);box-shadow:var(--raised-sm)}[data-controls=soft] .sheet .segmented{background:var(--soft);box-shadow:var(--sunk-sm)}[data-controls=wireframe]{--wire: 1.5px}[data-controls=wireframe] .controls{gap:0;padding:12px 14px;background:var(--bg);box-shadow:none;border-top:var(--wire) solid var(--text)}[data-controls=wireframe] .stage.immersive .controls{border-top:0}[data-controls=wireframe] .controls :is(.ctl-transport,.ctl-tools,.ctl-view,.player-settings,.volume)>.icon{margin-left:calc(-1 * var(--wire));border-radius:0;box-shadow:inset 0 0 0 var(--wire) var(--text)}[data-controls=wireframe] .lock-btn .lock-ring .ring-square{rx:0}[data-controls=wireframe] .controls :is(.ctl-transport,.ctl-tools,.ctl-view,.player-settings,.volume)>.icon:hover{background:color-mix(in srgb,var(--accent) 18%,transparent)}[data-controls=wireframe] #previous,[data-controls=wireframe] #lock,[data-controls=wireframe] #hide-queue{margin-left:0}[data-controls=wireframe] #toggle,[data-controls=wireframe] #toggle:hover{position:relative;z-index:1;border-radius:0;background:transparent;color:var(--accent);box-shadow:inset 0 0 0 var(--wire) var(--accent);filter:none}[data-controls=wireframe] #toggle:hover{background:color-mix(in srgb,var(--accent) 18%,transparent)}[data-controls=wireframe] .seek-wrap{margin:0 12px}[data-controls=wireframe] :is(.seek,.volume-slider){--track: 14px;height:16px}[data-controls=wireframe] :is(.seek,.volume-slider)::-webkit-slider-runnable-track{border-radius:0;box-shadow:inset 0 0 0 var(--wire) var(--text);background:repeating-linear-gradient(45deg,var(--accent) 0 1.5px,transparent 1.5px 6px) 0 0 / var(--trail) 100% no-repeat}[data-controls=wireframe] :is(.seek,.volume-slider)::-moz-range-track{border-radius:0;box-shadow:inset 0 0 0 var(--wire) var(--text);background:repeating-linear-gradient(45deg,var(--accent) 0 1.5px,transparent 1.5px 6px) 0 0 / var(--trail) 100% no-repeat}[data-controls=wireframe] :is(.seek,.volume-slider)::-webkit-slider-thumb{height:22px;margin-top:-4px;border-radius:0;background:linear-gradient(to right,transparent 6px,var(--text) 6px 8px,transparent 8px)}[data-controls=wireframe] :is(.seek,.volume-slider)::-moz-range-thumb{height:22px;border-radius:0;background:linear-gradient(to right,transparent 6px,var(--text) 6px 8px,transparent 8px)}[data-controls=wireframe] .clock{align-self:stretch;margin-right:12px;padding:0 8px;border-radius:0;box-shadow:inset 0 0 0 var(--wire) var(--text);color:var(--text)}[data-controls=wireframe] #app.locked #lock{background:var(--text);color:var(--bg)}@container player (max-width: 560px){[data-controls=wireframe] .controls{row-gap:10px;padding:10px}[data-controls=wireframe] .seek-wrap{margin:0}[data-controls=wireframe] .clock{margin:0 6px}}[data-controls=wireframe] .side{background:var(--bg);--side-line: var(--wire) solid var(--text);border-left:var(--side-line)}[data-controls=wireframe] .tabs{gap:0;border-bottom:0}[data-controls=wireframe] .tab{flex:1;margin-left:calc(-1 * var(--wire));padding:6px 4px;border:0;color:var(--text);box-shadow:inset 0 0 0 var(--wire) var(--text)}[data-controls=wireframe] .tab:first-of-type{margin-left:0}[data-controls=wireframe] .tab.active{background:var(--text);color:var(--bg)}[data-controls=wireframe] .tab-marker{display:none}[data-controls=wireframe] :is(.queue,.lists)>:is(.item,.list),[data-controls=wireframe] .voice-strip,[data-controls=wireframe] .chat-mark-face{border-radius:0;background:transparent;box-shadow:inset 0 0 0 var(--wire) color-mix(in srgb,var(--text) 70%,transparent)}[data-controls=wireframe] .item.current{background:transparent;box-shadow:inset 0 0 0 var(--wire) var(--accent)}[data-controls=wireframe] .side .thumb{border-radius:0;filter:grayscale(1) contrast(1.1);box-shadow:0 0 0 var(--wire) var(--text)}[data-controls=wireframe] .side .avatar{border-radius:0}[data-controls=wireframe] :is(.add input,.search,.ask-field input,.colour-field input[type=text],.password-form input,.invite-link input,.login-form input:not([type=checkbox]),.editor-name,.emoji-top input),[data-controls=wireframe] .chat-box{border:var(--wire) solid var(--text);border-radius:0;background:transparent}[data-controls=wireframe] :is(.ghost,.add button:not(.icon),.voice-actions button,.password-actions button,.login-form button:not(.icon),.gate button:not(.icon),.fetching .share-again){border-radius:0;background:transparent;color:var(--text);box-shadow:inset 0 0 0 var(--wire) var(--text)}[data-controls=wireframe] :is(.add button:not(.file-btn,.icon),.ghost.primary,.voice-actions .voice-join):not(:disabled){color:var(--accent);box-shadow:inset 0 0 0 var(--wire) var(--accent)}[data-controls=wireframe] .side .icon.small{border-radius:0}[data-controls=wireframe] :is(.card,.menu,.volume-pill,.stats,.chat-picks,.emoji-picker,.segmented,.segmented button,.sheet-tab,.chat-toast,.paused-by,.back-fullscreen,.locked-note,.voice-overlay[data-look=solid] .voice-person){border-radius:0}[data-controls=wireframe] :is(.chat-toast,.paused-by,.back-fullscreen,.voice-overlay[data-look=solid] .voice-person){background:color-mix(in srgb,var(--bg) 90%,transparent);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:inset 0 0 0 var(--wire) var(--text)}[data-controls=wireframe]{--sheet-radius: 0}[data-controls=wireframe] :is(.sheet,.ask){background:var(--bg);box-shadow:0 0 0 var(--wire) var(--text)}[data-controls=wireframe] .sheet-nav{gap:0;background:var(--bg);box-shadow:inset calc(-1 * var(--wire)) 0 0 var(--text)}[data-controls=wireframe] :is(.sheet-tab,.editor-list){margin-top:calc(-1 * var(--wire));border-radius:0;color:var(--text);box-shadow:inset 0 0 0 var(--wire) var(--text)}[data-controls=wireframe] :is(.sheet-tab,.editor-list)[aria-selected=true],[data-controls=wireframe] .sheet .segmented button[aria-checked=true]{background:var(--text);color:var(--bg)}[data-controls=wireframe] .sheet .card{background:transparent;box-shadow:inset 0 0 0 var(--wire) var(--text)}[data-controls=wireframe] .sheet .segmented{padding:0;gap:0;background:transparent;box-shadow:inset 0 0 0 var(--wire) var(--text)}[data-controls=toy]{--round: Fredoka, Nunito, "Varela Round", Roboto, system-ui, sans-serif;--stand: color-mix(in srgb, var(--accent) 45%, var(--panel));--stand-strong: color-mix(in srgb, var(--accent) 60%, #000)}[data-controls=toy] .controls{gap:8px;padding:12px 16px 14px;background:var(--accent-soft);box-shadow:none;font-family:var(--round)}[data-controls=toy] .stage.immersive .controls{background:color-mix(in srgb,var(--accent-soft) 88%,transparent);border-radius:24px 24px 0 0}[data-controls=toy] .stage.immersive .controls:before{display:none}[data-controls=toy] .controls :is(.ctl-transport,.ctl-tools,.ctl-view,.player-settings,.volume)>.icon{margin:0 2px;border-radius:50%;background:var(--panel);color:var(--text);box-shadow:0 3px 0 var(--stand)}[data-controls=toy] .lock-btn .lock-ring .ring-square{display:none}[data-controls=toy] .lock-btn .lock-ring .ring-round{display:inline}[data-controls=toy] .controls :is(.ctl-transport,.ctl-tools,.ctl-view,.player-settings,.volume)>.icon:hover{background:var(--panel);transform:translateY(-2px);box-shadow:0 5px 0 var(--stand)}[data-controls=toy] .controls :is(.ctl-transport,.ctl-tools,.ctl-view,.player-settings,.volume)>.icon:active{transform:translateY(2px);box-shadow:0 1px 0 var(--stand)}[data-controls=toy] #toggle{width:46px;height:46px;border-radius:50%;box-shadow:0 4px 0 var(--stand-strong)}[data-controls=toy] #toggle:hover{background:var(--accent);filter:none;transform:translateY(-2px)}[data-controls=toy] #toggle svg{width:22px;height:22px}[data-controls=toy] #mic[aria-pressed=true],[data-controls=toy] #deaf[aria-pressed=true],[data-controls=toy] #app.locked #lock{background:var(--accent);color:var(--on-accent)}[data-controls=toy] :is(.seek,.volume-slider){--track: 10px;--thumb: 14px;--trail-color: var(--accent);--rest-color: var(--panel);height:22px}[data-controls=toy] :is(.seek,.volume-slider)::-webkit-slider-thumb{width:14px;height:22px;margin-top:-6px;border-radius:999px;background:var(--panel);box-shadow:inset 0 0 0 4px var(--accent)}[data-controls=toy] :is(.seek,.volume-slider)::-moz-range-thumb{height:22px;border-radius:999px;background:var(--panel);box-shadow:inset 0 0 0 4px var(--accent)}[data-controls=toy] .clock,[data-controls=toy] .stage.immersive .controls .clock{padding:6px 12px;border-radius:999px;background:var(--panel);color:var(--muted);font-family:var(--round);font-weight:600}@container player (max-width: 560px){[data-controls=toy] .controls{gap:10px 2px;padding:10px 10px 14px}[data-controls=toy] .controls :is(.ctl-transport,.ctl-tools,.ctl-view,.player-settings,.volume)>.icon{margin:0 1px}}[data-controls=toy] .side{gap:12px;background:var(--accent-soft);--side-line: 0;font-family:var(--round)}[data-controls=toy] .side :is(button,input,.chat-box){font-family:inherit}[data-controls=toy] .tabs{gap:6px;border-bottom:0}[data-controls=toy] .tab{padding:7px 14px;border:0;border-radius:999px;background:var(--panel);color:var(--text);font-weight:600;box-shadow:0 3px 0 var(--stand)}[data-controls=toy] .tab.active{background:var(--accent);color:var(--on-accent);box-shadow:0 3px 0 var(--stand-strong)}[data-controls=toy] .tab-marker{display:none}[data-controls=toy] :is(.queue,.lists)>:is(.item,.list),[data-controls=toy] .voice-strip{border:3px solid var(--panel);border-radius:20px;background:var(--panel)}[data-controls=toy] .item.current{background:var(--panel);border-color:var(--accent);box-shadow:none}[data-controls=toy] .side .thumb{border-radius:12px}[data-controls=toy] :is(.add input,.search,.ask-field input,.colour-field input[type=text],.password-form input,.invite-link input,.login-form input:not([type=checkbox]),.editor-name,.emoji-top input),[data-controls=toy] .chat-box{border-radius:999px;background:var(--panel)}[data-controls=toy] .chat-box{border-radius:22px}[data-controls=toy] :is(.ghost,.add button:not(.icon),.voice-actions button,.password-actions button,.login-form button:not(.icon),.gate button:not(.icon),.fetching .share-again){border-radius:999px;font-weight:600;box-shadow:0 3px 0 var(--stand)}[data-controls=toy] .side :is(.ghost,.voice-actions button:not(.voice-join),.add .file-btn){background:var(--panel)}[data-controls=toy] :is(.add button:not(.file-btn,.icon),.ghost.primary,.voice-actions .voice-join):not(:disabled){box-shadow:0 3px 0 var(--stand-strong)}[data-controls=toy] .chat-text{width:fit-content;max-width:100%;padding:6px 12px;border-radius:16px 16px 16px 4px;background:var(--panel)}[data-controls=toy] .chat-mark-face{background:var(--panel)}[data-controls=toy] :is(.card,.menu,.volume-pill,.stats,.chat-picks,.emoji-picker,.segmented,.chat-toast,.paused-by,.back-fullscreen,.locked-note){border-radius:22px}[data-controls=toy] :is(.segmented button,.sheet-tab),[data-controls=toy] .icon:not(.controls .icon){border-radius:999px}[data-controls=toy] :is(.chat-toast,.paused-by,.back-fullscreen,.voice-overlay[data-look=solid] .voice-person){font-family:var(--round)}[data-controls=toy]{--sheet-radius: 28px}[data-controls=toy] :is(.sheet,.ask){background:var(--accent-soft);font-family:var(--round)}[data-controls=toy] :is(.sheet,.ask) :is(button,input,select,textarea){font-family:inherit}[data-controls=toy] .sheet-nav{gap:8px;background:transparent}[data-controls=toy] :is(.sheet-tab,.editor-list){background:var(--panel);color:var(--text);font-weight:600;box-shadow:0 3px 0 var(--stand)}[data-controls=toy] :is(.sheet-tab,.editor-list):hover{background:var(--panel);transform:translateY(-1px)}[data-controls=toy] :is(.sheet-tab,.editor-list)[aria-selected=true]{background:var(--accent);color:var(--on-accent);box-shadow:0 3px 0 var(--stand-strong)}[data-controls=toy] :is(.sheet-nav h2,.sheet-heading){font-weight:700}[data-controls=toy] .sheet .card{box-shadow:0 4px 0 var(--stand)}[data-controls=swiss]{--grotesque: Archivo, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif}[data-controls=swiss] .controls{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto;grid-template-areas:"seek seek seek seek seek" "clock title transport tools view";align-items:center;gap:10px 14px;padding:12px 16px 14px;background:var(--panel);font-family:var(--grotesque)}[data-controls=swiss] .ctl-transport,[data-controls=swiss] .ctl-tools,[data-controls=swiss] .ctl-view{display:flex;align-items:center;gap:0}[data-controls=swiss] .ctl-transport{grid-area:transport}[data-controls=swiss] .ctl-tools{grid-area:tools}[data-controls=swiss] .ctl-view{grid-area:view}[data-controls=swiss] .seek-wrap{grid-area:seek;--thumb: 14px}[data-controls=swiss] :is(.seek,.volume-slider){--track: 6px;--trail-color: var(--accent);--rest-color: var(--text)}[data-controls=swiss] :is(.seek,.volume-slider)::-webkit-slider-runnable-track{border-radius:0}[data-controls=swiss] :is(.seek,.volume-slider)::-moz-range-track{border-radius:0}[data-controls=swiss] :is(.seek,.volume-slider)::-webkit-slider-thumb{height:14px;margin-top:-4px;border-radius:0;background:var(--accent)}[data-controls=swiss] :is(.seek,.volume-slider)::-moz-range-thumb{height:14px;border-radius:0;background:var(--accent)}[data-controls=swiss] .clock,[data-controls=swiss] .stage.immersive .controls .clock{grid-area:clock;padding:0;font:700 30px/.9 var(--grotesque);letter-spacing:-.03em;color:var(--muted)}[data-controls=swiss] .clock :is(.clock-of,.clock-length){font-size:12px;font-weight:500;letter-spacing:0}[data-controls=swiss] .clock-now,[data-controls=swiss] .stage.immersive .controls .clock-now{color:var(--text)}[data-controls=swiss] .clock:hover{background:transparent;color:var(--accent)}[data-controls=swiss] .bar-title{grid-area:title;display:block;color:var(--muted);font:700 10px/1.3 var(--grotesque);letter-spacing:.14em;text-transform:uppercase}[data-controls=swiss] .bar-title-next{display:none}[data-controls=swiss] .controls :is(.ctl-transport,.ctl-tools,.ctl-view,.player-settings,.volume)>.icon{border-radius:0}[data-controls=swiss] .lock-btn .lock-ring .ring-square{rx:0}[data-controls=swiss] #toggle{border-radius:0;background:var(--text);color:var(--panel);box-shadow:none}[data-controls=swiss] #toggle:hover{background:var(--accent);color:var(--on-accent);filter:none}[data-controls=swiss] .stage.immersive .controls #toggle{color:var(--bg)}[data-controls=swiss] .stage.immersive :is(.seek,.volume-slider){--rest-color: rgb(255 255 255 / .8)}@container player (max-width: 560px){[data-controls=swiss] .controls{grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"seek seek seek seek" "clock clock clock clock" "transport . tools view";gap:8px 6px;padding:10px 12px 12px}[data-controls=swiss] .bar-title{display:none}[data-controls=swiss] .clock,[data-controls=swiss] .stage.immersive .controls .clock{font-size:24px}}[data-controls=swiss] .side{font-family:var(--grotesque)}[data-controls=swiss] .side :is(button,input,.chat-box){font-family:inherit}[data-controls=swiss] .tabs{gap:14px;border-bottom:6px solid var(--text)}[data-controls=swiss] .tab{padding:2px 0 6px;border-bottom:0;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}[data-controls=swiss] .tab.active{color:var(--accent)}[data-controls=swiss] .tab-marker{display:none}[data-controls=swiss] :is(.queue,.lists){gap:0}[data-controls=swiss] .queue{counter-reset:line}[data-controls=swiss] :is(.queue,.lists)>:is(.item,.list){padding:8px 0;border-radius:0;background:transparent;border-bottom:1px solid var(--text)}[data-controls=swiss] .queue>.item{counter-increment:line}[data-controls=swiss] .queue>.item:before{content:counter(line,decimal-leading-zero);flex:none;width:36px;font:700 24px/1 var(--grotesque);letter-spacing:-.04em;color:var(--text)}[data-controls=swiss] .queue>.item.group:before{display:none}[data-controls=swiss] .item.current{background:transparent;box-shadow:none}[data-controls=swiss] .queue>.item.current:before,[data-controls=swiss] .item.current .item-title{color:var(--accent)}[data-controls=swiss] .item-title{font-weight:700}[data-controls=swiss] .side .thumb{display:none}[data-controls=swiss] .side .avatar{border-radius:0}[data-controls=swiss] :is(.add input,.search,.ask-field input,.colour-field input[type=text],.password-form input,.invite-link input,.login-form input:not([type=checkbox]),.editor-name,.emoji-top input),[data-controls=swiss] .chat-box{border-radius:0;border:0;border-bottom:2px solid var(--text);background:transparent}[data-controls=swiss] :is(.ghost,.add button:not(.icon),.voice-actions button,.password-actions button,.login-form button:not(.icon),.gate button:not(.icon),.fetching .share-again){border-radius:0;font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:11px}[data-controls=swiss] :is(.add button:not(.file-btn,.icon),.ghost.primary,.voice-actions .voice-join):not(:disabled){background:var(--text);color:var(--bg)}[data-controls=swiss] .voice-strip{border-radius:0;background:transparent;border-block:1px solid var(--text)}[data-controls=swiss] .chat-name{font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:11px}[data-controls=swiss] .chat-mark-face,[data-controls=swiss] .side .icon.small{border-radius:0}[data-controls=swiss] :is(.card,.menu,.volume-pill,.stats,.chat-picks,.emoji-picker,.segmented,.segmented button,.sheet-tab,.chat-toast,.paused-by,.back-fullscreen,.locked-note,.voice-overlay[data-look=solid] .voice-person){border-radius:0}[data-controls=swiss] :is(.chat-toast,.paused-by,.back-fullscreen,.locked-note){font-family:var(--grotesque)}[data-controls=swiss]{--sheet-radius: 0}[data-controls=swiss] :is(.sheet,.ask){font-family:var(--grotesque)}[data-controls=swiss] :is(.sheet,.ask) :is(button,input,select,textarea){font-family:inherit}[data-controls=swiss] .sheet-nav{box-shadow:inset -6px 0 0 var(--text)}[data-controls=swiss] .sheet-nav h2{font-size:30px;font-weight:800;line-height:1;letter-spacing:-.02em}[data-controls=swiss] .sheet-heading{font-size:22px;font-weight:800;letter-spacing:-.01em}[data-controls=swiss] .sheet-tab{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}[data-controls=swiss] :is(.sheet-tab,.editor-list)[aria-selected=true]{background:transparent;color:var(--accent)}[data-controls=swiss] .sheet .card{padding:12px 0 4px;border-top:2px solid var(--text);border-radius:0;background:transparent}[data-controls=rail]{--rail-step: 54px;--rail-gap: 10px}[data-controls=rail] .controls{flex-wrap:wrap;column-gap:6px;row-gap:6px;padding:8px 14px 10px;background:var(--panel)}[data-controls=rail] .seek-wrap{order:-1;flex-basis:100%}[data-controls=rail] :is(.seek,.volume-slider){--track: 3px}[data-controls=rail] #toggle{border-radius:50%}@container player not (max-width: 560px){[data-controls=rail] .controls :is(.ctl-tools,.ctl-view){position:absolute;right:12px;z-index:4;display:flex;flex-direction:column;align-items:center;gap:var(--rail-gap)}[data-controls=rail] .ctl-view{bottom:calc(100% + 12px)}[data-controls=rail] .ctl-tools{bottom:calc(100% + 12px + 2 * var(--rail-step) + 2 * var(--rail-gap))}[data-controls=rail] .controls :is(.ctl-tools,.ctl-view,.player-settings,.volume)>.icon{position:relative;width:40px;height:var(--rail-step);padding-top:11px;align-items:flex-start;border-radius:0;color:#fff;background:radial-gradient(circle at 50% 20px,rgb(0 0 0 / .5) 19.5px,transparent 20px);filter:drop-shadow(0 1px 2px rgb(0 0 0 / .4))}[data-controls=rail] .controls :is(.ctl-tools,.ctl-view,.player-settings,.volume)>.icon:hover{background:radial-gradient(circle at 50% 20px,rgb(0 0 0 / .72) 19.5px,transparent 20px)}[data-controls=rail] .controls :is(.ctl-tools,.ctl-view,.player-settings,.volume)>.icon:is(#mic[aria-pressed=true],#deaf[aria-pressed=true],#lock[aria-pressed=true]){color:var(--accent-2)}[data-controls=rail] .controls :is(.ctl-tools,.ctl-view) .icon[data-label]:after{content:attr(data-label);position:absolute;inset:auto -6px 0;padding:0;border-radius:0;background:none;color:#fff;font:600 9px/10px JetBrains Mono,ui-monospace,monospace;letter-spacing:.1em;text-align:center;text-transform:uppercase;text-shadow:0 1px 2px rgb(0 0 0 / .9);white-space:nowrap;pointer-events:none}[data-controls=rail] .controls .player-settings-btn.cc-on:after{content:"Set · CC";color:var(--accent-2)}[data-controls=rail] .lock-btn .lock-ring{height:40px;bottom:auto}[data-controls=rail] .lock-btn .lock-ring .ring-square{display:none}[data-controls=rail] .lock-btn .lock-ring .ring-round{display:inline}[data-controls=rail] .volume-pop{inset:-12px 100% auto auto;transform:none;padding:0 6px 0 0}[data-controls=rail] .player-menu{top:auto;bottom:0;right:calc(100% + 8px);transform-origin:bottom right}[data-controls=rail] #app.locked #lock{background:radial-gradient(circle at 50% 20px,color-mix(in srgb,var(--accent) 70%,#000) 19.5px,transparent 20px)}[data-controls=rail] #hide-queue[data-count]:before{top:-2px;right:-4px}}[data-controls=rail] :is(.queue,.lists){gap:4px}[data-controls=rail] :is(.queue,.lists)>:is(.item,.list){background:transparent}[data-controls=rail] :is(.queue,.lists)>:is(.item,.list):hover{background:color-mix(in srgb,var(--text) 6%,transparent)}[data-controls=rail] .item.current{background:var(--accent-soft);box-shadow:none}[data-controls=rail] :is(.queue,.lists)>:is(.item,.list)>.thumb,[data-controls=rail] .group-head>.thumb,[data-controls=rail] .list-open>.thumb{width:32px;height:46px;border-radius:6px}[data-controls=rail] .voice-actions button,[data-controls=rail] .side .icon.small{border-radius:999px}[data-controls=rail]{--sheet-radius: 26px}[data-controls=rail] :is(.sheet-tab,.editor-list){border-radius:999px}[data-controls=rail] :is(.sheet-tab,.editor-list)[aria-selected=true]{background:color-mix(in srgb,var(--accent) 22%,transparent);color:var(--text)}[data-controls=rail] .sheet .sheet-close{border-radius:999px;background:color-mix(in srgb,var(--text) 10%,transparent)}[data-controls=marquee]{--mq: #1a0b0d;--mq-2: #2a1416;--mq-3: #3a1d20;--gold: #f2c46d;--gold-hi: #ffd98a;--cream: #f6e7d0;--cream-dim: #c9a98a;--display: "Bebas Neue", Oswald, "Roboto Condensed", "Arial Narrow", Impact, Roboto, sans-serif;--bulbs: radial-gradient(circle, var(--gold-hi) 0 2px, #b8860b 2.5px, transparent 3px) 0 0 / 14px 6px repeat-x}[data-controls=marquee] :is(.controls,.side,.chat-pane,.chat-toast,.paused-by,.back-fullscreen,.voice-overlay[data-look=solid] .voice-person,.menu,.volume-pill,.sheet,.ask){--text: var(--cream);--muted: var(--cream-dim);--panel: var(--mq-2);--panel-2: var(--mq-3);--accent: var(--gold);--accent-2: var(--gold);--accent-soft: #4a2a1a;--on-accent: var(--mq);--line: rgb(242 196 109 / .25)}[data-controls=marquee] .controls{flex-wrap:wrap;column-gap:8px;row-gap:6px;padding:18px;background:var(--mq);color:var(--cream);box-shadow:none}[data-controls=marquee] .stage.immersive .controls{background:var(--mq)}[data-controls=marquee] .controls:before,[data-controls=marquee] .controls:after,[data-controls=marquee] .stage.immersive .controls:before{content:"";position:absolute;left:8px;right:8px;height:6px;z-index:auto;background:var(--bulbs);pointer-events:none}[data-controls=marquee] .controls:before,[data-controls=marquee] .stage.immersive .controls:before{top:5px;bottom:auto;inset-inline:8px}[data-controls=marquee] .controls:after{bottom:5px}[data-controls=marquee] .bar-title{order:-2;flex-basis:100%;display:flex;align-items:baseline;gap:12px;color:var(--gold);font:400 26px/1 var(--display);letter-spacing:.06em;text-transform:uppercase}[data-controls=marquee] .bar-title:before{content:"Now showing";flex:none}[data-controls=marquee] .bar-title-name{font-size:15px;color:var(--cream-dim);letter-spacing:.1em}[data-controls=marquee] .bar-title-next{display:none}[data-controls=marquee] :is(.seek,.volume-slider){--track: 2px;--trail-color: var(--gold);--rest-color: rgb(242 196 109 / .28)}[data-controls=marquee] :is(.seek,.volume-slider)::-webkit-slider-thumb{background:var(--gold)}[data-controls=marquee] :is(.seek,.volume-slider)::-moz-range-thumb{background:var(--gold)}[data-controls=marquee] .controls .icon,[data-controls=marquee] .stage.immersive .controls .icon{border-radius:4px;color:var(--cream)}[data-controls=marquee] #toggle,[data-controls=marquee] .stage.immersive .controls #toggle{border-radius:4px;background:var(--gold);color:var(--mq);box-shadow:0 0 12px #ffd98a59}[data-controls=marquee] #toggle:hover{background:var(--gold-hi);filter:none}[data-controls=marquee] .clock,[data-controls=marquee] .stage.immersive .controls .clock{padding:4px 10px;border:1px dashed var(--gold);border-radius:4px;color:var(--gold)}[data-controls=marquee] .clock-now,[data-controls=marquee] .stage.immersive .controls .clock-now{color:var(--cream)}[data-controls=marquee] .lock-btn .lock-ring{stroke:var(--gold)}[data-controls=marquee] .lock-btn .lock-ring .ring-square{rx:3px}@container player (max-width: 560px){[data-controls=marquee] .bar-title{font-size:20px}[data-controls=marquee] .bar-title-name{font-size:13px}[data-controls=marquee] .controls:after{display:none}[data-controls=marquee] .controls{padding-bottom:12px}}[data-controls=marquee] :is(.side,.chat-pane){background:var(--mq);color:var(--cream);--side-line: 1px solid rgb(242 196 109 / .35);border-left:var(--side-line)}[data-controls=marquee] .tab{font:400 18px/1 var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--cream-dim)}[data-controls=marquee] .tab.active{color:var(--gold)}[data-controls=marquee] .tab-marker{background:var(--gold)}[data-controls=marquee] :is(.queue,.lists)>:is(.item,.list){--text: #2a1416;--muted: #7a5a44;border-radius:4px;color:var(--text);background:radial-gradient(circle at 0 50%,var(--mq) 3.5px,transparent 4px) 0 0 / 8px 10px repeat-y,var(--cream);padding-left:12px}[data-controls=marquee] .item.current{background:radial-gradient(circle at 0 50%,var(--mq) 3.5px,transparent 4px) 0 0 / 8px 10px repeat-y,#ffe9b8;box-shadow:inset 0 0 0 2px var(--gold)}[data-controls=marquee] .item.current .item-meta{color:#7a3a22}[data-controls=marquee] :is(.queue,.lists) .item-title{font:400 17px/1.05 var(--display);letter-spacing:.04em;text-transform:uppercase}[data-controls=marquee] .group-items .item{background:#f1dcc0}[data-controls=marquee] :is(.add input,.search,.chat-box){background:var(--mq-2);color:var(--cream);border-radius:4px}[data-controls=marquee] .side :is(.ghost,.add button:not(.icon),.voice-actions button){border-radius:4px}[data-controls=marquee] .side :is(.add button:not(.file-btn,.icon),.ghost.primary,.voice-actions .voice-join):not(:disabled){background:var(--gold);color:var(--mq);font:400 15px/1 var(--display);letter-spacing:.08em;text-transform:uppercase}[data-controls=marquee] .voice-strip{background:var(--mq-2);border-radius:4px}[data-controls=marquee] :is(.card,.menu,.volume-pill,.stats,.chat-picks,.emoji-picker,.segmented,.chat-toast,.paused-by,.back-fullscreen,.locked-note){border-radius:4px}[data-controls=marquee] :is(.menu,.volume-pill){background:var(--mq);box-shadow:inset 0 0 0 1px #f2c46d66,0 8px 24px #0006}[data-controls=marquee] :is(.chat-toast,.paused-by,.back-fullscreen,.voice-overlay[data-look=solid] .voice-person){background:var(--mq);color:var(--cream);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:inset 0 0 0 1px #f2c46d73,0 6px 20px #0006}[data-controls=marquee]{--sheet-radius: 6px}[data-controls=marquee] :is(.sheet,.ask){background:var(--bulbs),var(--mq);background-position:8px 6px,0 0;background-size:14px 6px,auto;background-repeat:repeat-x,no-repeat;color:var(--cream);box-shadow:inset 0 0 0 1px #f2c46d66,0 16px 48px #00000080}[data-controls=marquee] .sheet-nav{padding-top:20px;background:transparent;box-shadow:inset -1px 0 #f2c46d40}[data-controls=marquee] .sheet-head{padding-top:20px}[data-controls=marquee] :is(.sheet-nav h2,.sheet-heading,.ask-title){font:400 26px/1 var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}[data-controls=marquee] .sheet-tab{font:400 18px/1 var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--cream-dim)}[data-controls=marquee] :is(.sheet-tab,.editor-list)[aria-selected=true]{background:var(--accent-soft);color:var(--gold)}[data-controls=marquee] .sheet .card{background:var(--mq-2);box-shadow:inset 0 0 0 1px #f2c46d33}
/*! Roboto — Copyright 2011 The Roboto Project Authors. SIL Open Font License 1.1 (fonts/OFL.txt). */
/*! JetBrains Mono — Copyright 2020 The JetBrains Mono Project Authors. SIL Open Font License 1.1 (fonts/OFL-jetbrains-mono.txt). */
/*! Newsreader, Press Start 2P, Fredoka, Archivo, Bebas Neue — each under the SIL Open Font License 1.1 (fonts/OFL-<name>.txt), its copyright there. */