.library-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px 0}.library-intro h2{font-size:25px;margin:9px 0}.library-intro p,.connected-library-content>p{color:#a9afb9;line-height:1.6}.library-intro>div{max-width:570px}.library-intro .primary{flex-shrink:0;display:flex;gap:8px;align-items:center}.library-intro svg,.library-privacy svg{width:19px;height:19px}.connected-libraries{display:grid;gap:16px}.connected-library{padding:24px;display:flex;gap:20px;align-items:flex-start;border:1px solid #ffffff13;border-radius:18px;background:#111522}.connected-library-icon,.library-empty-mark{width:54px;height:54px;display:grid;place-items:center;border-radius:15px;background:#826aff18;color:#b9acff;flex-shrink:0}.connected-library-icon svg,.library-empty-mark svg{width:26px;height:26px}.connected-library-content{flex:1;min-width:0}.connected-library-title{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.connected-library h3{margin:0;overflow-wrap:anywhere}.connection-state{font-size:12px;color:#b8bbc2;background:#ffffff09;padding:5px 9px;border-radius:20px}.connection-state.connected{color:#94c9a5;background:#94c9a510}.library-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:17px}.library-tech{margin-top:18px;color:#969da9;font-size:12px}.library-tech summary{cursor:pointer}.library-tech p{margin:12px 0}.library-tech select{width:150px;margin-left:10px}.library-empty{border:1px dashed #ffffff22;border-radius:18px;padding:55px 24px;text-align:center}.library-empty-mark{margin:0 auto 22px}.library-empty h3{font-size:24px;margin-bottom:12px}.library-empty p{max-width:470px;margin:0 auto 24px;color:#aaaeb8;line-height:1.8}.library-privacy{display:flex;gap:10px;align-items:center;color:#9096a1;font-size:12px;line-height:1.7;margin:25px 0}.library-privacy svg{flex-shrink:0}.library-dialog{width:min(570px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:32px;border:1px solid #ffffff1d;border-radius:24px;background:#111522;color:#f6f7fb}.library-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.library-dialog-head h2{margin:0;font-size:27px}.library-dialog>p{color:#b2b7c2;line-height:1.7}.library-dialog form>label{display:block;margin:24px 0 9px}.library-link-input{display:flex;gap:8px}.library-link-input input{min-width:0;flex:1}.library-dialog form>.primary{margin-top:18px;width:100%}.library-error{color:#f0ac9f;line-height:1.6;font-size:14px;overflow-wrap:anywhere}.library-preview{padding:22px;background:#ffffff04;border:1px solid #ffffff14;border-radius:14px;margin-top:22px}.library-preview h3{margin:8px 0;font-size:23px;overflow-wrap:anywhere}.library-preview p{line-height:1.6;overflow-wrap:anywhere}.library-capabilities{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}.library-capabilities span{padding:5px 9px;background:#ffffff08;border-radius:7px;font-size:12px}.onboarding-dialog{width:min(940px,calc(100vw - 36px));max-height:calc(100dvh - 36px);padding:0;overflow:auto;border-radius:28px;border:1px solid #ffffff19;background:#101320;color:#f7f7fa}.onboarding-dialog::backdrop{background:#080b12}.onboarding-active .lume-shell{visibility:hidden}.onboarding-grid{display:grid;grid-template-columns:.8fr 1.2fr;min-height:560px}.onboarding-art{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:42px;background:radial-gradient(ellipse at 10% 35%,#826aff35,transparent 66%),#121120;border-right:1px solid #ffffff0c}.onboarding-brand{font-size:19px;font-weight:800;letter-spacing:5px;color:#f5f5f5}.onboarding-orbit{width:190px;height:190px;position:relative;margin:45px auto;border-radius:50%;border:1px solid #a594ff38;box-shadow:0 0 0 25px #826aff09,0 0 0 50px #826aff06}.onboarding-orbit:before{content:"";position:absolute;inset:34px;border-radius:30px;transform:rotate(-10deg);background:linear-gradient(140deg,#b9acff,#826aff);box-shadow:0 18px 70px #826aff35}.onboarding-orbit:after{content:"";position:absolute;left:83px;top:73px;border-left:38px solid #181325;border-top:23px solid transparent;border-bottom:23px solid transparent}.onboarding-art p{font-size:27px;line-height:1.35;letter-spacing:-.6px;margin:0}.onboarding-art small{display:block;color:#aaa3c4;font-size:13px;line-height:1.7;margin-top:15px}.onboarding-copy{padding:55px 44px;display:flex;flex-direction:column;justify-content:center}.onboarding-copy h1{font-size:35px;letter-spacing:-1.1px;line-height:1.15;margin:14px 0 20px}.onboarding-copy>p{color:#afb4bf;line-height:1.75;font-size:15px}.onboarding-copy .primary{margin-top:20px;width:100%;padding:15px 20px}.onboarding-copy .text-button{align-self:center;margin-top:20px}.onboarding-copy .onboarding-note{font-size:12px;color:#808691;margin:22px 0 0}.onboarding-success{padding:12px 15px;border-radius:10px;background:#84c49d0a;border:1px solid #84c49d24;color:#a4cdb2!important;font-size:13px!important}.library-unavailable{border:1px solid #ffffff13;border-radius:12px;padding:16px;margin-top:10px}.library-unavailable p{color:#aeb4be;font-size:13px;line-height:1.6}.library-unavailable a{display:inline-block;color:#b9acff;font-size:14px}.tv-pair-block{margin-top:20px;padding:18px;border:1px solid #ffffff16;border-radius:14px;text-align:center}.tv-pair-block strong{display:block;font-size:30px;letter-spacing:6px;margin:10px}.tv-pair-block code{display:block;word-break:break-all;font-size:12px;line-height:1.7}.tv-pair-block p{font-size:12px;color:#acb2bd}.tv-pair-qr{width:196px;max-width:100%;margin:14px auto;background:#fff;padding:10px}.tv-pair-qr:empty{display:none}.tv-pair-qr img{max-width:100%}.device-playback .player-options,.device-playback .health-actions{display:none}.device-quality{margin-top:16px}.device-quality label{display:block;margin-bottom:8px}.device-quality select{width:100%}@media(max-width:720px){.library-intro{align-items:stretch;flex-direction:column}.library-intro .primary{align-self:flex-start}.connected-library{padding:18px;gap:12px}.connected-library-icon{display:none}.onboarding-grid{display:block;min-height:0}.onboarding-art{padding:23px 27px;border-right:0;border-bottom:1px solid #ffffff0c}.onboarding-orbit,.onboarding-art p,.onboarding-art small{display:none}.onboarding-copy{padding:31px 27px 38px}.onboarding-copy h1{font-size:31px}.library-dialog{padding:24px}.library-dialog-head h2{font-size:23px}.library-actions{gap:5px}.library-privacy{align-items:flex-start}.connected-library-title{gap:8px}}.source-options{border:1px solid var(--line);border-radius:14px;padding:18px 20px;margin:20px 0 32px}.source-options>summary{cursor:pointer;color:var(--muted);font-weight:600}.source-options .stream-card:first-child{margin-top:18px}.device-playback .audio-language-switcher button[data-local=false] small:after{content:""}.onboarding-dialog{width:min(980px,calc(100vw - 36px));border-radius:26px;background:linear-gradient(145deg,#0b101a,#0b0e16 62%,#101325);box-shadow:0 34px 100px #0009}.onboarding-dialog::backdrop{background:#04060bf5;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.onboarding-grid{grid-template-columns:.92fr 1.08fr;min-height:590px}.onboarding-art{padding:38px 42px;background:radial-gradient(circle at 26% 46%,rgba(94,78,255,.24),transparent 38%),radial-gradient(circle at 78% 16%,rgba(73,130,255,.12),transparent 34%),linear-gradient(145deg,#090d16,#101527);border-right:1px solid rgba(255,255,255,.07)}.onboarding-brand{font-size:21px;letter-spacing:6px}.onboarding-source-visual{position:relative;width:270px;height:225px;margin:auto;filter:drop-shadow(0 28px 36px rgba(0,0,0,.34))}.source-panel{position:absolute;width:155px;height:183px;border:1px solid rgba(154,145,255,.34);border-radius:17px;background:linear-gradient(145deg,#575b9c3b,#3a467314);box-shadow:inset 0 1px #ffffff14}.source-panel-one{left:15px;top:28px;transform:rotate(-12deg)}.source-panel-two{left:58px;top:15px;transform:rotate(-4deg)}.source-panel-three{left:101px;top:33px;transform:rotate(7deg);background:linear-gradient(145deg,#4f5bb559,#2531591f)}.source-plus{position:absolute;right:2px;bottom:7px;width:72px;height:72px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(161,153,255,.58);background:radial-gradient(circle at 35% 28%,#8078ff,#5145d8 65%,#2b2768);font-size:40px;font-weight:250;color:#fff;box-shadow:0 14px 46px #5848ff59}.onboarding-art>div:last-child p{font-size:30px;font-weight:720;letter-spacing:-.9px}.onboarding-art>div:last-child small{max-width:340px;color:#9da7b9}.onboarding-copy{padding:58px 54px}.onboarding-copy h1{font-size:40px;margin:0 0 18px;letter-spacing:-1.4px}.onboarding-copy>p{font-size:15px;color:#aab2c1;max-width:520px}.onboarding-copy .primary{margin-top:30px;min-height:51px;border-radius:10px;background:linear-gradient(90deg,#6457ff,#737dff);box-shadow:0 11px 34px #5d52ff33}.onboarding-copy .text-button{margin-top:12px;min-height:44px;width:100%;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:#ffffff06}.onboarding-copy .onboarding-note{max-width:480px;text-align:center;align-self:center;color:#747e90;line-height:1.65}.source-page-heading{padding-bottom:8px}.settings-source-entry{border-bottom:1px solid rgba(255,255,255,.06)}.connected-library{border-radius:13px;background:linear-gradient(145deg,#121825f2,#0d121df2);border-color:#8e96b024;box-shadow:0 12px 38px #0000001f}.connected-library-icon{background:linear-gradient(145deg,#6858ff2e,#5e4cd70f);color:#a99cff}.connected-library-title h3{font-size:17px}.connection-state{font-size:11px}.connection-state.connected{background:#1b6b4a33;color:#74d6a2;border:1px solid #4cc68c2b}.library-intro{padding:22px 0 27px}.library-intro h2{font-size:27px;letter-spacing:-.55px}.library-empty{border-style:solid;background:radial-gradient(circle at 50% 0,rgba(101,84,255,.1),transparent 46%),#0e131ead;padding:62px 24px}.library-empty-mark{width:62px;height:62px;border-radius:18px}.library-dialog{background:linear-gradient(150deg,#101623,#0b1019);border-radius:20px;box-shadow:0 30px 85px #0009}.library-preview{background:#ffffff08}@media(max-width:720px){.onboarding-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.onboarding-art{padding:22px 25px}.onboarding-source-visual{width:150px;height:94px;margin:24px auto 8px}.source-panel{width:72px;height:90px;border-radius:10px}.source-panel-one{left:5px;top:10px}.source-panel-two{left:32px;top:2px}.source-panel-three{left:59px;top:9px}.source-plus{width:43px;height:43px;font-size:26px;right:4px;bottom:-3px}.onboarding-art>div:last-child p{display:block;font-size:22px}.onboarding-art>div:last-child small{display:block;font-size:11px}.onboarding-copy{padding:31px 27px 36px}.onboarding-copy h1{font-size:31px}.onboarding-copy .primary{margin-top:20px}}
