@font-face{font-family:LP;src:local('Segoe UI');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#141413;color:#f4f0e7;font-family:LP,'Segoe UI',Tahoma,Arial,sans-serif;font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid #f18b61;outline-offset:4px}input:focus,select:focus,textarea:focus{outline:2px solid #f18b61;outline-offset:2px}[hidden]{display:none!important}:root{--accent:#f18b61;--muted:#a5a59a;--line:#33332e;--surface:#1e1e1b;--cream:#f6efdF;--green:#b4cfa6}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.2}h1{font-size:clamp(36px,4vw,60px);font-weight:600;letter-spacing:-2px;margin-bottom:20px}h2{font-size:28px;letter-spacing:-.6px;margin-bottom:16px;font-weight:600}h3{font-size:20px;font-weight:600;margin-bottom:12px}em{font-style:normal;color:var(--accent)}small,.small{font-size:12px}.muted{color:var(--muted)}.centered{text-align:center}.full{width:100%}.topbar{height:94px;max-width:1380px;margin:auto;padding:0 48px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;direction:ltr;flex-shrink:0}.brand img{width:43px;height:43px}.brand>span{font-size:26px;font-weight:600;letter-spacing:-1.1px;line-height:1}.brand b{font-weight:600}.brand small{display:block;font-size:8px;letter-spacing:3.2px;margin-top:9px;color:var(--muted)}.top-actions{display:flex;align-items:center;gap:20px}.live-pill{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:1.7px;color:#cccfbc}.live-pill i,.dot{display:inline-block;height:7px;width:7px;min-width:7px;background:#bacd94;border-radius:50%;box-shadow:0 0 10px #bacd9420}.icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;padding:5px;background:transparent;border:1px solid transparent;border-radius:12px;font-size:23px}.icon-button:hover{background:#ffffff0a;border-color:var(--line)}.avatar{width:40px;height:40px;border-radius:50%;background:#34382d;border:1px solid #535c41;color:#d2d9bc;font-size:20px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#272723;border:1px solid #41413a;min-height:45px;padding:11px 19px;border-radius:11px;font-size:13px;font-weight:600;transition:background .18s,transform .18s}.button:hover{background:#36362f;transform:translateY(-1px)}.button.primary{background:var(--accent);border-color:var(--accent);color:#211d18}.button.primary:hover{background:#f9a57f}.button.cream{background:var(--cream);border-color:var(--cream);color:#24241c}.button.large{font-size:16px;padding:16px 26px}.button.compact{min-height:36px;padding:7px 12px;font-size:12px}.button.danger{color:#ffb4a6;border-color:#6b4037;background:#382320}.text-button{background:none;border:0;color:var(--muted);font-size:13px;padding:12px 0}.text-button:hover{color:var(--cream)}.eyebrow{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:2px;font-weight:600;color:var(--muted)}.guest-layout{max-width:1284px;margin:34px auto 0;padding:0 0 50px;display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:32px}.main-column,.side-column{min-width:0}.hero{display:flex;position:relative;min-height:346px;isolation:isolate;border:1px solid #41402f;border-radius:20px;background:#24271e;overflow:hidden}.hero-copy{padding:32px;z-index:2;width:60%}.hero .eyebrow{color:#ced5bd;font-size:9px;letter-spacing:1.7px}.spark{color:var(--accent);font-size:20px;line-height:1}.hero h1{font-size:clamp(32px,3.8vw,54px);line-height:1.1;letter-spacing:-2.4px;margin:19px 0 16px}.hero h1 em{color:#eaae85}.hero p{font-size:13px;color:#bec0b1;max-width:280px;line-height:1.8;margin-bottom:20px}.hero .button{font-size:12px;padding:10px 15px;min-height:42px}.hero-caption{display:flex;align-items:center;gap:10px;color:#a8b098;font-size:9px;letter-spacing:.4px;margin-top:26px}.mini-bars{display:inline-flex;align-items:center;gap:3px;height:14px;direction:ltr}.mini-bars i{background:#bdcc9d;width:2px;height:9px;border-radius:2px}.mini-bars i:nth-child(2){height:14px}.mini-bars i:nth-child(3){height:6px}.mini-bars i:nth-child(4){height:11px}.record-scene{position:absolute;width:355px;height:355px;inset-inline-end:-18px;top:12px;z-index:0}.vinyl{width:266px;height:266px;border-radius:50%;background:repeating-radial-gradient(circle at center,#151511 0,#151511 2px,#292921 3px,#171713 4px);position:absolute;left:46px;top:37px;box-shadow:0 16px 40px #0008;transform:rotate(-18deg);border:3px solid #191913;display:grid;place-items:center}.vinyl:after{content:'';position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 30deg,transparent,#b5b08a21,transparent 25%,transparent 47%,#fff2,transparent 70%)}.record-label{width:111px;height:111px;border-radius:50%;background:#d78054;color:#24271e;display:flex;align-items:center;justify-content:center;flex-direction:column;border:6px solid #bf724a;z-index:1;position:relative}.record-label:after{content:'';width:9px;height:9px;border-radius:50%;background:#282b21;border:3px solid #e5b394;position:absolute;top:49px;left:47px}.record-label>span{font-size:8px;letter-spacing:2px}.record-label b{font-family:Georgia,serif;font-size:48px;line-height:1.1}.record-label small{font-size:5px;letter-spacing:1px}.orbit{position:absolute;border:1px solid #626a3e55;border-radius:50%;width:320px;height:320px;left:14px;top:6px}.orbit-two{width:375px;height:375px;left:-14px;top:-23px;border-style:dashed}.record-sticker{position:absolute;right:18px;bottom:7px;background:#dbe4b6;border:5px solid #24271e;outline:1px solid #7c8560;border-radius:15px;transform:rotate(10deg);font-weight:800;font-size:24px;line-height:1;padding:14px 19px;color:#333b25;letter-spacing:-1px}.record-sticker span{color:#657043}.record-star{position:absolute;right:35px;top:9px;font-size:52px;color:#bfcc96}.side-column{display:flex;flex-direction:column;gap:22px}.now-card{padding:24px;background:#1e1f1a;border:1px solid #36392e;border-radius:18px}.now-card>.eyebrow:first-child{font-size:9px;letter-spacing:1.5px;justify-content:space-between}.now-card>.eyebrow:first-child .dot{margin-inline-end:-5px}.now-art{height:152px;position:relative;display:grid;place-items:center;background:#3d4730;border-radius:12px;margin:21px 0;overflow:hidden}.now-art>span{font-size:77px;line-height:1;transform:rotate(-13deg);color:#cad1a9;z-index:1}.art-lines{position:absolute;left:30px;top:-30px;width:210px;height:210px;background:repeating-radial-gradient(circle,transparent,transparent 10px,#bbc88628 11px,transparent 12px);border-radius:50%}.now-card>.eyebrow{font-size:8px;color:#aeb79a}.now-card h3{margin-top:8px;margin-bottom:7px;font-size:19px}.now-card p{font-size:12px;line-height:1.7;margin-bottom:22px}.room-foot{border-top:1px solid #36392e;padding-top:15px;font-size:11px;color:#bdc3ac;display:flex;align-items:center;gap:8px}.catalog{margin-top:33px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.section-head h2,.section-head h3{margin:0}.section-head .eyebrow{margin-bottom:7px;font-size:9px}.section-head h2{font-size:26px}.search-wrap{display:flex;align-items:center;background:#20201d;border:1px solid #3c3c35;border-radius:12px;height:54px;padding:0 12px;gap:12px}.search-icon{font-size:30px;color:#a2a497}.search-wrap input{border:0;outline:0!important;background:transparent;min-width:0;flex:1;padding:8px 0;font-size:13px;color:var(--cream)}.search-wrap input::placeholder{color:#828578}.search-wrap .icon-button{font-size:19px;color:var(--muted);min-width:30px;min-height:30px}.catalog-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:21px 0 17px}.segmented{display:flex;align-items:center;gap:4px;background:#1e1e1b;border:1px solid #30302b;padding:4px;border-radius:10px}.segmented button{background:none;color:var(--muted);border:0;border-radius:7px;font-size:12px;min-height:35px;padding:6px 17px}.segmented button.selected{background:#37382f;color:#f3efdf}.catalog-controls select{background:transparent;border:0;color:var(--muted);font-size:11px;padding:10px;max-width:125px}.chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:13px;scrollbar-width:thin;scrollbar-color:#393c31 transparent}.chips button{white-space:nowrap;min-height:35px;padding:6px 16px;background:transparent;border:1px solid #3b3c33;border-radius:30px;font-size:11px;color:#b8b9ae}.chips button.active{background:#f1ead8;color:#24261d;border-color:#f1ead8}.chips button:hover{border-color:#c0baaa}.list-label{display:flex;justify-content:space-between;padding:12px 0;font-size:8px;letter-spacing:1.3px;color:#949689;border-bottom:1px solid var(--line);margin-top:4px}.song-row{display:flex;align-items:center;gap:14px;min-height:81px;border-bottom:1px solid #30312a;padding:13px 0}.song-tile{width:46px;height:46px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:9px;background:#444b38;color:#d3dfb7;font-family:Georgia,serif;font-size:18px;overflow:hidden}.song-tile.tone1{background:#4b3634;color:#e3b9ad}.song-tile.tone2{background:#343f47;color:#afcbd9}.song-tile.tone3{background:#4d4432;color:#e1cf9d}.song-tile.tone4{background:#443748;color:#d5b9db}.song-info{flex:1;min-width:0}.song-info strong{font-size:13px;font-weight:600;display:block;line-height:1.45;overflow-wrap:anywhere}.song-info small{display:block;color:#9da090;font-size:11px;margin-top:4px;overflow-wrap:anywhere}.song-language{font-size:9px;color:#919785;margin-inline-end:10px;white-space:nowrap}.add-song{width:32px;height:32px;min-width:32px;display:grid;place-items:center;background:transparent;border:1px solid #484b3d;border-radius:50%;font-size:22px;color:#d7dacb;line-height:1}.add-song:hover,.add-song.added{background:var(--accent);color:#29251c;border-color:var(--accent)}.add-song.added{font-size:17px}.rank{font-size:18px;color:#d6a178;min-width:28px;text-align:center}.pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:18px;font-size:12px;color:var(--muted)}.pagination button{min-width:40px;min-height:40px;background:#24251f;border:1px solid var(--line);border-radius:9px}.custom-prompt{display:flex;justify-content:space-between;align-items:center;gap:18px;background:#1b1c18;border:1px dashed #454839;border-radius:12px;padding:20px;margin-top:24px}.custom-prompt strong{font-size:12px}.custom-prompt p{margin:5px 0 0;font-size:10px}.custom-prompt .button{font-size:10px;white-space:nowrap;padding:9px 12px;min-height:37px;background:transparent}.basket-card{background:#20211b;border:1px solid #393c2d;border-radius:18px;padding:23px}.basket-card h3{font-size:17px}.count{display:inline-flex;justify-content:center;align-items:center;min-width:26px;height:26px;padding:0 7px;border-radius:8px;background:#3b3f2d;color:#d5dcbb;font-size:11px}.basket-empty{text-align:center;color:#959b88;font-size:12px;padding:15px 5px 25px}.basket-empty .empty-icon{display:block;font-size:30px;color:#697355;margin:0 0 10px}.basket-card .button{font-size:11px}.basket-card>p:last-child{font-size:9px;line-height:1.8;margin-top:12px;margin-bottom:0}.basket-item{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--line);margin-bottom:8px}.basket-item strong{font-size:12px;display:block}.basket-item small{color:var(--muted);font-size:10px}.basket-item>div{min-width:0;flex:1;overflow-wrap:anywhere}.basket-item button{font-size:17px;min-width:26px}.install-card{display:flex;align-items:center;gap:12px;background:transparent;border:1px solid #3e4034;border-radius:13px;padding:15px;text-align:start}.install-card strong{font-size:11px;display:block}.install-card small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.install-card>b{font-size:18px;color:#adb49a;margin-inline-start:auto}.install-symbol{font-size:27px;color:#abb89c}.footer{max-width:1284px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:25px 0 35px;color:#858978;font-size:10px;gap:20px}.brand-text{font-size:20px;font-weight:600;color:#d2d5c3;letter-spacing:-1px}.footer>a:last-child{font-size:10px}.mobile-nav{display:none}.panel{background:var(--surface);border:1px solid var(--line);border-radius:17px;padding:28px;margin-bottom:23px}.panel h2{font-size:24px}.panel h2>span{font-weight:500;margin-inline-start:9px}.panel h2 small{font-size:12px;color:var(--muted)}.panel p{line-height:1.8}.announcement{display:flex;align-items:center;gap:13px;background:#3a3523;border:1px solid #665333;border-radius:12px;padding:12px 17px;margin-top:20px;color:#edd4a2}.announcement p{margin:0;font-size:13px;white-space:pre-line;overflow-wrap:anywhere}.filters{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0 20px;align-items:center}.filters select{min-width:100px}.filters input{flex:1;min-width:160px}.empty-state{text-align:center;padding:40px 20px;color:var(--muted)}.empty-state b{display:block;font-size:18px;margin:10px 0;color:#e2dece}.empty-state span{font-size:32px;color:#b1bb8c}.breadcrumb{font-size:13px;color:var(--accent);padding:8px 0}.breadcrumb button{background:none;border:0;color:var(--accent);font-size:14px;padding:8px}.skeleton{height:69px;margin:12px 0;border-radius:9px;background:linear-gradient(90deg,#21231c,#303329,#21231c);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{to{background-position:-200% 0}}dialog{color:var(--cream);background:#21221c;border:1px solid #4a4d3c;border-radius:20px;padding:25px;max-width:500px;width:calc(100% - 32px);max-height:88dvh;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#060703bb;backdrop-filter:blur(5px)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.modal-head h2{margin:0;font-size:24px}.modal-head .icon-button{font-size:26px}.modal-body p{font-size:13px}label{display:flex;flex-direction:column;gap:8px;font-size:13px;margin-bottom:16px;color:#d2d5c5}label small{color:var(--muted);font-size:11px;line-height:1.8}input:not([type=checkbox]),select,textarea{color:#f0efdf;background:#171914;border:1px solid #404436;border-radius:9px;min-height:45px;padding:11px 12px;min-width:0;max-width:100%}input::placeholder,textarea::placeholder{color:#79826f}textarea{resize:vertical}select option{background:#20231a;color:#eee}input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}label.check{display:flex;flex-direction:row;align-items:center;gap:10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 20px}.span2{grid-column:span 2}.actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.form-error{color:#ffb09b;font-size:13px;white-space:pre-line;margin:12px 0;overflow-wrap:anywhere}.form-error:empty{display:none}.notice{background:#2c3023;border:1px solid #495136;border-radius:10px;padding:14px;margin:10px 0;white-space:pre-line;overflow-wrap:anywhere}.notice strong{display:block;margin-bottom:5px}.notice p{margin-bottom:6px;font-size:13px}.notice small{color:var(--muted)}.badge,.status{display:inline-flex;align-items:center;border-radius:20px;padding:4px 10px;font-size:10px;background:#393c2e;color:#c6cfae;white-space:nowrap}.status.pending{color:#e2c78c;background:#413b26}.status.next{color:#f2b898;background:#4d372a}.status.playing{color:#c5dfaa;background:#324127}.status.played{color:#a9b5c4;background:#2d3540}.status.cancelled{color:#bbb0a5;background:#3b342d}#toast{position:fixed;z-index:1000;bottom:28px;left:50%;transform:translate(-50%,18px);padding:13px 22px;border:1px solid #71815c;background:#e2e9cb;color:#242b1d;box-shadow:0 12px 40px #0007;border-radius:11px;max-width:calc(100% - 32px);width:max-content;opacity:0;pointer-events:none;transition:.2s;font-size:13px}#toast.show{opacity:1;transform:translate(-50%,0)}#toast.error{background:#f5d4c6;border-color:#c68568;color:#502a1b}.setup-wrap{max-width:850px;padding:48px 25px 70px;margin:auto}.setup-wrap>h1{margin-top:15px}.setup-wrap>.muted{margin-bottom:35px}.steps{display:flex;border-bottom:1px solid var(--line);gap:25px;margin-bottom:25px;font-size:12px;color:var(--muted)}.steps span{padding:0 0 17px}.steps span.active{color:var(--accent);border-bottom:2px solid var(--accent)}.checks{display:flex;flex-wrap:wrap;gap:12px;font-size:11px;margin-bottom:25px;direction:ltr}.good{color:#bbd6a1}.bad{color:#f6a188}.setup-page details{margin-top:20px}.setup-page summary{cursor:pointer;color:var(--accent);padding:12px 0}.setup-page details>p{font-size:13px;margin-top:10px}.setup-page .panel{padding:27px}.setup-page h1,.staff-page h1,[dir=rtl] h1{letter-spacing:-1px;line-height:1.45}.launch{margin-top:30px}.upload-box{padding:25px;border:1px dashed #687653;border-radius:13px;background:#292e21;text-align:center}.upload-box input{display:block;margin:15px auto;max-width:100%;font-size:13px}.upload-box label{margin-bottom:0}.import-log{margin:20px 0;font-size:12px;max-height:240px;overflow:auto}.import-log>div{padding:8px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}progress{display:block;width:100%;height:12px;margin:20px 0;accent-color:var(--accent)}.login-layout{max-width:1050px;padding:90px 30px;margin:auto;display:grid;grid-template-columns:1fr 400px;gap:70px;align-items:center}.login-layout h1{font-size:58px;line-height:1.5;margin-top:25px}.login-layout .panel{padding:35px}.login-layout form h2{margin-top:20px}.piano-keys{display:flex;gap:3px;height:95px;width:230px;margin-top:40px;transform:rotate(-5deg);direction:ltr}.piano-keys i{background:#ebe5ce;border-radius:3px 3px 7px 7px;flex:1;position:relative}.piano-keys i:nth-child(3n+1):after,.piano-keys i:nth-child(3n+2):after{content:'';background:#2e3124;width:18px;height:60px;position:absolute;right:-10px;top:0;z-index:1;border-radius:0 0 4px 4px}.staff-main{max-width:1284px;margin:auto;padding:40px 0 80px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:25px}.page-heading h1{font-size:38px;margin:10px 0 7px}.page-heading p{font-size:13px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:22px 0 30px}.stat{padding:20px 23px;border:1px solid var(--line);background:#21231c;border-radius:13px}.stat small{display:block;color:var(--muted)}.stat strong{font-size:32px;line-height:1.6;font-weight:500;color:#ebdec2}.stat.accent{background:#423224;border-color:#624630}.stat.accent strong{color:#f1b080}.staff-tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);overflow:auto;margin-bottom:26px}.staff-tabs button{background:none;border:0;border-bottom:2px solid transparent;border-radius:0;padding:14px 20px;min-height:48px;font-size:13px;white-space:nowrap;color:var(--muted)}.staff-tabs button.active{color:var(--accent);border-color:var(--accent)}.table-scroll{overflow:auto;width:100%}table{width:100%;border-collapse:collapse;text-align:start;font-size:13px}th{text-align:start;font-size:10px;color:var(--muted);font-weight:400;padding:14px 12px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:16px 12px;border-bottom:1px solid #33372a;vertical-align:middle}td strong{display:block;font-weight:500}td small{display:block;margin-top:5px;color:var(--muted)}td .actions{flex-wrap:nowrap}td .button{min-height:33px;font-size:11px;padding:6px 11px}tr.playing{background:#2e372399}.table-song{min-width:160px;max-width:300px;overflow-wrap:anywhere}.table-guest{min-width:100px;overflow-wrap:anywhere}.table-note{font-size:11px;max-width:190px;white-space:pre-line;color:#cdba9a}.table-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.queue-tools{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}.queue-tools .search-wrap{flex:1;min-width:180px;height:45px}.queue-tools select{max-width:170px;font-size:12px}.tabs-tables{display:flex;gap:8px;overflow-x:auto;margin-bottom:22px}.tabs-tables button{padding:8px 14px;min-height:40px;border:1px solid var(--line);background:#20231b;border-radius:9px;white-space:nowrap;color:var(--muted);font-size:12px}.tabs-tables button.active{background:#e6dcc6;color:#25271c}.split-panels{display:grid;grid-template-columns:1fr 1fr;gap:22px}.staff-name{font-size:12px;color:var(--muted)}.link{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.connection{font-size:11px;color:#bdcc9d;display:flex;align-items:center;gap:8px}.alert-box{padding:15px 18px;background:#362c22;border:1px solid #61503a;border-radius:10px;margin:15px 0;font-size:13px;color:#e2c8a4}.queue-card{display:none}.stat-label{color:var(--muted)}.chart-row{display:flex;gap:15px;align-items:center;border-bottom:1px solid var(--line);padding:16px 0}.chart-row .song-info{flex:1}.chart-number{color:var(--accent);font-size:22px;min-width:34px}.chart-bar{height:4px;background:#383f2b;border-radius:3px;margin-top:10px;overflow:hidden}.chart-bar>span{display:block;height:100%;background:#c3cb99}.chart-count{font-size:18px;color:#e1caab;text-align:center}.chart-count small{font-size:10px;display:block;color:var(--muted)}.account-row,.language-row{display:flex;align-items:center;justify-content:space-between;padding:17px 0;gap:15px;border-bottom:1px solid var(--line)}.account-row strong,.language-row strong{display:block;font-size:14px}.account-row small,.language-row small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.account-row>div{overflow-wrap:anywhere;min-width:0}.settings-section h3{font-size:20px;margin-top:8px;margin-bottom:22px}.requests-list .song-row{flex-wrap:wrap}.request-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:11px;color:var(--muted);width:100%;padding-inline-start:60px}.request-meta .button{margin-inline-start:auto}.google-option{padding-top:18px;margin-top:18px;border-top:1px solid var(--line)}.google-option p{font-size:11px;color:var(--muted)}.divider{text-align:center;color:var(--muted);font-size:12px;margin:15px 0}.offline-banner{position:sticky;top:0;background:#594332;color:#ffdfb4;padding:10px;text-align:center;font-size:12px;z-index:20}.artist-card{display:flex;gap:15px;align-items:center;padding:17px 0;width:100%;background:none;border:0;border-bottom:1px solid var(--line);text-align:start}.artist-card .song-info{flex:1}.artist-card>span:last-child{font-size:22px;color:var(--muted)}.long-text{overflow-wrap:anywhere}.pending-notice{color:var(--accent);font-size:11px}.list-loading{opacity:.5;pointer-events:none}
@media(min-width:1450px){.topbar{padding:0 48px}.guest-layout,.staff-main,.footer{max-width:1284px}}
@media(max-width:1370px){.guest-layout,.staff-main,.footer{margin-left:48px;margin-right:48px}.record-scene{inset-inline-end:-60px}.hero-copy{padding:28px}.hero h1{font-size:45px}}
@media(max-width:1120px){.guest-layout{grid-template-columns:minmax(0,1fr) 260px;gap:25px}.guest-layout,.staff-main,.footer{margin-left:30px;margin-right:30px}.topbar{padding:0 30px}.hero h1{font-size:40px}.hero-copy{padding:25px;width:65%}.record-scene{inset-inline-end:-110px;transform:scale(.9);transform-origin:center right}.hero p{max-width:220px}.now-card,.basket-card{padding:20px}.now-art{height:135px}.hero-caption{max-width:190px}.login-layout{gap:35px}.login-layout h1{font-size:46px}}
@media(max-width:850px){.guest-layout{display:block;max-width:700px;margin:25px auto 0;padding:0 24px 40px}.side-column{display:grid;grid-template-columns:1fr 1fr;margin-top:25px;gap:17px}.now-card{grid-column:1/-1;display:grid;grid-template-columns:100px 1fr;column-gap:20px;position:relative;padding:20px}.now-art{grid-column:1;grid-row:1/6;width:100px;height:100px;margin:0}.now-art>span{font-size:58px}.now-card>.eyebrow:first-child{display:none}.now-card>.eyebrow,.now-card h3,.now-card p,.room-foot{grid-column:2}.now-card h3{font-size:18px;margin-top:5px}.now-card p{margin-bottom:12px}.room-foot{padding-top:10px}.now-card>.eyebrow{font-size:8px}.basket-card{display:none}.install-card{grid-column:1/-1}.side-column>.text-button{grid-column:1/-1}.hero{min-height:330px}.hero-copy{padding:30px;width:62%}.hero h1{font-size:44px}.hero p{max-width:275px}.record-scene{inset-inline-end:-40px;transform:scale(.93)}.hero-caption{max-width:unset}.footer{max-width:652px;margin-left:auto;margin-right:auto;padding-bottom:100px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#1c1e18ed;backdrop-filter:blur(16px);border-top:1px solid #424636;z-index:30;justify-content:space-around;padding:8px 10px calc(7px + env(safe-area-inset-bottom))}.mobile-nav button{border:0;background:none;min-width:65px;color:#979e87;display:flex;align-items:center;flex-direction:column;gap:2px;padding:4px;position:relative}.mobile-nav button.active{color:var(--accent)}.mobile-nav button>span{font-size:23px;line-height:1.2}.mobile-nav small{font-size:9px}.mobile-nav b{font-size:9px;background:var(--accent);color:#2b291c;padding:1px 4px;border-radius:8px;position:absolute;top:0;inset-inline-end:12px}#toast{bottom:90px}.staff-main{padding-top:25px}.stats{gap:10px}.stat{padding:15px}.stat strong{font-size:26px}.split-panels{grid-template-columns:1fr}.login-layout{grid-template-columns:1fr 360px;padding-top:50px;gap:20px}.login-layout h1{font-size:38px}.login-layout .panel{padding:25px}.piano-keys{width:170px;height:80px}.page-heading h1{font-size:32px}}
@media(max-width:600px){.topbar{height:78px;padding:0 20px}.brand>span{font-size:24px}.brand img{height:37px;width:37px}.brand small{font-size:6px;letter-spacing:2.7px;margin-top:7px}.top-actions{gap:8px}.live-pill{font-size:7px;gap:6px;letter-spacing:1px}.live-pill i{height:5px;width:5px}.icon-button{min-width:34px;min-height:38px;font-size:20px}.avatar{width:33px;height:33px;font-size:18px}.guest-layout{padding:0 19px 25px;margin-top:20px}.hero{min-height:330px;border-radius:16px}.hero-copy{padding:25px 22px;width:100%}.hero .eyebrow{font-size:8px;letter-spacing:1.5px}.hero h1{font-size:38px;letter-spacing:-1.6px;line-height:1.16;max-width:245px;margin-top:19px;margin-bottom:16px}.hero p{font-size:11px;line-height:1.8;max-width:195px;margin-bottom:20px}.hero .button{font-size:11px;min-height:39px;padding:9px 12px}.hero-caption{font-size:8px;gap:8px;margin-top:26px}.record-scene{width:250px;height:270px;inset-inline-end:-134px;top:37px;transform:scale(.8);transform-origin:center right;opacity:.9}.vinyl{width:245px;height:245px;top:45px;left:-30px}.record-label{transform:scale(.87)}.orbit-one{left:-49px;top:24px;width:280px;height:280px}.orbit-two{left:-77px;top:-5px;width:338px;height:338px}.record-sticker{right:70px;bottom:-35px;font-size:21px;transform:rotate(11deg);padding:12px 16px}.record-star{right:100px;top:0;font-size:46px}.catalog{margin-top:27px}.section-head{margin-bottom:16px}.section-head h2{font-size:25px}.section-head .eyebrow{font-size:8px;letter-spacing:1.5px}.section-head .small{font-size:10px}.search-wrap{height:50px}.search-wrap input{font-size:12px}.catalog-controls{gap:8px;margin:17px 0 15px}.segmented button{padding:6px 12px;font-size:11px;min-height:32px}.catalog-controls select{font-size:10px;max-width:105px;padding:8px 0}.chips{gap:7px;padding-bottom:10px}.chips button{font-size:10px;min-height:33px;padding:6px 13px}.list-label{font-size:7px;letter-spacing:1px;padding:12px 0}.song-row{gap:11px;min-height:77px;padding:12px 0}.song-tile{width:43px;height:43px;font-size:17px}.song-info strong{font-size:12px}.song-info small{font-size:10px}.song-language{display:none}.add-song{width:31px;height:31px;min-width:31px}.custom-prompt{padding:17px;gap:12px;flex-direction:column;align-items:flex-start}.custom-prompt .button{width:100%}.custom-prompt p{font-size:11px}.footer{margin:0 20px;flex-wrap:wrap;gap:12px;padding-top:20px;font-size:9px}.footer>span{order:3;width:100%;text-align:center;margin-top:10px}.footer>a:last-child{margin-inline-start:auto}.now-card{padding:17px;column-gap:16px;grid-template-columns:85px 1fr}.now-art{width:85px;height:100px}.now-card h3{font-size:16px}.now-card p{font-size:10px}.room-foot{font-size:10px}.panel{padding:20px;border-radius:13px}.panel h2{font-size:22px}.form-grid{grid-template-columns:1fr;gap:0}.span2{grid-column:auto}.setup-wrap{padding:32px 18px 60px}.setup-wrap h1{font-size:35px}.setup-wrap .panel{padding:21px}.steps{gap:15px;font-size:10px}.steps span{flex:1}.checks{font-size:10px}.setup-page .topbar .badge{font-size:9px;padding:5px 9px}.setup-page h2{font-size:20px}.setup-page .large{width:100%;font-size:14px}.login-layout{display:block;padding:35px 22px}.login-layout>section{margin-bottom:30px}.login-layout h1{font-size:38px;margin:15px 0}.login-layout h1 br{display:none}.login-layout>section>p{font-size:12px}.piano-keys{display:none}.login-layout .panel{padding:27px 23px}.staff-main{margin:0 18px;padding:26px 0 40px}.staff-page .topbar{padding:0 16px;height:80px}.staff-page .brand>span{font-size:21px;max-width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.staff-page .brand img{width:33px;height:33px}.staff-page .top-actions{gap:5px}.staff-page .staff-name{display:none}.staff-page .topbar .button{font-size:10px;padding:5px 8px;min-height:32px}.page-heading{display:block}.page-heading h1{font-size:29px;margin-top:8px}.page-heading p{font-size:11px}#heading-actions{margin:17px 0}.stats{grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.stat{padding:14px 18px}.stat small{font-size:10px}.stat strong{font-size:27px}.staff-tabs button{font-size:12px;padding:11px 15px}.table-controls{align-items:flex-start;flex-wrap:wrap}.queue-tools{gap:8px}.queue-tools select{max-width:calc(50% - 4px);flex:1;font-size:11px}.queue-tools .search-wrap{flex-basis:100%}.queue-desktop{display:none}.queue-card{display:block;padding:19px 17px;border:1px solid #3a3f2e;border-radius:13px;margin:12px 0;background:#22261b}.queue-card.playing{border-color:#7b8c58;background:#2b3520}.queue-card-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:14px}.queue-card h3{font-size:17px;margin-bottom:6px}.queue-card .artist{font-size:12px;color:var(--muted);margin-bottom:12px}.queue-card .guest-info{display:flex;gap:8px;align-items:center;font-size:12px;color:#c5c6b1;margin-bottom:15px;flex-wrap:wrap}.queue-card .actions{gap:7px}.queue-card .button{font-size:11px;min-height:38px;padding:8px 12px}.queue-card .note{background:#303324;font-size:12px;padding:10px;border-radius:6px;white-space:pre-line;overflow-wrap:anywhere;color:#d5c7a5}.staff-content .panel{padding:18px}.table-scroll table{font-size:12px}td,th{padding:12px 9px}.chart-count{font-size:16px}.chart-number{font-size:20px;min-width:28px}.filters{gap:8px}.filters select{max-width:100%;font-size:12px}.account-row .button{font-size:11px;padding:8px 10px}.request-meta{padding-inline-start:0;font-size:10px}dialog{padding:22px 19px;border-radius:17px;max-height:90dvh}dialog .modal-head h2{font-size:21px}input:not([type=checkbox]),select,textarea{font-size:16px}.staff-page select,.setup-page select{font-size:14px}.upload-box{padding:20px 12px}.upload-box input{font-size:12px}.staff-page #toast,.setup-page #toast{bottom:25px}}
@media(max-width:370px){.hero h1{font-size:34px;max-width:220px}.hero p{max-width:175px}.record-scene{inset-inline-end:-144px;opacity:.65}.live-pill{display:none}.segmented button{padding:6px 9px}.catalog-controls select{max-width:85px}.song-info strong{font-size:11px}}
[dir=rtl] .hero h1{font-size:42px;letter-spacing:-1px;line-height:1.4}[dir=rtl] .hero p{line-height:1.9}[dir=rtl] .eyebrow{letter-spacing:0.6px}[dir=rtl] .hero-copy{width:65%}[dir=rtl] .record-scene{direction:ltr}[dir=rtl] .song-info strong{text-align:start}[dir=rtl] .brand{direction:ltr}[dir=rtl] .hero-caption{letter-spacing:0}[dir=rtl] .hero{min-height:375px}[dir=rtl] .live-pill{letter-spacing:0}[dir=rtl] .footer{font-size:11px}@media(max-width:600px){[dir=rtl] .hero-copy{width:100%}[dir=rtl] .hero h1{font-size:33px;max-width:240px;line-height:1.45}[dir=rtl] .hero{min-height:345px}[dir=rtl] .record-scene{inset-inline-end:-146px;transform:scale(.75);transform-origin:center left}[dir=rtl] .hero p{max-width:205px}[dir=rtl] .hero-caption{font-size:9px}[dir=rtl] .segmented button{font-size:11px;padding:6px 10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}