html{box-sizing:border-box;font-size:100%;background-color:#0b0b0c;color-scheme:dark}html,body{width:100%;margin:0;overflow-x:hidden;overflow-y:scroll}*,:after,:before{box-sizing:inherit}.spinning-sloth{display:flex;justify-content:center;align-items:center;font-size:50px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--bg-1: #0b0b0c;--bg-2: #111116;--bg-3: #171723;--text: #ffffff;--muted: rgba(255, 255, 255, .72);--accent: #a277ff;--accent-2: #7a58db;--card: rgba(255, 255, 255, .06);--card-border: rgba(255, 255, 255, .14);--ring: rgba(162, 119, 255, .35);--accent-glow-1: rgba(162, 119, 255, .45);--accent-glow-2: rgba(162, 119, 255, .25);--accent-glow-1-hover: rgba(162, 119, 255, .6);--accent-glow-2-hover: rgba(162, 119, 255, .3);--column-width: 400px;--site-side-padding: 32px}body{background:radial-gradient(1200px 600px at 50% -10%,var(--accent-glow-2),transparent 50%),radial-gradient(800px 400px at 80% 120%,var(--accent-glow-2),transparent 50%),linear-gradient(180deg,var(--bg-1) 0%,var(--bg-2) 50%,var(--bg-3) 100%);color:var(--text);min-height:100vh;text-align:center;font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;background-color:var(--bg-1)}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:40px 16px}.app--music{align-items:stretch;padding:0}@supports (height: 100dvh){body,.app{min-height:100dvh}}@supports (height: 100svh){body,.app{min-height:100svh}}.logo-area{margin-bottom:12px}.logo{width:120px;height:120px;margin-bottom:8px;filter:drop-shadow(0 8px 24px rgba(0,0,0,.4));border:3px solid var(--ring);box-shadow:0 0 0 2px #ffffff0f inset,0 0 16px var(--accent-glow-1),0 0 32px var(--accent-glow-2);border-radius:50%;object-fit:cover;aspect-ratio:1 / 1}.logo:hover{box-shadow:0 0 0 2px #ffffff14 inset,0 0 20px var(--accent-glow-1-hover),0 0 42px var(--accent-glow-2-hover)}h2{font-size:clamp(16px,2.4vw,18px);text-transform:uppercase;font-weight:500;letter-spacing:2px;margin:0 0 4px;opacity:.9}.social-links{margin-top:12px;display:flex;flex-direction:column;gap:12px;max-width:100%;margin-left:auto;margin-right:auto;padding:0 4px}a{display:flex;align-items:center;justify-content:center;gap:10px;margin:0;padding:16px;font-size:.95rem;color:var(--text);border:1px solid var(--card-border);text-decoration:none;border-radius:14px;background:linear-gradient(180deg,#ffffff0f,#ffffff08);box-shadow:0 10px 30px #00000059,inset 0 1px #ffffff14;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);max-width:none}a img,a span{display:inline-block;width:20px;height:20px;margin:0;vertical-align:middle}a:hover{transform:translateY(-2px);border-color:var(--ring);box-shadow:0 16px 40px var(--accent-glow-2),inset 0 1px #ffffff24;background:linear-gradient(180deg,#ffffff1a,#ffffff0a)}a:active{transform:translateY(0)}.redirect-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}.social-links a{width:400px;min-height:52px;margin-left:auto;margin-right:auto}.social-link--primary{background:linear-gradient(180deg,#ffffff2e,#ffffff14);border-color:#ffffff3d}.social-link--primary:hover{border-color:var(--ring)}.music-page{--music-library-accent: color-mix(in srgb, var(--accent) 72%, white);--music-library-accent-soft: color-mix(in srgb, var(--accent) 78%, rgba(255, 255, 255, .5));--music-library-accent-muted: color-mix(in srgb, var(--accent) 46%, rgba(255, 255, 255, .68));--music-library-text: var(--text);--music-library-fallback-top: color-mix(in srgb, var(--accent) 34%, var(--bg-2));--music-library-fallback-bottom: color-mix(in srgb, var(--accent-2) 26%, var(--bg-1));width:100%;display:flex;justify-content:center;min-height:100vh;padding:0;background:radial-gradient(1200px 700px at -10% -10%,var(--accent-glow-2),transparent 45%),radial-gradient(900px 520px at 110% 0%,rgba(255,255,255,.04),transparent 35%),linear-gradient(180deg,var(--bg-1) 0%,var(--bg-2) 55%,var(--bg-3) 100%);color:var(--text)}.music-shell{position:relative;width:100%;min-height:100vh;display:grid;gap:16px;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.music-backlink{width:42px;min-width:42px;height:42px;min-height:42px;padding:0;border-radius:999px;border:1px solid var(--card-border);background:color-mix(in srgb,var(--bg-2) 88%,rgba(255,255,255,.04));box-shadow:0 8px 20px #0003,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);line-height:1;justify-content:center}.music-backlink:hover{background:linear-gradient(180deg,#ffffff1a,#ffffff0a);border-color:var(--ring)}.music-backlink svg{width:16px;height:16px;flex:0 0 auto}.music-player-header{display:flex;justify-content:flex-start;margin-bottom:2px}.music-layout{display:grid;grid-template-columns:minmax(320px,430px) minmax(0,1fr);gap:16px;min-height:min(100vh - 32px,920px)}.music-player-panel{display:grid;align-content:start;gap:20px;padding:24px;text-align:left;border:1px solid var(--card-border);border-radius:14px;background:linear-gradient(180deg,#ffffff0f,#ffffff08);box-shadow:0 10px 30px #00000059,inset 0 1px #ffffff14;overflow:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.music-cover{width:100%;max-width:100%;aspect-ratio:1;border-radius:12px;border:1px solid var(--card-border);background:linear-gradient(145deg,#ffffff08,#fff0),linear-gradient(135deg,color-mix(in srgb,var(--accent) 18%,var(--bg-2)),color-mix(in srgb,var(--accent-2) 12%,var(--bg-3)));display:flex;align-items:end;justify-content:start;padding:18px}.music-cover span{font-size:clamp(2.4rem,8vw,4.4rem);font-weight:600;line-height:1;letter-spacing:-.06em}.music-cover--image{padding:0;overflow:hidden}.music-cover-image{width:100%;height:100%;display:block;object-fit:cover}.music-player-main{display:grid;gap:20px;min-width:0}.music-meta{display:grid;gap:6px}.music-meta h1{margin:0;font-size:clamp(1.5rem,3.2vw,2.6rem);line-height:1;letter-spacing:-.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-collection-name,.music-track-count,.music-track-artist,.music-track-state,.music-progress-times,.music-artist,.music-empty-state,.music-error{color:#ffffffa8}.music-collection-name,.music-track-count{margin:0;font-size:.92rem}.music-artist{margin:0;font-size:.94rem;overflow-wrap:anywhere}.music-progress-panel{display:grid;gap:8px}.music-progress-input,.music-volume-input{width:100%;margin:0;accent-color:var(--accent)}.music-progress-times{display:flex;justify-content:space-between;font-size:.86rem;font-variant-numeric:tabular-nums}.music-transport{display:flex;align-items:center;justify-content:center;gap:12px}.music-button{border:1px solid var(--card-border);background:linear-gradient(180deg,#ffffff0f,#ffffff08);color:var(--text);border-radius:10px;padding:11px 16px;font:inherit;cursor:pointer;box-shadow:inset 0 1px #ffffff14;transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease}.music-button svg{width:18px;height:18px;display:block}.music-button:disabled,.music-track-row:disabled{cursor:not-allowed;opacity:.45}.music-button:hover,.music-track-row:hover{background:linear-gradient(180deg,#ffffff1a,#ffffff0a);border-color:var(--ring);box-shadow:0 16px 40px var(--accent-glow-2),inset 0 1px #ffffff24}.music-button--icon{position:relative;width:48px;min-width:48px;height:48px;min-height:48px;padding:0;border-radius:999px;display:grid;place-items:center;color:#ffffffdb;background:color-mix(in srgb,var(--bg-2) 88%,rgba(255,255,255,.04))}.music-button--primary{background:linear-gradient(180deg,var(--accent),color-mix(in srgb,var(--accent-2) 85%,black));border-color:color-mix(in srgb,var(--accent) 80%,white 10%);color:#fff;font-weight:600;box-shadow:0 14px 28px var(--accent-glow-2),inset 0 1px #ffffff2e}.music-button--primary:hover{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 92%,white),color-mix(in srgb,var(--accent-2) 80%,black));border-color:color-mix(in srgb,var(--accent) 92%,white);color:#fff}.music-button--icon-primary{width:62px;min-width:62px;height:62px;min-height:62px}.music-button--icon-primary svg{width:24px;height:24px}.music-button--toggle.is-active{border-color:color-mix(in srgb,var(--accent) 60%,rgba(255,255,255,.2));background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 14%,rgba(255,255,255,.08)),#ffffff0a);color:color-mix(in srgb,var(--accent) 40%,white);box-shadow:0 12px 26px var(--accent-glow-2),inset 0 1px #ffffff24}.music-button--toggle.is-single{border-color:color-mix(in srgb,var(--accent) 72%,rgba(255,255,255,.22))}.music-button-badge{position:absolute;right:6px;bottom:5px;min-width:14px;height:14px;padding:0 3px;border-radius:999px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 88%,white 10%);color:#fff;font-size:.58rem;font-weight:700;line-height:1;box-shadow:0 4px 10px var(--accent-glow-2)}.music-volume{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px}.music-volume-slider{display:grid;gap:8px;min-width:0}.music-volume span{margin:0;font-size:.92rem;display:flex;align-items:baseline;justify-content:space-between;gap:12px}.music-volume span strong{font-size:.84rem;font-weight:600;color:var(--muted)}.music-volume-button{color:#ffffffdb;margin-top:2px}.music-volume-button.is-muted{color:color-mix(in srgb,var(--accent) 24%,rgba(255,255,255,.74))}.music-error{margin:0;color:color-mix(in srgb,var(--accent) 45%,white);font-size:.88rem}.music-library-panel{display:grid;align-content:start;border:1px solid var(--card-border);border-radius:14px;background:linear-gradient(180deg,#ffffff0d,#ffffff05);box-shadow:0 10px 30px #00000059,inset 0 1px #ffffff14;overflow:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.music-library-header{display:flex;justify-content:space-between;align-items:end;gap:12px;padding:24px 24px 18px;border-bottom:1px solid rgba(255,255,255,.06);text-align:left}.music-library-header h2{margin:0;font-size:clamp(1.7rem,3vw,2.2rem);font-weight:700;text-transform:none;letter-spacing:-.04em;color:var(--music-library-text)}.music-library-header p{margin:0;color:var(--muted);font-size:.92rem}.music-tracks{list-style:none;margin:0;padding:14px 20px 20px;display:grid;gap:10px}.music-track{padding:0}.music-track-row{width:100%;min-height:74px;padding:12px 14px;border:1px solid var(--card-border);border-radius:12px;background:linear-gradient(180deg,#ffffff0d,#ffffff05);color:inherit;display:grid;grid-template-columns:28px 56px minmax(0,1fr) auto;gap:14px;align-items:center;text-align:left;cursor:pointer;box-shadow:inset 0 1px #ffffff14,0 10px 24px #00000038;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}.music-track-index{color:var(--music-library-accent-soft);font-size:.84rem;font-variant-numeric:tabular-nums;letter-spacing:.16em}.music-track-copy{min-width:0;display:grid;gap:2px}.music-track-art{width:56px;height:56px;border-radius:10px;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 42%,rgba(255,255,255,.16));background:radial-gradient(circle at 24% 20%,color-mix(in srgb,var(--accent) 22%,rgba(255,255,255,.16)),transparent 32%),linear-gradient(180deg,var(--music-library-fallback-top),var(--music-library-fallback-bottom));box-shadow:inset 0 1px #ffffff14,0 10px 22px #00000038}.music-track-art-image{width:100%;height:100%;display:block;object-fit:cover}.music-track-art--fallback{display:grid;place-items:center;color:#fff;font-size:1.08rem;font-weight:700;letter-spacing:.04em;text-shadow:0 1px 10px rgba(0,0,0,.28)}.music-track-title{display:block;font-size:1.02rem;font-weight:700;color:var(--music-library-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-track-artist{display:block;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-track-state{justify-self:end;min-width:44px;padding:.34rem .62rem;border-radius:10px;border:1px solid color-mix(in srgb,var(--accent) 38%,rgba(255,255,255,.14));background:color-mix(in srgb,var(--bg-2) 82%,transparent);color:color-mix(in srgb,var(--accent) 42%,rgba(255,255,255,.74));font-size:.68rem;line-height:1;letter-spacing:.08em;text-align:center;text-transform:uppercase}.music-track-row.is-active{border-color:var(--ring);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 12%,rgba(255,255,255,.03)),#ffffff05),color-mix(in srgb,var(--bg-2) 74%,rgba(255,255,255,.04));box-shadow:0 16px 36px var(--accent-glow-2),inset 0 1px #ffffff1f}.music-track-row.is-active .music-track-state{color:#fff;border-color:color-mix(in srgb,var(--accent) 72%,rgba(255,255,255,.2));background:color-mix(in srgb,var(--accent) 16%,var(--bg-2))}.music-empty-state{padding:24px;text-align:left}.music-empty-state p{margin:0}@media (max-width: 900px){.music-layout{grid-template-columns:1fr;min-height:auto}}@media (max-width: 760px){.music-shell{padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.music-player-panel,.music-library-panel{padding:20px}.music-cover{width:100%}.music-transport{gap:10px}.music-library-header{padding:0 0 16px;align-items:center}.music-tracks{padding:10px 0 0}.music-track-row{grid-template-columns:28px 44px minmax(0,1fr) auto;gap:12px}.music-track-art{width:44px;height:44px}}