:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#171719;background:#ececef;font-synthesis:none;line-height:1.5;--accent: #e93658;--secondary: #74747b}*{box-sizing:border-box}body{margin:0;min-width:0}button,input,select{font:inherit}svg{flex-shrink:0}button{min-height:44px;border:0;border-radius:10px;padding:.6rem .9rem;background:#f3f3f5;color:inherit;cursor:pointer}button:disabled{opacity:.38;cursor:not-allowed}:focus-visible{outline:3px solid #d92950;outline-offset:3px}a{color:var(--accent)}input:not([type=range]),select{width:100%;min-width:0;min-height:46px;border:1px solid #e5e5ea;border-radius:10px;padding:.7rem;color:#171719;background:#f7f7f9}label{display:block;margin-top:.8rem;font-size:.88rem}fieldset{border:0;margin:0;padding:0;min-width:0}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:2.1rem;line-height:1.14;letter-spacing:-.055em;font-weight:750}h2{font-size:1.28rem;line-height:1.3;letter-spacing:-.025em;margin-bottom:0}h3{font-size:1.08rem;margin-bottom:.5rem}.app-shell{max-width:480px;margin:0 auto;min-height:100dvh;padding-bottom:calc(164px + env(safe-area-inset-bottom));background:#fff;box-shadow:0 0 40px #1b1b2210}main{padding:calc(22px + env(safe-area-inset-top)) 20px 12px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px}.account-button,.account-avatar{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:50%;background:#fce9ed;color:var(--accent)}.account-button{flex-basis:44px;width:44px;min-width:44px;height:44px;min-height:44px;padding:0}.account-button>svg{display:block;width:24px;height:24px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}.eyebrow,.muted{color:var(--secondary);font-size:.8rem}.primary{background:var(--accent);color:#fff}.artwork{position:relative;display:grid;place-items:center;flex:0 0 48px;width:48px;aspect-ratio:1;border-radius:8px;overflow:hidden;isolation:isolate;color:#fff;background:linear-gradient(145deg,#dca18f,#b75b65 52%,#593845)}.artwork[data-tone="1"]{background:linear-gradient(145deg,#b3a4cf,#76638f 50%,#37364f)}.artwork[data-tone="2"]{background:linear-gradient(145deg,#a2c6ba,#568a87 50%,#294654)}.artwork[data-tone="3"]{background:linear-gradient(145deg,#dabb91,#b48666 55%,#71504d)}.artwork svg{z-index:1;width:clamp(14px,16%,38px);height:clamp(14px,16%,38px);opacity:.5}.artwork-ring{position:absolute;inset:0;background:radial-gradient(ellipse at 15% 10%,#ffffff38,transparent 62%),linear-gradient(115deg,transparent 40%,#1d15292b 100%);pointer-events:none}.featured-cards{display:grid;grid-auto-flow:column;grid-auto-columns:68%;align-items:start;gap:16px;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:20px;margin:0 -20px;padding:2px 20px 12px;scrollbar-width:none}.featured-card{display:grid;gap:8px;min-width:0;padding:0;border-radius:0;scroll-snap-align:start;text-align:left;color:inherit;background:transparent}.feature-kicker{color:var(--secondary);font-size:.66rem;font-weight:600;letter-spacing:.03em}.featured-artwork{width:100%;aspect-ratio:1;border-radius:9px}.feature-caption{display:grid;gap:2px}.feature-caption strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;font-size:.96rem;line-height:1.35;font-weight:500}.feature-caption>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;color:var(--secondary)}.list-note{margin:10px 0 22px;color:var(--secondary);font-size:.76rem;line-height:1.6}.tracks{list-style:none;margin:0;padding:0}.tracks li{display:flex;align-items:center;gap:5px;min-height:70px;border-bottom:1px solid #eeeef1}.track-main{display:flex;align-items:center;flex:1;min-width:0;gap:12px;padding:9px 0;border-radius:0;background:transparent;text-align:left}.track-info{flex:1;min-width:0}.track-info strong,.mini-open strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.94rem;font-weight:500}.track-info small,.mini-open small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.75rem;color:var(--secondary);margin-top:3px}.track-duration{flex:0 0 auto;margin-left:auto;font-size:.72rem;font-variant-numeric:tabular-nums;color:#909097}.icon-button{display:inline-grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;background:transparent}.search{display:flex;align-items:center;gap:8px;padding-left:12px;border-radius:11px;background:#f1f1f4;color:#85858c}.search input{border:0;background:transparent;padding-left:0}.search button{background:transparent;color:var(--accent);flex-shrink:0;white-space:nowrap}.collection-actions{display:flex;gap:12px;margin:19px 0 26px}.collection-actions button{display:flex;align-items:center;justify-content:center;flex:1;gap:8px;color:var(--accent);background:#f4f4f6;font-weight:600}.collection-heading{margin-bottom:4px}.load-more{width:100%;margin-top:16px;color:var(--accent)}.empty-state{padding:32px 18px;margin-bottom:20px;text-align:center;color:var(--secondary);background:#f7f7f9;border-radius:14px}.empty-state>svg{color:#aeafb8;margin-bottom:12px}.empty-state h3{color:#39393e}.empty-state p{font-size:.84rem}.panel,.approval-note{padding:18px;margin-top:18px;border:1px solid #ececf0;border-radius:14px;background:#fafafa}.panel p,.approval-note p{font-size:.86rem}.approval-note h2{margin-bottom:8px}.error,.danger-button{color:#bb2846}.notice{padding:14px;margin-bottom:20px;border-radius:12px;background:#fff0f3;font-size:.85rem}.notice p{margin-bottom:8px}.notice button{color:var(--accent);background:#fff}.auth button{margin-top:16px;margin-right:6px}.text-button{background:transparent;color:var(--accent)}.account-card{display:flex;align-items:center;gap:12px;padding:16px;margin-bottom:26px;border:1px solid #ececf0;border-radius:14px}.account-card>div{flex:1;min-width:0}.account-card strong,.account-card small{display:block;overflow-wrap:anywhere}.account-card small{color:var(--secondary);font-size:.75rem}.account-card button{color:var(--accent);background:transparent}.chips,.actions{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.chips button[aria-pressed=true]{color:var(--accent);background:#fce9ed}.playlist-items{padding-left:24px}.playlist-items li{padding:12px 0;overflow-wrap:anywhere}.playlist-items li div{display:flex;gap:6px;margin-top:8px}.bottom-nav{position:fixed;bottom:calc(10px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);z-index:20;width:min(calc(100% - 24px),456px);height:64px;padding:5px;display:grid;grid-template-columns:repeat(3,1fr);background:#f5f5f7f2;border:1px solid #ffffffd9;border-radius:34px;box-shadow:0 4px 18px #25253017;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:0;border-radius:29px;color:#727279;background:transparent;font-size:.65rem}.bottom-nav button[aria-current=page]{color:var(--accent);background:#e8e8edcc}.mini-player{position:fixed;left:50%;bottom:calc(82px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:21;display:flex;align-items:center;width:min(calc(100% - 24px),456px);min-height:60px;padding:7px 9px;border:1px solid #ffffffd9;border-radius:31px;background:#f5f5f7f2;box-shadow:0 4px 18px #25253017;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.mini-open{display:flex;align-items:center;gap:10px;flex:1;min-width:0;padding:0 4px 0 0;text-align:left;background:transparent}.mini-open .artwork{flex-basis:36px;width:36px;border-radius:6px}.mini-open>span:last-child{min-width:0}.mini-open strong{font-size:.85rem}.mini-open small{font-size:.68rem;margin-top:1px}.now-playing-dialog{position:fixed;inset:0;width:min(100%,480px);height:100dvh;max-width:480px;max-height:100dvh;margin:0 auto;padding:0;border:0;color:#fff;background:linear-gradient(165deg,#65474b,#3d3039 48%,#211f28)}.now-playing-dialog:has(.full-artwork[data-tone="1"]){background:linear-gradient(165deg,#51475f,#352f43 48%,#1d1e2b)}.now-playing-dialog:has(.full-artwork[data-tone="2"]){background:linear-gradient(165deg,#39595b,#293e49 48%,#19232e)}.now-playing-dialog:has(.full-artwork[data-tone="3"]){background:linear-gradient(165deg,#695045,#423338 48%,#242028)}.now-playing-dialog[open]{display:flex;flex-direction:column}.now-playing-dialog::backdrop{background:#15131b70;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.now-playing-dialog :focus-visible{outline-color:#fff}.player-sheet-header{display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:calc(8px + env(safe-area-inset-top)) 16px 4px}.player-dismiss{width:72px;flex-basis:72px;background:transparent}.sheet-grabber{width:38px;height:5px;border-radius:3px;background:#ffffff91}.player-sheet-content{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;padding:4px 36px calc(24px + env(safe-area-inset-bottom))}.full-artwork{width:100%;max-width:380px;flex:0 0 auto;align-self:center;border-radius:10px;box-shadow:0 20px 36px #0b0b153b;margin:12px 0 clamp(24px,3dvh,32px)}.track-origin{display:block;color:#ffffffb8;font-size:.68rem;line-height:1.4;margin-bottom:6px}.full-track-heading h2{font-size:1.4rem;line-height:1.3;font-weight:650;overflow-wrap:anywhere}.full-track-heading p{font-size:1.03rem;color:#ffffffb8;margin:2px 0 0;overflow-wrap:anywhere}.playback-caption{min-height:20px;color:#ffffffc9;font-size:.75rem;margin:8px 0}.playback-caption-quiet{position:absolute;width:1px;height:1px;min-height:0;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}.playback-caption.error{color:#ffd0d5}.full-timeline{margin-top:8px}.full-timeline input{width:100%;height:44px;margin:0;appearance:none;-webkit-appearance:none;background:transparent;accent-color:#fff}input[type=range]::-webkit-slider-runnable-track{height:3px;border-radius:3px;background:#ffffff4d}input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:11px;height:11px;margin-top:-4px;border:0;border-radius:50%;background:#fff}input[type=range]::-moz-range-track{height:3px;border-radius:3px;background:#ffffff4d}input[type=range]::-moz-range-progress{height:3px;border-radius:3px;background:#ffffffb3}input[type=range]::-moz-range-thumb{width:11px;height:11px;border:0;border-radius:50%;background:#fff}.full-timeline>div{display:flex;justify-content:space-between;color:#ffffffa8;font-size:.68rem;font-variant-numeric:tabular-nums;margin-top:-5px}.full-transport{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:14px 0 clamp(18px,3dvh,26px)}.full-transport .icon-button{width:62px;height:62px;flex-basis:62px}.full-play-button{display:grid;place-items:center;width:76px;height:76px;padding:0;background:transparent}.playback-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:auto}.playback-modes button{display:flex;align-items:center;justify-content:center;gap:5px;min-height:44px;padding:0;border-radius:22px;background:transparent;color:#ffffffbd;font-size:.68rem}.playback-modes button[aria-pressed=true]{background:#ffffff1f;color:#fff}.media-source{flex-shrink:0;text-align:center;color:#ffffffb3;font-size:.68rem;line-height:1.5;margin:18px 0 0}@media(max-width:360px){main{padding-inline:16px}.featured-cards{margin-inline:-16px;padding-inline:16px;scroll-padding-inline:16px}.player-sheet-content{padding-inline:24px}}