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}.game-container{display:flex;flex-direction:column;align-items:center;padding:20px}.game-area{background-color:#0003;padding:20px;border-radius:10px;text-align:center}.game-header{margin-bottom:20px}.game-header h2{margin-bottom:10px}.game-over{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000c;padding:20px;border-radius:10px;text-align:center;color:#fff;z-index:10;min-width:200px}.game-over button{background-color:#fff;color:#420000;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-weight:700;margin-top:10px}.game-over button:hover{background-color:#ddd}.high-scores{margin:15px 0;color:#fff}.high-scores h4{margin-bottom:10px;color:#fff}.high-scores ol{list-style-position:inside;padding:0;margin:0}.high-scores li{margin:5px 0;font-size:16px}.game-header{height:60px;margin-bottom:10px;text-align:center}.game-title{font-weight:700;letter-spacing:2px;text-transform:uppercase;background:linear-gradient(180deg,#fffffffa,#ffffffc7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 6px rgba(255,51,71,.45),0 0 14px rgba(255,51,71,.35),0 2px 18px rgba(0,0,0,.35)}.game-instructions{position:absolute;bottom:-60px;left:50%;transform:translate(-50%);text-align:center;width:100%}.game-area{position:relative}.game-area canvas{position:relative;display:block}.game-start{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000c;padding:20px;border-radius:10px;text-align:center;color:#fff;font-size:.9rem;z-index:10;width:90%}.game-instructions{margin-top:20px;font-size:.9rem;opacity:.8}.game-instructions p{margin:5px 0}body{background-color:var(--bg-3);background-image:linear-gradient(var(--bg-3) 2%,var(--bg-2) 50%,var(--bg-1) 108%);color:#fff;min-height:100vh;text-align:center;font-family:Roboto,sans-serif}.logo-area{margin-bottom:20px}.logo{width:120px;height:120px;margin-bottom:10px;border:3px solid var(--ring);box-shadow:0 0 0 2px #ffffff0f inset,0 0 16px #ff334773,0 0 32px #ff334740;border-radius:50%;object-fit:cover;aspect-ratio:1 / 1}h2{font-size:14px;text-transform:uppercase;font-weight:400;letter-spacing:2px}.social-links{margin-top:20px}a{display:block;max-width:400px;margin:0 auto 15px;padding:15px 20px;font-size:.85rem;color:#fff;border:2px solid #fff;text-decoration:none;transition:all .2s ease-in-out;border-radius:50px}a img,a span{display:inline-block;width:16px;height:16px;margin-right:8px;vertical-align:middle}a:hover{background-color:var(--bg-3);color:#fff}a.featured{position:relative;background-color:#fff;color:#420000;font-weight:700}a.featured:before{content:"";position:absolute;top:2px;left:2px;width:calc(100% - 4px);height:calc(100% - 4px);border:2px solid #420000}.redirect-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center}.channels{display:flex;max-width:400px;margin:0 auto}.channels a{flex:1;padding:5px 10px;margin-right:10px;background-color:var(--bg-3);border:none}.channels a:last-child{margin-right:0}.channels a:hover{text-decoration:underline}.footer{display:block;max-width:400px;margin:0 auto 15px;padding:15px 20px;font-size:.85rem;color:#fff;text-align:center;transition:all .2s ease-in-out}.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)}}.skills-page{text-align:center;padding:20px;display:flex;flex-direction:column;align-items:center;gap:10px}.skills-page .logo-area{margin-top:-20px}.skills-page h2{margin-top:-18px}.skills-table{margin:0 auto;border-collapse:collapse;width:80%;max-width:600px}.skills-table th,.skills-table td{border:1px solid #fff;padding:8px;text-align:left}.skills-table th{background-color:var(--bg-3);color:#fff}.skills-table td{background-color:#a32020;color:#fff}.skills-image{max-width:100%;height:auto;border:2px solid #fff;border-radius:10px}.skills-list{list-style-type:none;padding:0;margin:0}.search-container{display:inline-grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;margin:6px 0 2px;width:400px;max-width:100%}.search-box{padding:10px 15px;font-size:16px;border:2px solid #fff;border-radius:6px;width:250px;transition:border-color .3s ease;background-color:transparent;color:#fff}.search-box:focus{outline:none;border-color:var(--ring);box-shadow:0 0 5px var(--accent-glow-2)}.search-box::placeholder{color:#ffffffb3}.search-button{padding:10px 20px;font-size:16px;background-color:var(--accent);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease}.search-button:active{transform:translateY(1px)}: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;--game-width: clamp(260px, calc(100vw - var(--site-side-padding)), var(--column-width))}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)}.footer{display:block;width:400px;max-width:100%;margin:22px auto 0;padding:0 6px;font-size:.9rem;color:var(--muted)}.game-container .footer{width:400px;max-width:100%;margin:12px auto 0;padding:0 12px}.game-container .footer p{margin:0;overflow-wrap:anywhere}.redirect-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}.game-container{margin-top:-28px;padding:12px 0 16px}.game-area{background:linear-gradient(180deg,#ffffff0f,#ffffff08);border:1px solid var(--card-border);box-shadow:0 10px 30px #00000059,inset 0 1px #ffffff0f;width:400px;max-width:100%;margin:0 auto;padding:10px;border-radius:12px}.game-hud{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.hud-center{display:inline-flex;align-items:center;gap:10px}.score-badge{margin-top:8px;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:linear-gradient(180deg,#ffffff1a,#ffffff0a);border:1px solid var(--card-border);box-shadow:0 10px 30px #00000059,inset 0 1px #ffffff1f;color:var(--text);font-weight:700;letter-spacing:.5px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);min-width:110px;justify-content:center}.score-icon{opacity:.9}.score-text{font-variant-numeric:tabular-nums;min-width:4ch;text-align:right}.powerup-timers{display:inline-flex;gap:8px;margin-top:6px}.powerup-timers.ghost{visibility:hidden}.timer-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:linear-gradient(180deg,#ffffff1a,#ffffff0a);border:1px solid var(--card-border);color:var(--text);font-weight:600;font-size:.85rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.timer-badge.slowmo{box-shadow:0 6px 18px #78d2ff40,inset 0 1px #ffffff1f}.timer-badge.invincible{box-shadow:0 6px 18px #ffc85040,inset 0 1px #ffffff1f}.game-area canvas{border:2px solid #fff;border-radius:8px;display:block;margin:0 auto}.canvas-stage{position:relative;display:grid;grid-template-rows:1fr}.game-start,.game-over{background-color:#000000b3;border:1px solid var(--card-border)}.game-area .game-header{margin:0 0 12px;height:auto}.game-area .game-header h2{margin:0}.game-over button{background:linear-gradient(180deg,var(--accent),#e11d2e);color:#fff;border:none;padding:10px 18px;border-radius:10px;cursor:pointer;font-weight:700;box-shadow:0 8px 20px #ff334740}.game-over button:hover{filter:brightness(1.05)}.skills-page{gap:16px}.skills-table{width:400px;max-width:100%;border-collapse:collapse;border:1px solid var(--card-border);border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #00000059,inset 0 1px #ffffff0f}.skills-table th,.skills-table td{border:1px solid var(--card-border)}.skills-table th{background-color:#ff334726;color:#fff}.skills-table td{background-color:#ffffff0a;color:#fff}.skill-name{display:inline-flex;align-items:center;gap:8px}.skill-icon{width:18px;height:18px;border-radius:3px}.skills-image{border:1px solid var(--card-border);border-radius:10px}.search-box{padding:10px 14px;border:1px solid var(--card-border);border-radius:12px;background-color:#ffffff0a;color:#fff;width:100%}.search-box:focus{outline:none;border-color:var(--ring);box-shadow:0 0 0 4px #ff334726}.search-button{border:none;border-radius:12px;background:linear-gradient(180deg,var(--accent),#e11d2e);color:#fff;padding:10px 18px;cursor:pointer;box-shadow:0 10px 24px #ff334740;height:40px}.search-button:hover{filter:brightness(1.05)}.dropdown{position:relative;width:160px}.dropdown-trigger{width:100%;height:40px;padding:10px 14px;border:1px solid var(--card-border);border-radius:12px;background-color:#ffffff0a;color:#fff;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;justify-content:space-between;gap:12px}.dropdown-trigger:after{content:"";width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #ffffff}.dropdown-trigger.open{border-color:var(--ring);box-shadow:0 0 0 4px #ff334726}.dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;background:linear-gradient(180deg,#ffffff1a,#ffffff0a);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid var(--card-border);border-radius:12px;box-shadow:0 20px 40px #00000059;padding:6px;z-index:20}.dropdown-item{list-style:none;text-align:left;padding:8px 10px;border-radius:8px;color:var(--text);cursor:pointer}.dropdown-item:hover{background-color:#ff334726}.dropdown-item.selected{background-color:#ff334738;font-weight:600}.account-type-select:focus{outline:none;border-color:var(--ring);box-shadow:0 0 0 4px #ff334726}.account-type-select:hover{border-color:var(--ring)}.account-type-select option{background-color:#420000;color:#fff;padding:4px 8px}.search-note{margin-top:8px;color:var(--muted);font-size:.85rem}.skills-page .search-note a{display:inline;margin:0;padding:0;border:0;background:none;border-radius:0;box-shadow:none;text-decoration:underline;color:var(--text)}.skills-page .search-note a:hover,.skills-page .search-note a:active{transform:none;border-color:transparent;box-shadow:none;background:none;text-decoration:underline}.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}}