/* Wave layout matched to Fern's mint theme and music component dimensions. */
:root{--accent:#c2ffe0;--muted:#92ab9e;--border:#c2ffe00f;color:#f8fbfa;background:#050a08}body{background:#050a08;color:#f8fbfa}header,.global-sidebar{background:#050a08}.address-pill{background:#0d1b14;color:#f8fbfa}.global-sidebar .new-tab{background:#101b15}.global-sidebar .selected{background:#c2ffe0;color:#050a08}.layout,main,.pane-header{background:#08110d}.layout>aside{background:#08110d;border-color:#c2ffe00f}.music-label{font-size:20px;line-height:28px;letter-spacing:-.5px;margin:0 12px 24px}.layout>aside{padding:24px 12px 65px}.side{height:40px;margin:0 0 4px;padding:0 12px;gap:12px;font-size:14px;font-weight:500;border-radius:999px;color:#92ab9e}.side .icon{width:18px;height:18px;flex-basis:18px;stroke-width:1.7}.side:hover{background:#0d1b14;color:#f8fbfa}.side.active{background:#13261c;color:#f8fbfa}.side-heading{margin:28px 12px 8px;font-size:12px;line-height:16px;font-weight:600;color:#92ab9e}.side small{display:none}.playlist-create{margin:0;padding:32px 12px}.playlist-create p{font-size:12px;line-height:16px;margin:0 0 12px;color:#92ab9e}.playlist-create button{height:32px;padding:0 12px;font-size:12px;line-height:16px;font-weight:500;background:#c2ffe0;color:#050a08;gap:6px}.playlist-create .icon{width:12px;height:12px;flex-basis:12px}.shortcuts{height:61px;padding:12px;border-color:#c2ffe00f;gap:12px;font-size:14px}.shortcuts span{padding-left:0}.shortcuts .icon{margin-left:12px;width:16px;height:16px;flex-basis:16px}.pane-header{height:64px;border-color:#c2ffe009;padding:0 24px;gap:12px}.pane-header h2{font-size:16px}.source-pill{display:inline-flex!important;height:40px!important;padding:0 16px!important;border:1px solid #c2ffe00f!important;border-radius:999px!important;background:#08110d!important;color:#f8fbfa!important;font-size:12px!important;font-weight:500;white-space:nowrap}.source-pill:hover{background:#0d1b14!important}.source-pill::after{border-color:#92ab9e}.pane-header #connect{color:#92ab9e}.search{height:40px;padding:0 16px;gap:8px;border-color:#c2ffe00f;background:#08110d}.search>.icon{width:14px;height:14px;flex-basis:14px}.search input{font-size:14px;color:#f8fbfa}.search input::placeholder{color:#92ab9e;opacity:1}.search:focus-within{border-color:#c2ffe029!important;box-shadow:none!important}.pane-content{padding:24px}.search-status{color:#92ab9e;font-size:12px}.search-status.quiet-status{display:none}body[data-view=search] .pane-content{padding-top:24px}body[data-view=search] #empty{font-size:14px;line-height:20px;margin:0;padding:64px 0;text-align:center;color:#92ab9e}body[data-view=search] .section-title{margin-bottom:12px}.section-title h2{font-size:14px;line-height:20px;font-weight:600}.section-title>span{font-size:12px}.music-row{margin-bottom:32px}.row-heading{margin:0 0 12px}.row-heading h3{font-size:14px;font-weight:600;line-height:20px}.row-heading button{width:24px;height:24px;border:1px solid #c2ffe00f;background:#08110d;color:#92ab9e}.album-rail{grid-auto-columns:176px;gap:12px;padding:4px 0 8px;scrollbar-width:none}.album-rail::-webkit-scrollbar{display:none}.album-rail .card{transition:transform .18s ease}.album-rail .card:hover{transform:translateY(-4px)}.cover{border:1px solid #c2ffe00f;border-radius:22px;background:#0d1b14}.card.playing .cover{border-color:#c2ffe080}.card:hover .cover{border-color:#c2ffe029}.track-text{min-width:0}.card h3{font-size:14px;font-weight:500;line-height:20px;letter-spacing:0;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card p{font-size:12px;line-height:16px;margin:2px 0 0;color:#92ab9e}.album-rail .track-text{margin:10px 2px 0}.track-number,.track-album,.track-duration{display:none}.track-more{display:grid;place-items:center;position:absolute;right:8px;top:8px;width:28px;height:28px;border:1px solid #ffffff1a;border-radius:999px;background:#000b;color:#fffc;font-size:12px;letter-spacing:1px;padding:0;opacity:0}.card:hover .track-more,.card:focus-within .track-more{opacity:1}.cover:after{width:44px;height:44px;background-color:#c2ffe0;background-size:18px}.card.playing .cover:after{opacity:0}.album-rail .track-number,.album-rail .track-album,.album-rail .track-duration{display:none}.cards{display:flex;flex-direction:column;gap:0}.cards .card{display:grid;grid-template-columns:28px 38px minmax(0,1fr) 176px 40px 28px;align-items:center;column-gap:12px;height:56px;padding:0 12px;border-radius:999px;cursor:pointer}.cards .card:hover{background:#0d1b14;transform:none}.cards .card.playing{background:#0d1b14}.cards .track-number{display:block;text-align:center;font-size:12px;color:#92ab9e;font-variant-numeric:tabular-nums}.cards .cover{width:38px;height:38px;aspect-ratio:1;border:0;border-radius:8px}.cards .cover:after{width:100%;height:100%;background:#0006 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m8 5 11 7-11 7Z' fill='%23f8fbfa'/%3E%3C/svg%3E") center/16px no-repeat;border-radius:0;box-shadow:none}.cards .track-album{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;color:#92ab9e}.cards .track-duration{display:block;text-align:right;font-size:12px;color:#92ab9e;font-variant-numeric:tabular-nums}.cards .track-more{position:static;border:0;background:transparent;color:#92ab9e}.cards .track-more:hover{background:#13261c;color:#f8fbfa}.cards .playing .track-number{color:#c2ffe0}.card.playing h3{color:#c2ffe0}.track-menu{position:fixed;z-index:60;min-width:210px;padding:6px;background:#0d1b14;border:1px solid #c2ffe01a;border-radius:14px;box-shadow:0 16px 50px #0008}.track-menu button,.track-menu a{display:flex;width:100%;height:36px;align-items:center;border:0;border-radius:8px;padding:0 10px;background:transparent;color:#cfded6;font-size:12px;text-align:left}.track-menu button:hover,.track-menu a:hover{background:#13261c;color:#f8fbfa}.bottom-note{display:none}.player{height:68px;background:#08110d;border-top:1px solid #c2ffe00f;padding:10px 16px;gap:16px}.controls{gap:16px}.controls .play{width:36px;height:36px;background:#c2ffe0;color:#050a08}.controls .play .icon{width:16px;height:16px;flex-basis:16px}.now img{width:42px;height:42px;border-radius:10px}.now strong{font-size:14px;font-weight:500;line-height:20px}.now span{font-size:12px;margin-top:0;line-height:16px;color:#92ab9e}.right-controls{font-size:11px;color:#92ab9e}.right-controls input{accent-color:#c2ffe0}.has-track .layout>aside,.has-track main{height:calc(100dvh - 114px)}#seek{top:-4px;height:4px;accent-color:#c2ffe0}.disconnect{position:static!important;width:100%!important;font-size:13px!important;margin-top:20px!important;padding:10px 12px!important;height:40px}#spotify-dialog{max-width:380px}#spotify-dialog h2{font-size:18px}#spotify-dialog p{font-size:13px;color:#92ab9e}
@media(min-width:851px){.layout{grid-template-columns:256px minmax(0,1fr)}}
@media(max-width:1000px){.cards .card{grid-template-columns:28px 38px minmax(0,1fr) 40px 28px}.cards .track-album{display:none}}
@media(max-width:850px){.layout{grid-template-columns:220px minmax(0,1fr)}.pane-header{padding:0 16px}.pane-content{padding:24px 16px}.album-rail{grid-auto-columns:160px}.cards .card{grid-template-columns:20px 38px minmax(0,1fr) 28px;gap:8px;padding:0 8px}.cards .track-duration{display:none}.music-label{font-size:20px}.side{font-size:14px}.track-more{opacity:1}}
@media(max-width:600px){.layout{display:flex;flex-direction:column}.layout>aside{padding:8px;height:auto!important;border-bottom:1px solid #c2ffe00f}.side{font-size:12px;height:36px;padding:0 10px}.playlist-create{padding:0}.playlist-create button{height:32px;font-size:11px}.pane-header{padding:0 12px;gap:8px}.pane-content{padding:20px 12px}.source-pill{padding:0 12px!important;font-size:11px!important}.search{padding:0 12px}.search input{font-size:13px}.album-rail{grid-auto-columns:160px}.cards .card{grid-template-columns:38px minmax(0,1fr) 28px;border-radius:12px}.cards .track-number{display:none}.cards .card h3{font-size:13px}.cards .card p{font-size:11px}.now strong{font-size:12px}.now span{font-size:10px}.controls{gap:12px}.player{padding:10px 12px}.has-track main{margin-bottom:68px}}