#home-screen{display:block;min-height:100%;padding:18px 22px 22px}.home-screen[hidden],#player-screen[hidden]{display:none!important}.home-screen h1{font-size:1.1rem;letter-spacing:.16em;text-align:center;margin:20px 0 2px}.home-screen h1 span{color:#ff2e9f}.home-subtitle{text-align:center;color:#a9c5d8;font-size:.82rem;margin:0 0 22px}.app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 12px;margin:28px 0}.app-grid button{border:0;background:transparent;color:#f5faff;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:.72rem;min-width:0}.app-icon{width:min(20vw,68px);height:min(20vw,68px);border-radius:19px;display:grid;place-items:center;font-size:1.8rem;font-style:normal;font-weight:700;color:white;box-shadow:0 8px 18px #0006,inset 0 1px #ffffff55}.icon-playing{background:linear-gradient(145deg,#ff6a8b,#a22cff)}.icon-albums{background:linear-gradient(145deg,#ffb347,#f04d63)}.icon-projects{background:linear-gradient(145deg,#49c6e5,#2565d8)}.icon-genres{background:linear-gradient(145deg,#46d7aa,#139578)}.icon-all{background:linear-gradient(145deg,#6e8cff,#6238c9)}.icon-search{background:linear-gradient(145deg,#a96cff,#e452b8)}.icon-shuffle{background:linear-gradient(145deg,#19c7c2,#0877b9)}.icon-new{background:linear-gradient(145deg,#ffca55,#ee8037)}.icon-info{background:linear-gradient(145deg,#8894a6,#4a5263)}.mini-player{width:100%;min-height:64px;border:1px solid #87c9e766;border-radius:16px;background:#ffffff16;color:white;display:flex;align-items:center;gap:10px;padding:8px;text-align:left}.mini-player img{width:46px;height:46px;object-fit:cover;border-radius:8px}.mini-player span{flex:1;min-width:0}.mini-player strong,.mini-player small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-player small{color:#aec6d5;font-size:.72rem}.mini-player b{padding:10px;color:#75d5ff}.queue{display:none;position:absolute;inset:0;z-index:20;width:100%;height:100%;max-height:none;border:0;border-radius:0;box-shadow:none;transform:none;padding:0;background:#07111df2;backdrop-filter:blur(24px)}.queue.open{display:flex;transform:none}.phone #player-screen .apphead #player-home{color:#d9f2ff;background:none;border:0;font-size:.9rem;display:flex;align-items:center;gap:5px}.phone #player-screen .apphead #player-home span{font-size:.75rem}.queue .queue-head{padding:calc(16px + env(safe-area-inset-top)) 18px 8px}.queue .grabber{display:none}.queue .queue-title{justify-content:space-between}.queue .queue-title button{width:auto;height:40px;border-radius:999px;padding:0 12px}.library-menu{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.library-menu button{min-height:62px;font-size:.76rem}.queue .tracks{padding-bottom:calc(18px + env(safe-area-inset-bottom))}@media(max-width:600px){body.page-mplayer .phone{height:calc(100svh - 64px);min-height:620px}#home-screen{padding-top:calc(20px + env(safe-area-inset-top))}.app-grid{gap:26px 12px;margin:34px 0}.app-icon{width:64px;height:64px;border-radius:18px}.queue{position:absolute;inset:0;width:100%;height:100%;max-height:none}}

/* Library is one app screen: stack filters above results instead of splitting the display into columns. */
.phone > .queue.open{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;overflow:hidden}
.phone > .queue.open > .queue-head{display:block;flex:0 0 auto;width:100%;min-width:0;max-height:52%;overflow-y:auto}
.phone > .queue.open > .tracks{display:block;flex:1 1 auto;width:100%;min-width:0;min-height:0;overflow-y:auto;overscroll-behavior:contain}