:root{background:#0b101c;color:#eeedf5;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif}
body{max-width:520px;padding:calc(22px + env(safe-area-inset-top)) 24px calc(36px + env(safe-area-inset-bottom));background:radial-gradient(ellipse 90% 520px at 50% 180px,#24253d55,transparent);line-height:1.6}
header{gap:16px;margin-bottom:30px}header h1{font-size:15px;font-weight:500;letter-spacing:.08em;margin:5px 0 0}.eyebrow{font-size:10px;letter-spacing:.24em;color:#bdb2dd}.version{font-size:11px;color:#929bb0;white-space:nowrap}
button,.import,select{border-color:#34394e;background:#171e2e;border-radius:12px}button{touch-action:manipulation}button:disabled{opacity:.4;cursor:default}button:focus-visible,summary:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #d3c6fa;outline-offset:4px}
.player-label{display:flex;justify-content:space-between;align-items:center;color:#a9a2c2;font-size:10px;letter-spacing:.22em}.player-label span:last-child{color:#cfbfed;font-size:20px}
.art{width:min(100%,320px);margin:22px auto 28px;border-radius:18px;background:radial-gradient(ellipse at 30% 15%,#65608277,transparent 65%),linear-gradient(145deg,#272e45,#121a2b);box-shadow:0 24px 50px #0005,0 0 0 1px #ddd1ff16;font-size:76px;color:#c0b4dc}.art img{background:#101624}.art span{font-weight:300}
.now{text-align:left;margin:0 0 18px}.now small{font-size:10px;color:#a8a0be;letter-spacing:.12em}.now h2{font-size:24px;font-weight:600;letter-spacing:.01em;line-height:1.45;margin:6px 0 0;overflow-wrap:anywhere}
input[type=range]{display:block;height:30px;margin:0;accent-color:#c6b8ec;cursor:pointer}.time{font-size:11px;letter-spacing:.04em;color:#9ba5bb;margin-top:2px}
.controls{align-items:center;gap:6px;margin:24px 0}.controls button{flex:1;min-width:0;min-height:48px;border:0;background:transparent;color:#c2c9db;font-size:12px;padding:8px 0}.controls svg{width:23px;height:23px;fill:currentColor;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;vertical-align:middle}.controls #play{flex:none;width:76px;height:76px;margin:0 8px;border-radius:50%;background:#cebef0;color:#211c33;font-size:15px;font-weight:650;box-shadow:0 6px 28px #bba3ed20}
.modes{gap:10px}.modes button{font-size:11px;min-height:44px;background:#ffffff04;color:#b6bfd2;border-color:#30364b}.modes button[aria-pressed=true]{color:#e2d3ff;border-color:#9b87c4;background:#b79ada16}
#status{font-size:12px;color:#adb6cc;margin:16px 0 10px;min-height:20px}.track-tools{margin:0;border-top:1px solid #ffffff0d;font-size:12px}.track-tools summary{color:#aab0c4;padding:14px 0;cursor:pointer}.track-tools .art-actions{margin:8px 0}.track-tools button{min-height:44px}
.library-import{margin-top:36px;padding-top:24px;border-top:1px solid #34394e}.library-import h2,section[aria-label="プレイリスト"]>h2,#queue-heading{font-size:16px;font-weight:500;letter-spacing:.06em}.import{background:#20263b;color:#d6c8f3;border:1px solid #47415f;margin:16px 0 12px;font-size:14px}.sub,#storage-status{font-size:12px;color:#9da9bd}.queue button[aria-current=true]{background:#29263e;border-color:#9784ba}details{border-top:1px solid #ffffff12;padding-top:8px}footer{font-size:11px!important;color:#8c97ad!important}
@media(max-width:360px){body{padding-left:18px;padding-right:18px}.art{width:88%}.now h2{font-size:22px}.controls #play{width:68px;height:68px;margin:0 4px}.modes{gap:6px}}