/* FM: a compact shared music library, with a persistent Discord output bar. */
.fm-shell{max-width:1480px;margin:24px auto 48px;display:grid;grid-template-columns:215px minmax(0,1fr);border:1px solid #ffffff12;border-radius:22px;overflow:clip;background:#0b0e13e8;box-shadow:0 24px 80px #0005}.fm-sidebar{padding:30px 20px;background:#080b10d9;border-right:1px solid #ffffff09;display:flex;flex-direction:column}.fm-brand{font-size:27px;font-weight:900;letter-spacing:-1.5px;color:#f1f5f7}.fm-brand span{color:#8fd8ff;margin-left:5px}.fm-back{font-size:12px;color:#7d8c99;margin:8px 0 34px}.fm-sidebar nav{display:grid;gap:7px}.fm-sidebar nav button{background:transparent;border:0;border-radius:9px;color:#87939f;text-align:left;font-size:12px;padding:12px}.fm-sidebar nav button.active{background:#a6d9fc16;color:#b5e5ff}.fm-sidebar nav button span{float:right}.fm-sidebar-bottom{margin-top:auto;padding-top:80px}.fm-sidebar-bottom p{font-size:19px;line-height:1.4;color:#c7d2dc;letter-spacing:-.5px}.fm-sidebar-bottom small{color:#677583;line-height:1.7;font-size:11px}.fm-main{padding:24px 30px 40px;min-width:0}.fm-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.fm-search{display:flex;align-items:center;gap:12px;background:#ffffff07;border:1px solid #ffffff0d;border-radius:30px;padding:0 16px;max-width:380px;width:100%}.fm-search span{font-size:22px;color:#9cb0bf}.fm-search input{border:0;background:transparent;padding:12px 0;font-size:12px;box-shadow:none;min-width:0}.fm-avatar img{height:35px;width:35px;border-radius:50%;background:#243442}.fm-hero{position:relative;isolation:isolate;display:flex;align-items:center;gap:30px;overflow:hidden;padding:35px;border-radius:17px;background:linear-gradient(115deg,#183e60,#11243b 55%,#121b28);min-height:245px}.fm-hero>div:not(.fm-hero-record){z-index:1}.fm-hero>div>span{font-size:9px;letter-spacing:2px;color:#92c1e0;font-weight:700}.fm-hero h1{font:800 clamp(29px,3.4vw,47px)/1.05 'DM Sans',Arial,sans-serif;letter-spacing:-1.8px;margin:12px 0}.fm-hero p{font-size:12px;color:#8daac0;margin-bottom:18px}.fm-hero .button{padding:10px 16px;border-radius:30px;font-size:11px;color:#11243b;background:#b5e5ff}.fm-hero-record{width:155px;flex-shrink:0;color:#8cc9f4;transform:rotate(-18deg);background:linear-gradient(145deg,#6799c4,#0b2037);border-radius:12px;box-shadow:12px 14px 25px #0005;padding:15px}.fm-hero-record svg{width:100%;display:block}.fm-hero-mark{position:absolute;right:-15px;bottom:-90px;font-size:270px;letter-spacing:-30px;line-height:1;color:#b6e5ff06}.fm-section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:28px 0 18px}.fm-section-head h2{font-size:20px;letter-spacing:-.5px;margin:0}.fm-section-head>span,.fm-section-head button{font-size:11px;color:#7b8c9a}.station-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.station-tile{display:block;min-width:0;padding:10px;background:transparent;border:1px solid transparent;border-radius:13px;text-align:left;color:#e5edf4;transition:background .18s,transform .18s}.station-tile:hover{transform:translateY(-3px);background:#ffffff09}.station-tile.selected{background:#91d6ff0b;border-color:#91d6ff52}.station-art{display:flex;flex-direction:column;justify-content:space-between;position:relative;aspect-ratio:1;padding:18px;border-radius:10px;background:var(--station-art,linear-gradient(135deg,#115085,#182738));overflow:hidden}.station-art>span{letter-spacing:3px;font-size:12px;font-weight:800;color:#fff9}.station-art strong{font-size:clamp(20px,2.5vw,32px);line-height:1.1;max-width:130px;letter-spacing:-1px}.station-art i{position:absolute;right:12px;top:12px;background:#e0f6ff;color:#13344e;width:29px;height:29px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-style:normal;opacity:0;transition:opacity .2s}.station-tile:hover i,.station-tile:focus-visible i,.station-tile.selected i{opacity:1}.station-tile>b{display:block;font-size:12px;margin:12px 0 3px}.station-tile>small{color:#768b9c;font-size:10px}.station-colour-0{--station-art:linear-gradient(135deg,#266ba5,#112d50)}.station-colour-1{--station-art:linear-gradient(135deg,#754277,#301e4b)}.station-colour-2{--station-art:linear-gradient(135deg,#b45a37,#582c32)}.station-colour-3{--station-art:linear-gradient(135deg,#276f67,#153b41)}.station-colour-4{--station-art:linear-gradient(135deg,#797036,#383b28)}.station-colour-5{--station-art:linear-gradient(135deg,#63729a,#29334e)}.fm-view[hidden],.station-tile[hidden]{display:none}.fm-note,.fm-upsell{color:#8495a3;font-size:12px}.fm-upsell a{color:#a7dfff}.fm-import{padding:24px;background:#141b24;border:1px solid #ffffff0b;border-radius:16px;margin:20px 0}.fm-import h3{margin:0;font-size:19px}.fm-import p{font-size:12px;color:#90a1b2}.fm-import label{display:grid;gap:6px;font-size:11px;margin:15px 0;color:#9bacbd}.fm-import input{font-size:12px;border-radius:10px;background:#0a111b}.fm-import>div{display:flex;gap:10px;flex-wrap:wrap}.fm-import button{border-radius:25px;padding:10px 19px;font-size:12px}.playlist-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.playlist-card{background:#ffffff04;padding:14px;border-radius:14px;min-width:0}.playlist-art{background:var(--station-art);border-radius:10px;padding:30px;color:#c6e7ff}.playlist-art svg{width:100%;max-height:100px}.playlist-card h3{font-size:15px;overflow-wrap:anywhere}.playlist-card>div:last-child{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.playlist-card button,.playlist-card a{font-size:11px;padding:6px 9px;border-radius:20px}.playlist-card a{color:#9aafbd}.queue-row{display:flex;gap:16px;align-items:center;padding:15px 10px;border-bottom:1px solid #ffffff09;font-size:11px;color:#7890a2}.queue-row>div{flex:1;min-width:0}.queue-row strong{display:block;color:#cfdae3;font-size:13px;font-weight:550;overflow-wrap:anywhere}.queue-row small{display:block;font-size:10px;margin-top:5px;overflow-wrap:anywhere}.queue-number{min-width:23px;text-align:center;color:#8fd8ff}.queue-state{font-size:10px}.fm-empty{padding:45px 15px;text-align:center;color:#708597}.fm-empty>span{font-size:40px;color:#95c5e2}.fm-empty h3{font-size:19px;color:#d3e1ec}.fm-empty p{font-size:12px}.fm-recent{margin-top:30px;font-size:12px;color:#91a8b8}.fm-recent summary{cursor:pointer}.fm-player{grid-column:1/-1;position:sticky;bottom:0;z-index:8;background:#111923f5;border-top:1px solid #8acfff24;backdrop-filter:blur(24px);padding:16px 24px;display:flex;align-items:center;gap:17px;min-height:96px}.fm-player-art{width:50px;height:50px;background:#234660;border-radius:8px;padding:6px;color:#acdcfa;flex-shrink:0}.fm-now{width:190px;min-width:0}.fm-now strong,.fm-now small,.fm-now a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fm-now strong{font-size:12px}.fm-now small{font-size:10px;color:#91a6b7;margin-top:4px}.fm-now a{font-size:9px;color:#7bd4fc;margin-top:4px}.fm-transport{flex:1;max-width:450px;min-width:120px;margin:auto}.fm-transport>div:first-child{display:flex;justify-content:center;gap:12px}.fm-transport button{border:0;border-radius:50%;background:#d9f1ff;color:#162938;width:32px;height:32px;padding:0;font-size:15px}.fm-transport button+button{background:transparent;color:#a7c0d2}.fm-timeline{display:flex;align-items:center;gap:9px;font-size:9px;color:#89a0b4;margin-top:7px}.fm-timeline progress{height:3px;width:100%;accent-color:#9dddff}.fm-volume{font-size:9px;color:#8da5b6;width:95px}.fm-volume input{padding:0;width:100%;height:4px;accent-color:#a4ddff}.fm-output{font-size:10px;color:#9ae0fd;white-space:nowrap}#music-result:empty{display:none}#music-result{font-size:12px;color:#c3dfef;background:#283a4766;padding:10px 15px;border-radius:9px}.fm-shell button:disabled{opacity:.45;cursor:not-allowed}.fm-shell button:focus-visible,.wallpaper-choice:focus-visible{outline:2px solid #b4e9ff;outline-offset:3px}
.appearance-panel{padding:22px 0}.appearance-panel h2{font-size:21px;margin:0}.appearance-panel p{font-size:12px;color:#98a9b8}.wallpaper-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}.wallpaper-choice{position:relative;min-height:100px;border:2px solid #ffffff15;border-radius:13px;overflow:hidden;padding:0;background:var(--wallpaper,#090d14);transition:transform .2s,border-color .2s}.wallpaper-choice:hover{transform:translateY(-3px)}.wallpaper-choice[aria-pressed=true]{border-color:#a3ddff;box-shadow:0 0 0 3px #75c7ff16}.wallpaper-choice>span{position:absolute;bottom:0;left:0;right:0;background:#0007;color:#e2edf8;padding:8px;font-size:11px;text-align:left}.wallpaper-choice:disabled{opacity:.4;cursor:not-allowed}.wallpaper-aurora,body[data-site-background=aurora]{--wallpaper:radial-gradient(ellipse at 0% 10%,#194f6855,transparent 55%),radial-gradient(ellipse at 80% 25%,#37206888,transparent 60%),linear-gradient(155deg,#091a21,#0c1020 65%,#131226)}.wallpaper-cobalt,body[data-site-background=cobalt]{--wallpaper:repeating-linear-gradient(135deg,transparent 0 80px,#3a80dc0b 81px 83px),radial-gradient(ellipse at 85% 20%,#134783,#071321 70%)}.wallpaper-sunset,body[data-site-background=sunset]{--wallpaper:radial-gradient(ellipse at 90% 80%,#612e3f99,transparent 65%),radial-gradient(ellipse at 10% 10%,#5b3f2866,transparent 60%),linear-gradient(150deg,#1d1221,#0b101b)}.wallpaper-carbon,body[data-site-background=carbon]{--wallpaper:repeating-linear-gradient(120deg,#14171a 0 2px,#101215 2px 7px)}.wallpaper-mclaren,body[data-site-background=mclaren]{--wallpaper:linear-gradient(#060c18bc,#050911e8),url('/ovo-car.png') center/cover}.wallpaper-default{--wallpaper:linear-gradient(135deg,#17212a,#070b0e)}body[data-site-background]:not([data-site-background=default]){background:var(--wallpaper);background-attachment:fixed}body[data-site-background]:not([data-site-background=default]) .ambient{display:none}body[data-site-background]:not([data-site-background=default]) .loadout-section,body[data-site-background]:not([data-site-background=default]) .join-strip{background:transparent}body[data-site-background]:not([data-site-background=default]) .new-hero .scene-image{opacity:.32}body[data-site-background]:not([data-site-background=default]) .new-hero{background:var(--wallpaper)}
@media(max-width:1100px){.fm-shell{margin:18px 16px 30px;grid-template-columns:175px minmax(0,1fr)}.fm-main{padding:20px}.station-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.fm-hero-record{width:110px}.fm-hero{padding:25px;gap:20px}.fm-output{display:none}.fm-now{width:155px}}
@media(max-width:700px){.fm-shell{display:block;border-radius:18px}.fm-sidebar{padding:18px;border-right:0}.fm-brand{font-size:23px}.fm-back{display:none}.fm-sidebar nav{display:flex;overflow:auto;margin-top:15px;gap:5px}.fm-sidebar nav button{white-space:nowrap;padding:9px;font-size:11px}.fm-sidebar nav button span{margin-left:8px}.fm-sidebar-bottom{display:none}.fm-main{padding:16px}.fm-hero{padding:25px 20px;min-height:220px}.fm-hero-record{display:none}.fm-hero h1{font-size:35px}.station-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.station-art{padding:17px}.station-art strong{font-size:26px}.fm-section-head h2{font-size:18px}.fm-player{padding:12px;gap:10px;flex-wrap:wrap;border-radius:0;bottom:0}.fm-player-art{width:37px;height:37px}.fm-now{width:calc(100% - 60px)}.fm-transport{max-width:none;flex:1}.fm-volume{width:70px}.fm-transport>div:first-child{justify-content:flex-start}.fm-timeline{margin-top:9px}.playlist-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wallpaper-options{gap:8px}.wallpaper-choice{min-height:80px}.queue-state{display:none}.queue-row{gap:10px;padding:13px 0}.queue-row strong{font-size:12px}.fm-hero-mark{font-size:210px;bottom:-65px}.fm-import{padding:18px}.fm-section-head{align-items:flex-start}.fm-section-head>span{font-size:9px}}
@media(prefers-reduced-motion:reduce){.fm-shell *, .wallpaper-choice{transition:none!important;animation:none!important}}