:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#162238;background:#f5f7fb;font-synthesis:none;--accent:#16bffc;--line:#e4eaf2}*{box-sizing:border-box}body{margin:0}a{color:#1763db;text-decoration:none}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible{outline:3px solid #6a9dff;outline-offset:3px}input,select{width:100%;border:1px solid #d9e2ed;border-radius:10px;padding:12px 13px;color:#263850;background:#fff;min-width:0;outline:none}input:focus,select:focus{border-color:#377dfa;box-shadow:0 0 0 3px #377dfa15}input[type=color]{height:46px;padding:5px}input[type=file]{font-size:11px;padding:7px}input[type=checkbox],input[type=radio]{width:auto;accent-color:#1768ef}label{display:block;font-size:13px;font-weight:650;margin:0 0 18px}label input,label select{display:block;margin-top:8px}label small{display:block;font-weight:400;line-height:1.6;margin-top:7px;color:#718095}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(27px,3vw,40px);letter-spacing:-1.6px;margin-bottom:12px;font-weight:750}h2{font-size:19px;letter-spacing:-.5px;margin-bottom:8px}p{color:#6c7a90;line-height:1.65;font-size:14px}small,.small{font-size:12px;line-height:1.6}.muted{color:#7e8ba0}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:11px;padding:13px 19px;font-size:13px;font-weight:650;white-space:nowrap}.primary{background:#1264ec;color:white;box-shadow:0 5px 12px #1264ec19}.primary:hover{background:#0756d7}.secondary{background:white;color:#243b5d;border:1px solid #dbe3ed}.wide{width:100%}.brand{display:flex;align-items:center;gap:10px;font-size:19px;color:inherit;font-weight:800;letter-spacing:.6px;flex-wrap:wrap}.brand img{width:39px;height:39px}.brand span{font-size:9px;letter-spacing:2px;display:block;width:100%;margin-left:50px;margin-top:-15px;color:#aab5cd}.sidebar{width:236px;position:fixed;top:0;bottom:0;padding:33px 20px;background:#09172e;color:white;display:flex;flex-direction:column}.side-label{font-size:9px;letter-spacing:1.5px;color:#74849f;margin:49px 12px 15px}.nav{display:flex;gap:12px;align-items:center;color:#aebbd0;padding:15px;border-radius:9px;font-size:13px;margin:3px 0}.nav.active{background:#1d64eb;color:white}.nav:hover{background:#213957;color:white}.sidebar-bottom{margin-top:auto}.version{border:1px solid #27354a;border-radius:10px;padding:15px;font-size:10px;letter-spacing:1px}.version span{display:block;color:#7fa7bc;margin-top:6px;font-size:9px;letter-spacing:0}.logout{background:none;color:#9ba9c0;border:0;padding:20px 10px;font-size:12px}.main{margin-left:236px;padding:0 42px 40px;max-width:1750px}.topbar{height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#8090a7}.topbar strong{color:#42526a;font-weight:500}.avatar{display:grid;place-items:center;background:#e5ebf8;color:#2758a3;width:34px;height:34px;border-radius:50%;font-weight:700}.intro{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:38px 0 27px}.intro p{margin:0}.eyebrow{display:block;color:#316bd1;font-weight:700;font-size:10px;letter-spacing:2.1px;margin-bottom:15px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.stats article{background:white;border:1px solid var(--line);border-radius:15px;padding:24px}.stats span{font-size:12px;color:#6e7a8d}.stats strong{display:block;font-size:36px;letter-spacing:-1px;margin:10px 0;color:#15253f}.stats small{color:#91a0b3;font-size:11px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:32px 0 17px}.section-heading h2{margin:0}.section-heading span{font-size:11px;color:#8493a7}.station-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:22px}.station-card{background:white;border-radius:16px;border:1px solid var(--line);overflow:hidden}.station-cover{height:169px;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse at 80% 30%,#194678,#07152b)}.station-cover img{width:84px;height:84px;object-fit:cover;border-radius:22px}.badge{position:absolute;top:13px;right:13px;font-size:9px;background:#ffffff24;color:inherit;padding:5px 9px;border-radius:15px}.station-content{padding:22px}.station-content p{font-size:12px;min-height:35px}.station-content a{font-size:12px;font-weight:650}.row{display:flex;align-items:center;justify-content:space-between;gap:10px}.new-station{min-height:303px;border:1px dashed #c2cfdf;border-radius:16px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:13px;color:#334e72;background:#f0f4fb}.new-station b{font-size:28px;color:#1768ef;background:white;display:grid;place-items:center;width:52px;height:52px;border-radius:50%}.new-station strong{font-size:14px}.new-station span{font-size:11px;color:#8291a7}.notice,.success,.error{padding:16px 18px;border-radius:10px;line-height:1.65;font-size:12px;margin:20px 0}.notice{background:#eaf0fd;border:1px solid #dce6fc;color:#536c95}.success{background:#e2f7ec;color:#196341;border:1px solid #c2ebd7}.error{background:#fff0f1;color:#a3283d;border:1px solid #f4c9d0}.back{display:block;font-size:12px;margin-bottom:13px}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:30px;align-items:start}.tabs{display:flex;gap:30px;padding:0 6px 15px;position:sticky;top:0;background:#f5f7bf00}.tabs a{color:#6c7b90;font-size:12px;font-weight:650}.tabs a:first-child{color:#1465eb}.card{padding:25px;background:white;border:1px solid var(--line);border-radius:15px;margin-bottom:20px;scroll-margin-top:20px}.card-title{display:flex;align-items:center;gap:13px;margin-bottom:22px}.card-title h2{font-size:17px;margin-bottom:4px}.card-title p{font-size:12px;margin:0}.step{display:grid;place-items:center;width:35px;height:35px;background:#edf3ff;color:#286de1;font-size:11px;font-weight:700;border-radius:10px;flex-shrink:0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.themes{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:23px}.theme-option{position:relative;border:1px solid #e3e8f0;border-radius:11px;padding:11px 7px;cursor:pointer;text-align:center;margin:0}.theme-option:has(input:checked){border-color:#1668ee;background:#eff5ff;box-shadow:0 0 0 1px #1668ee}.theme-option input{position:absolute;right:5px;top:0}.theme-option strong{display:block;font-size:10px;margin-top:11px}.theme-option small{font-size:9px;line-height:1.4}.mini-phone{display:flex;flex-direction:column;align-items:center;justify-content:center;width:61px;height:107px;border-radius:10px;margin:10px auto 0;background:#071429;color:white;box-shadow:0 4px 9px #00142b22}.mini-phone i{width:33px;height:33px;display:block;background:linear-gradient(140deg,#1bcced,#794cfc);border-radius:8px}.mini-phone b{font-style:normal;margin-top:8px;color:#21c2ff}.mini-phone em{font-size:6px;letter-spacing:1px;color:#51caff;margin-top:4px}.theme-light{background:#eef3fb!important;color:#182b48!important}.theme-light .badge{background:#cad9ec}.theme-immersive{background:linear-gradient(145deg,#863d65,#13253e 70%);background-size:cover!important;background-position:center!important}.theme-tv{background:linear-gradient(145deg,#23194c,#081429)!important;color:#fff}.mini-phone.theme-tv i{width:45px;height:28px;border-radius:3px}.uploads{display:grid;grid-template-columns:1fr;gap:12px}.upload-box{padding:15px;border:1px dashed #ccd8e7;border-radius:10px;display:flex;align-items:center;gap:15px;flex-wrap:wrap}.upload-box>img{width:56px;height:56px;object-fit:cover;border-radius:10px}.upload-box>label:not(.check){flex:1;margin:0;min-width:120px}.upload-box small{font-size:10px}.upload-box .check{width:100%;margin:0;font-size:11px;color:#8694a8}.check{display:flex;align-items:center;gap:9px;font-size:13px;line-height:1.5}.check input{margin:0;width:17px;height:17px;flex-shrink:0}.save-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;position:sticky;bottom:0;background:#f5f7fbeb;backdrop-filter:blur(12px);padding:16px 0}.save-bar span{font-size:10px;color:#8a98aa}.preview-column{position:sticky;top:25px}.preview-title{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#71849f;margin-bottom:18px}.preview-title small{font-size:10px;letter-spacing:0}.phone{position:relative;overflow:hidden;background:#071429;color:white;border:6px solid #13203a;border-radius:37px;min-height:565px;padding:18px 21px 12px;text-align:center;box-shadow:0 15px 40px #0a1d3d21;margin-bottom:18px;background-size:cover}.phone-status{display:flex;justify-content:space-between;font-size:9px;opacity:.8;margin-bottom:25px}.phone-brand{display:flex;align-items:center;gap:8px;text-align:left;font-size:13px;margin-bottom:25px}.phone-brand img{width:30px;height:30px;border-radius:8px;object-fit:cover}.phone-brand strong{overflow-wrap:anywhere}.live{display:inline-block;border-radius:20px;background:#0ba66a22;border:1px solid #0bbb6844;color:#29d691;font-size:8px;font-weight:700;padding:5px 10px;margin-bottom:18px;letter-spacing:.6px}.cover{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:21px;margin:0 auto 20px;box-shadow:0 7px 30px #0003}.phone .now{font-size:9px;color:#7a92b5;margin:15px 0 5px}.phone h2{font-size:16px;line-height:1.4;color:inherit;margin-bottom:15px}.bars{font-size:23px;line-height:1.5;color:var(--accent);letter-spacing:2px;margin:5px 0 15px;white-space:nowrap;overflow:hidden}.play{width:58px;height:58px;border-radius:50%;border:0;background:var(--accent);color:#06223b;font-size:23px;display:block;margin:0 auto 14px;box-shadow:0 5px 25px #16bffc26}.phone>small{display:block;color:#7e92b0;font-size:9px}.phone-bottom{display:flex;justify-content:space-around;border-top:1px solid #8098bd22;margin-top:22px;padding-top:17px;font-size:10px;line-height:1.8;color:#91a4c4}.phone-bottom span:first-child{color:var(--accent)}.splash-preview{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:25px;padding:20px;color:white}.splash-preview img{width:160px;height:160px;object-fit:contain}.splash-preview button{position:absolute;bottom:35px;font-size:10px}.auth{min-height:100vh;max-width:460px;margin:auto;padding:65px 20px}.auth>.brand{justify-content:center;margin-bottom:35px}.auth>.brand span{width:auto;margin:0;color:#72829c;font-size:8px;max-width:65px;line-height:1.8}.auth-card{background:#fff;border:1px solid var(--line);padding:32px;border-radius:20px;box-shadow:0 20px 60px #12244408}.auth-card h1{font-size:31px;line-height:1.2}.auth-card p{font-size:12px}.auth>small{display:block;text-align:center;color:#91a0b4;margin-top:25px}.guide{max-width:820px;margin:40px auto;padding:20px}.guide li{font-size:14px;line-height:1.8;margin-bottom:8px;color:#5b6c85}code{font-size:12px;overflow-wrap:anywhere;background:#edf2fa;padding:3px 5px;border-radius:4px}.listener{min-height:100vh;padding:25px;background:radial-gradient(ellipse at 50% 40%,#19355e,#060f20);display:flex;flex-direction:column;align-items:center}.listener-caption{max-width:900px;width:100%;display:flex;justify-content:space-between;color:#8ca3c3;font-size:12px;margin-bottom:25px;gap:20px}.listener-caption a{color:#d2e3ff}.player-phone{width:380px;max-width:100%;padding:25px;border-color:#26364d;min-height:650px}.player-phone .cover{max-width:270px}.player-phone h1{font-size:24px;letter-spacing:-.6px;margin-bottom:7px}.player-phone p{color:inherit;opacity:.75;font-size:12px}.social-links{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;margin:22px 0}.social-links a{border-radius:20px;background:#7e94b51e;color:inherit;font-size:10px;padding:7px 10px;border:1px solid #7e94b526}.listener-note{color:#7389aa;font-size:11px;text-align:center;margin-top:8px}.switch-tabs{display:flex;background:#8091b322;border:1px solid #8497ba25;border-radius:10px;padding:4px;margin-bottom:18px}.switch-tabs button{width:50%;border:0;padding:10px;background:none;color:inherit;font-size:12px;border-radius:7px}.switch-tabs .selected{background:var(--accent);color:#061b32}.player-phone video,.player-phone iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:12px;background:#000}.phone-bg{display:none}.theme-immersive .phone-bg{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.25;z-index:0;pointer-events:none}.player-phone>*:not(.phone-bg){position:relative;z-index:1}.playing{animation:pulse .7s infinite alternate}@keyframes pulse{to{opacity:.5;transform:scaleY(.65)}}[hidden]{display:none!important}@media(prefers-reduced-motion:reduce){.playing{animation:none}}@media(min-width:1550px){.editor-layout{grid-template-columns:minmax(0,900px) 310px}.uploads{grid-template-columns:1fr 1fr 1fr}.upload-box{display:block}.upload-box>img{display:block;margin-bottom:15px}}@media(max-width:1150px){.sidebar{width:200px;padding:25px 14px}.main{margin-left:200px;padding:0 24px 30px}.editor-layout{grid-template-columns:minmax(0,1fr) 260px;gap:20px}.phone{padding:16px}.themes{grid-template-columns:1fr 1fr}.two-col{grid-template-columns:1fr}.preview-title{font-size:8px}.card{padding:20px}.phone h2{font-size:14px}.save-bar span{display:none}}@media(max-width:850px){.sidebar{width:78px;padding:24px 12px}.sidebar .brand{font-size:0;gap:0;justify-content:center}.sidebar .brand span,.side-label,.nav span,.version{display:none}.nav{font-size:23px;justify-content:center;padding:12px 0;margin-top:15px}.logout{font-size:10px;padding:10px 0}.main{margin-left:78px;padding:0 20px 25px}.editor-layout{grid-template-columns:minmax(0,1fr)}.preview-column{position:static;max-width:310px;margin:15px auto;width:100%}.themes{grid-template-columns:repeat(4,1fr)}.two-col{grid-template-columns:1fr 1fr}.intro{align-items:flex-start}.intro .primary,.intro .secondary{font-size:11px;padding:12px}.stats article{padding:17px}.section-heading span{display:none}}@media(max-width:560px){.sidebar{position:static;width:auto;flex-direction:row;align-items:center;padding:13px 18px;gap:12px}.sidebar .brand{margin-right:auto}.sidebar .brand img{width:30px;height:30px}.nav{margin:0;padding:5px 10px;font-size:20px}.sidebar-bottom{margin:0}.logout{font-size:9px}.main{margin:0;padding:0 16px 25px}.topbar{height:55px}.intro{padding:25px 0;flex-direction:column;gap:17px}.intro h1{font-size:29px}.intro p{font-size:12px}.stats{gap:8px}.stats article{padding:14px 10px}.stats span{font-size:9px}.stats strong{font-size:28px}.stats small{font-size:9px}.themes{grid-template-columns:1fr 1fr}.two-col{grid-template-columns:1fr}.card{padding:19px}.tabs{gap:25px}.auth{padding-top:35px}.auth-card{padding:25px}.save-bar{justify-content:flex-end}.listener{padding:16px}.listener-caption{font-size:10px}.guide{margin:10px auto}.guide h1{font-size:30px}}
/* Radio Studio 1.1 — vector controls and centered social links */
.ui-icon{display:block;width:22px;height:22px;flex:0 0 auto;overflow:visible}
.phone .social-icons{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;max-width:100%;margin:17px auto 19px;padding:0}
.phone .social-icon{display:flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:40px;border-radius:13px;color:#e1edff;background:linear-gradient(145deg,#ffffff17,#ffffff08);border:1px solid #9eb9e22b;box-shadow:0 4px 10px #00000019,inset 0 1px 0 #ffffff0c;text-decoration:none;transition:transform .18s ease,background .18s ease,border-color .18s ease}
.phone .social-icon .ui-icon{width:19px;height:19px}
.phone .social-icon:hover{transform:translateY(-3px);border-color:var(--accent);background:#ffffff24}
.phone .social-icon:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.phone.theme-light .social-icon{background:linear-gradient(145deg,#ffffff,#e9eff9);border-color:#d7e2f0;color:#3a5679;box-shadow:0 4px 10px #1633530a,inset 0 1px 0 white}
.phone.theme-light .social-facebook{color:#1877f2}.phone.theme-light .social-instagram{color:#c63d88}.phone.theme-light .social-youtube{color:#e32939}.phone.theme-light .social-tiktok{color:#142439}.phone.theme-light .social-telegram{color:#168dbd}.phone.theme-light .social-whatsapp{color:#14834a}
.phone .play{display:flex;align-items:center;justify-content:center;width:68px;height:68px;border:1px solid #ffffff4a;background:linear-gradient(145deg,#ffffff30,transparent 65%),var(--accent);box-shadow:0 8px 23px #00000022,inset 0 2px 0 #ffffff50,inset 0 -3px 0 #0017321c;transition:transform .16s ease,box-shadow .16s ease}
.phone .play:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 28px #00000029,inset 0 2px 0 #ffffff55}
.phone .play:active:not(:disabled){transform:scale(.96)}
.phone .play .ui-icon{width:28px;height:28px}
.phone .phone-bottom{gap:8px;padding-top:13px;align-items:stretch;margin-top:21px}
.phone .phone-bottom>span{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;flex:1;border-radius:13px;padding:9px 3px;font-size:10px;font-weight:600;color:#91a4c4;line-height:1.3}
.phone .phone-bottom>span .ui-icon{width:21px;height:21px}
.phone .phone-bottom>span.selected{background:#28bdff16;color:var(--accent)}
.phone.theme-light .phone-bottom>span{color:#667c9b}.phone.theme-light .phone-bottom>span.selected{color:#08659c;background:#dceefa}
.phone .phone-bottom>span>span{color:inherit}
.switch-tabs button{display:flex;align-items:center;justify-content:center;gap:8px;font-weight:600;transition:background .18s ease}
.switch-tabs button .ui-icon{width:18px;height:18px}
.phone .social-icons:empty{display:none}
@media(prefers-reduced-motion:reduce){.phone .social-icon,.phone .play{transition:none}}

/* Studio 3 */
textarea{width:100%;box-sizing:border-box;border:1px solid #dce4ef;border-radius:12px;padding:14px;font:inherit;resize:vertical;background:#fff;color:#17243b}
.tabs{flex-wrap:wrap}.radio-content{text-align:left;margin:18px 0;padding:14px;border:1px solid #8090a044;border-radius:14px}.radio-content p{white-space:normal;overflow-wrap:anywhere;line-height:1.7}
.release-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.release-grid .card{margin:0}.release-title{font-size:30px;margin:10px 0}.status-pill{display:inline-block;border-radius:30px;padding:7px 12px;background:#fff1d6;color:#78520b;font-size:13px}.distribution{max-width:1150px;margin:auto;padding:32px 24px}.distribution header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:28px}.distribution input[readonly]{background:#f4f7fb}.distribution .primary{margin-top:12px}.distribution .card h2{margin-top:0}.distribution .notice{margin-top:18px}.distribution code{overflow-wrap:anywhere}.distribution .two-col{margin-top:14px}button:disabled{opacity:.55;cursor:not-allowed}.distribution nav{display:flex;gap:18px;flex-wrap:wrap;margin:20px 0}.distribution .build-stage{padding:12px 0;border-bottom:1px solid #edf1f5;display:flex;justify-content:space-between}.distribution .build-stage span{color:#67768a}
@media(max-width:760px){.release-grid{grid-template-columns:1fr}.distribution{padding:20px 14px}.distribution header{align-items:flex-start;flex-direction:column}}
[hidden]{display:none!important}

.stream-helper{background:#f4f8fc;padding:16px;border-radius:14px;margin:16px 0}.stream-helper summary{cursor:pointer;font-weight:600}
/* 3.1 — restrained controls, library SVGs, subtle activity indicator */
.listener{background:#0b1018;padding:34px 18px}
.player-phone.phone{border:1px solid #ffffff14;border-radius:26px;background:#111923;box-shadow:0 24px 70px #0004;padding:26px;width:390px;min-height:0}
.phone.theme-tv{background:#111923!important}
.phone-brand{margin-bottom:24px;gap:10px;font-size:12px;letter-spacing:.1px}
.phone-brand img{border-radius:7px}
.phone .live{background:transparent;border:0;color:#83ddba;font-size:9px;letter-spacing:1.8px;margin:0 0 22px;padding:0}
.phone .live:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor;margin:0 7px 1px 0}
.player-phone .cover{max-width:none;width:100%;border-radius:16px;box-shadow:0 12px 26px #0003;aspect-ratio:1;object-fit:cover;margin-bottom:27px;background:#182331}
.player-phone #track-title{font-size:23px;font-weight:650;letter-spacing:-.65px;line-height:1.25;margin:8px 0;overflow-wrap:anywhere}
.player-phone #track-artist{font-size:13px;opacity:.65;margin:0}
.player-phone #track-label{font-size:9px;letter-spacing:1.7px;color:#9aadc2;opacity:.85}
.phone .play{width:66px;height:66px;border:0;background:#f3f6fa;color:#101820;box-shadow:0 6px 18px #0002;margin:18px auto 22px;transition:transform .15s ease,background .15s ease}
.phone .play:hover:not(:disabled){background:#fff;transform:scale(1.035);box-shadow:0 6px 18px #0002}
.phone .play:focus:not(:focus-visible){outline:none}
.phone .play .ui-icon{width:27px;height:27px}
.phone .social-icons{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;width:100%;max-width:320px;margin:0 auto 20px;align-items:center;justify-content:center}
.phone .social-icon{width:100%;height:40px;min-width:0;border:0;border-radius:11px;background:transparent;box-shadow:none;color:#c3cdda}
.phone .social-icon .ui-icon{width:19px;height:19px}
.phone .social-icon:hover{transform:none;background:#ffffff0d;color:#fff}
.phone .social-icon[aria-disabled=true]{opacity:.45}
.phone.theme-light .social-icon{background:transparent;color:#344458;border:0;box-shadow:none}
.phone.theme-light .play{background:#162536;color:#fff}
.phone.theme-light #track-label{color:#566a80}
.phone .bars{display:flex;justify-content:center;align-items:center;height:20px;gap:3px;margin:18px auto 0;font-size:0;line-height:1;letter-spacing:0;overflow:visible;animation:none!important;transform:none!important;opacity:1!important}
.phone .bars i{height:12px;width:3px;border-radius:3px;background:var(--accent);opacity:.7;transform:scaleY(.25);animation:none}
.phone .bars.playing i{animation:meter 1.1s ease-in-out infinite alternate}
.phone .bars i:nth-child(3n){height:19px;animation-delay:-.4s}
.phone .bars i:nth-child(2n){height:15px;animation-delay:-.7s}
.phone .bars i:nth-child(4n){height:10px;animation-delay:-.2s}
@keyframes meter{0%{transform:scaleY(.25)}45%{transform:scaleY(.8)}100%{transform:scaleY(.45)}}
.player-phone #audio-status{font-size:10px;opacity:.5;margin:12px 0 20px}
.player-phone .metadata-note{font-size:10px;line-height:1.5;opacity:.5;margin:10px 0}
.player-phone .metadata-note:empty{display:none}
.player-phone>small{font-size:9px;letter-spacing:.2px;opacity:.6}
.switch-tabs{background:#ffffff06;border:1px solid #ffffff0e;border-radius:12px}
.switch-tabs .selected{background:#ffffff15;color:inherit}
@media(prefers-reduced-motion:reduce){.phone .bars.playing i{animation:none;transform:scaleY(.5)}.phone .play{transition:none}}
@media(max-width:400px){.player-phone.phone{padding:22px 19px}.phone .social-icons{gap:2px}.phone .social-icon{height:40px}}