.music-player.white-ui{position:relative;min-height:100vh;background:#fff;color:#111;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:40px 12px 24px;overflow:hidden;font-family:SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}@media (hover: hover) and (pointer: fine){.plus-btn,.icon,.text-btn,.playpause,.queue-btn,.q-del-inline,.popup-menu .popup-item,.queue .queue-btn{cursor:pointer}}.blur-bg{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;background-size:cover;background-position:center;filter:blur(40px) saturate(1.2) brightness(1.1);opacity:.15;pointer-events:none}.stage{width:100%;max-width:256px;aspect-ratio:1 / 1;height:auto;margin:24px auto 20px;position:relative}.card{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:18px;overflow:hidden;box-shadow:0 4px 12px #00000014;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transition:transform .38s cubic-bezier(.21,.98,.6,.99),opacity .38s ease;background:#ddd}.card img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.card.deep-back{transform:scale(.85) translateY(24px);opacity:.6;filter:blur(2px)}.card.back{transform:scale(.9) translateY(12px);opacity:.7;filter:blur(1px)}.card.top.dragging{transition:none;cursor:grabbing}.card.top.fly-left{transform:translate(-140%) rotate(-18deg);opacity:0}.card.top.fly-right{transform:translate(140%) rotate(18deg);opacity:0}.meta{width:100%;max-width:360px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px}.titles{min-width:0}.title{font-size:16px;font-weight:700;letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.artist{font-size:13px;opacity:.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.actions{display:flex;align-items:center;gap:8px}.icon{background:transparent;border:none;padding:6px 8px;border-radius:10px;font-size:18px}.icon.menu{font-weight:800;letter-spacing:1px}.icon.more{font-weight:800;color:#000}.icon.more svg{fill:#000;stroke:#000}.popup-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:transparent;z-index:9998}.popup-menu.hamburger{position:absolute;right:0;top:0;transform:translateY(28px);z-index:9999;max-width:200px;padding:6px 8px}.popup-menu.hamburger .popup-item{padding:8px 10px;font-size:13px}.icon.active{background:#111;color:#fff}.progress-wrap{width:100%;max-width:360px;margin:10px auto 6px}.progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:32px;padding:14px 0;background:transparent;border-radius:999px;outline:none}.progress::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:28px;height:28px;border-radius:50%;border:none;background:rgba(0,0,0,0);margin-top:-12px}.progress::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:linear-gradient(to right,#111 var(--pct, 0%),#e6e6e6 0%)}.progress::-moz-range-track{height:4px;border-radius:999px;background:#e6e6e6}.progress::-moz-range-thumb{width:28px;height:28px;border-radius:50%;border:none;background:rgba(0,0,0,0)}@media (hover: none) and (pointer: coarse){.progress::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;opacity:0;background:transparent;border:none;box-shadow:none}.progress::-moz-range-thumb{opacity:0;background:transparent;border:none;box-shadow:none}}.times{display:flex;justify-content:space-between;font-size:11px;opacity:.6;margin-top:6px}.controls{max-width:360px;width:100%;margin:12px auto 10px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;justify-items:center}.text-btn{border:none;background:transparent;color:#b5b5b5;font-weight:400;letter-spacing:1px;font-size:12px}.text-btn.active{color:#111}.controls .text-btn:first-child{justify-self:start}.controls .text-btn:last-child{justify-self:end}.playpause{width:56px;height:56px;border-radius:50%;background:transparent;border:none;display:flex;align-items:center;justify-content:center;box-shadow:none}.queue{position:absolute;bottom:24px;left:50%;transform:translate(-50%);width:100%;max-width:360px;display:flex;justify-content:center}.queue-btn{background:transparent;border:none;font-size:12px;letter-spacing:1px;font-weight:400;color:#b5b5b5;padding:0}.queue-btn.active{color:#111}.queue-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.08);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10000;display:flex;align-items:flex-end}.queue-sheet{width:100%;max-height:85vh;background:#fff;border-top-left-radius:16px;border-top-right-radius:16px;box-shadow:0 -8px 30px #0000001f;transition:transform .2s ease;padding:8px 12px 16px}.sheet-handle{width:40px;height:4px;border-radius:4px;background:#ddd;margin:6px auto 10px}.queue-header{font-weight:600;text-align:center;margin-bottom:8px}.queue-list{list-style:none;margin:0;padding:0;max-height:calc(85vh - 60px);overflow:auto}.q-item{position:relative;height:56px;display:flex;align-items:center;overflow:hidden}.q-swipeable{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;gap:10px;background:#fff;padding:8px 12px;transition:transform .16s ease}.q-del-inline{margin-left:auto;visibility:hidden;opacity:0;transition:opacity .12s ease;background:transparent;border:none;cursor:pointer}.q-item:hover .q-del-inline{visibility:visible;opacity:1}.q-thumb{width:36px;height:36px;border-radius:8px;object-fit:cover;flex:0 0 36px}.q-title{font-size:14px;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.q-trash{position:absolute;top:0;right:0;width:80px;height:100%;display:flex;align-items:center;justify-content:center;background:#fff;border:none}@media (max-width: 420px){.music-player.white-ui{padding-left:12px;padding-right:12px}.stage{max-width:84%;aspect-ratio:1 / 1;height:auto}.meta,.progress-wrap,.controls,.queue{max-width:none;width:100%}.queue{bottom:120px}.card.deep-back{transform:scale(.85) translateY(20px)}.card.back{transform:scale(.9) translateY(10px)}.app.view-player,.music-player.white-ui{height:100dvh;overflow:hidden}.queue-sheet{max-height:calc(100dvh - 80px);overflow:auto}}.library.white-ui{position:relative;min-height:100vh;background:#fff;color:#111;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:40px 16px 24px;overflow:auto;font-family:SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.plus-btn{position:absolute;top:14px;left:14px;width:28px;height:28px;border-radius:8px;border:none;background:transparent;color:#111;font-size:20px;line-height:28px;padding:0;font-weight:800}.row{width:100%;max-width:360px;display:grid;gap:8px;margin-top:24px}.row.cols-5{grid-template-columns:repeat(5,1fr)}.row.cols-4{grid-template-columns:repeat(4,1fr)}.row.cols-3{grid-template-columns:repeat(3,1fr)}.row.cols-2{grid-template-columns:repeat(2,1fr)}.tile{border-radius:12px;overflow:hidden;background:#f2f2f2}.tile.song{aspect-ratio:1 / 1;padding:0;border:none}.tile.song img{width:100%;height:100%;object-fit:cover;display:block}.tile.upload{aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;background-color:#eee;background-image:linear-gradient(45deg,#f6f6f6 25%,transparent 25%),linear-gradient(-45deg,#f6f6f6 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f6f6f6 75%),linear-gradient(-45deg,transparent 75%,#f6f6f6 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0px;border:none}.upload-plus{font-size:24px;color:#111;line-height:1}.popup-menu{position:fixed;z-index:9999;transform:translate(-50%,-50%);background:#fff;border:1px solid #eee;border-radius:10px;box-shadow:0 10px 30px #0000001f;overflow:hidden;min-width:160px}.popup-item{display:block;width:100%;text-align:left;background:transparent;border:none;padding:10px 12px;font-size:14px;color:#111}.popup-item:active{background:#f4f4f4}.popup-subsection{padding:8px 12px 12px;border-top:1px solid #eee}.meta-form{display:flex;flex-direction:column;gap:8px}.meta-label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#555}.meta-input{width:100%;border:1px solid #eee;border-radius:8px;padding:8px 10px;font-size:14px;background:#fff;color:#111}.meta-actions{display:flex;justify-content:flex-end}@media (min-width: 1024px){.row{max-width:720px;gap:12px}.plus-btn{width:36px;height:36px;font-size:24px;line-height:36px}.popup-menu{min-width:200px}.popup-item{padding:12px 14px;font-size:16px}.meta-input{font-size:16px;padding:10px 12px}}@media (hover: hover) and (pointer: fine){.plus-btn,.tile.upload,.tile.song,.popup-menu .popup-item{cursor:pointer}}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root,.app{width:100%;min-height:100vh}.hero-hidden{visibility:hidden}.hero-clone{pointer-events:none}