*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:#0a0a0c;color:#e8e8f0;font-family:Inter,sans-serif;font-size:13px;min-height:100vh;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(#2a2a36 1px,transparent 1px),linear-gradient(90deg,#2a2a36 1px,transparent 1px);background-size:40px 40px;opacity:.25;pointer-events:none;z-index:0}@media (max-width: 768px) and (orientation: portrait){body{overflow:hidden}}.app-container{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.app-container__header{padding:2rem 2.5rem 1.5rem;border-bottom:1px solid #2a2a36;display:flex;align-items:baseline;gap:2rem}@media (max-width: 768px) and (orientation: portrait){.app-container__header{display:none}}.app-container__logo{display:flex;align-items:center;gap:.5rem}.app-container__subtitle{font-size:11px;color:#5a5a72;letter-spacing:.15em;text-transform:uppercase}.app-container__main{flex:1 0 auto;padding:1rem;display:flex;flex-direction:column;gap:2rem}@media (max-width: 768px) and (orientation: portrait){.app-container__main{padding:0;gap:0}}.app-container__footer{padding:1rem 2.5rem;border-top:1px solid #2a2a36;color:#5a5a72;font-size:11px;letter-spacing:.08em}@media (max-width: 768px) and (orientation: portrait){.app-container__footer{display:none}}.logo-mark{font-size:2.2rem;color:#c8ff00;line-height:1}.logo-text{font-family:Inter,sans-serif;font-size:2.6rem;letter-spacing:.08em;line-height:1}.logo-text em{font-style:normal;color:#c8ff00}.panel-title{font-family:Inter,sans-serif;font-size:1.3rem;letter-spacing:.08em;color:#c8ff00}.panel-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.8rem;margin-bottom:1.2rem}.hint{font-size:11px;color:#5a5a72;letter-spacing:.05em}.btn-row{display:flex;gap:.8rem;flex-wrap:wrap}.game-launch{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.game-launch__hint{font-size:12px;color:#5a5a72}.btn-ghost{background:transparent;border:1px solid #2a2a36;color:#5a5a72;font-family:Inter,sans-serif;font-size:12px;letter-spacing:.08em;padding:.45rem 1.2rem;border-radius:3px;cursor:pointer;transition:border-color .15s ease,color .15s ease}.btn-ghost:hover{border-color:#c8ff00;color:#c8ff00}.btn-ghost--xs{font-size:11px;padding:.25rem .6rem}.btn-ghost--active{border-color:#c8ff00;color:#c8ff00}.btn-primary{background:#c8ff00;border:none;color:#0a0a0c;font-family:Inter,sans-serif;font-size:1rem;letter-spacing:.1em;padding:.5rem 1.8rem;border-radius:3px;cursor:pointer;transition:opacity .15s ease}.btn-primary:hover{opacity:.85}.btn-primary:disabled{opacity:.3;cursor:not-allowed}.btn-primary--large{font-size:1.3rem;padding:.7rem 2.8rem;letter-spacing:.15em}.status-msg{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:#111116;border:1px solid #2a2a36;border-radius:4px}.status-msg--error{border-color:#ff4d6d;color:#ff4d6d}@keyframes spin{to{transform:rotate(360deg)}}.spinner{display:inline-block;animation:spin .8s linear infinite}.dropzone{border:2px dashed #2a2a36;border-radius:4px;padding:5rem 2rem;text-align:center;cursor:pointer;transition:border-color .2s,background .2s;max-width:520px;margin:0 auto}.dropzone:hover,.dropzone--active{border-color:#c8ff00;background:#c8ff000a}.dropzone--disabled{opacity:.5;cursor:not-allowed}.dropzone__icon{font-size:3.5rem;color:#c8ff00;margin-bottom:1rem}.dropzone__primary{font-family:Inter,sans-serif;font-size:1.6rem;letter-spacing:.05em;margin-bottom:.4rem}.dropzone__secondary{color:#5a5a72;font-size:12px;letter-spacing:.1em}.track-selector{background:#111116;border:1px solid #2a2a36;border-radius:4px;overflow:hidden}.track-selector__header{padding:1.2rem 1.5rem;border-bottom:1px solid #2a2a36;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.track-selector__footer{padding:1rem 1.5rem;border-top:1px solid #2a2a36;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.track-selector__summary{font-size:12px;color:#5a5a72}.track-selector__summary strong{color:#e8e8f0}.track-list{list-style:none;padding:1rem 1.5rem;display:flex;flex-direction:column;gap:.6rem}.track-row{display:flex;align-items:center;gap:1rem;padding:.8rem 1rem;border:1px solid #2a2a36;border-radius:3px;cursor:pointer;transition:border-color .15s ease,background .15s ease;-webkit-user-select:none;user-select:none}.track-row:hover{border-color:#5a5a72}.track-row--selected{border-color:#c8ff00;background:#c8ff000a}.track-row--selected .track-row__checkbox{background:#c8ff00;border-color:#c8ff00;color:#0a0a0c}.track-row--auto{border-color:#00cfff;background:#00cfff0a}.track-row--auto .track-row__checkbox{background:#00cfff;border-color:#00cfff;color:#0a0a0c}.track-row__checkbox{width:16px;height:16px;border:1px solid #2a2a36;border-radius:2px;display:flex;align-items:center;justify-content:center;font-size:10px;flex-shrink:0;transition:background .15s ease,border-color .15s ease}.track-row__info{flex:1;min-width:0}.track-row__name{font-weight:700;font-size:13px;margin-bottom:.25rem}.track-row__meta{font-size:11px;color:#5a5a72;display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.15rem .55rem;border-radius:2px;font-size:10px;font-weight:700;letter-spacing:.05em}.badge--piano{background:#c8ff0026;color:#c8ff00;border:1px solid rgba(200,255,0,.3)}.badge--keyboard{background:#00cfff26;color:#00cfff;border:1px solid rgba(0,207,255,.3)}.badge--other{background:#5a5a7233;color:#5a5a72;border:1px solid #2a2a36}.auto-tag{font-size:10px;color:#00cfff}.info-panel{background:#111116;border:1px solid #2a2a36;border-radius:4px;padding:1.5rem}.info-panel__playback{margin-top:1.25rem;display:flex;flex-direction:column;gap:.5rem}.info-panel__play-controls{display:flex;align-items:center;gap:.5rem}.info-panel__play-btn{width:2.25rem;height:2.25rem;border-radius:50%;border:none;background:#c8ff00;color:#000;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .15s ease;flex-shrink:0}.info-panel__play-btn:hover{opacity:.85}.info-panel__play-btn--pause{background:#ff4d6d;color:#fff}.info-panel__stop-btn{width:2.25rem;height:2.25rem;border-radius:4px;border:1px solid #2a2a36;background:#1a1a22;color:#5a5a72;font-size:.85rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .15s ease,border-color .15s ease;flex-shrink:0}.info-panel__stop-btn:hover{color:#e8e8f0;border-color:#5a5a72}.info-panel__playtime{font-family:Inter,sans-serif;font-size:11px;color:#5a5a72;margin-left:auto;letter-spacing:.05em}.info-panel__progress{height:3px;background:#2a2a36;border-radius:2px;overflow:hidden}.info-panel__progress-fill{height:100%;background:#c8ff00;border-radius:2px;transition:width .2s linear}.info-panel__tracks{margin-top:1rem;font-size:11px;color:#5a5a72}.info-panel__copy-row{margin-top:1rem;padding-top:.75rem;border-top:1px solid #2a2a36;display:flex;gap:.5rem;flex-wrap:wrap}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.stat{display:flex;flex-direction:column;gap:.2rem}.stat__label{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#5a5a72}.stat__value{font-size:15px;font-weight:700}.note-table{background:#111116;border:1px solid #2a2a36;border-radius:4px;overflow:hidden}.note-table__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid #2a2a36;flex-wrap:wrap;gap:.5rem}.note-table__title{font-family:Inter,sans-serif;font-size:1.2rem;letter-spacing:.08em}.note-table__count{font-size:11px;color:#5a5a72}.note-table__scroll{overflow-x:auto;max-height:420px;overflow-y:auto}.note-table__pagination{display:flex;align-items:center;justify-content:center;gap:1.5rem;padding:.8rem;border-top:1px solid #2a2a36;font-size:12px;color:#5a5a72}.note-table__pagination button{background:transparent;border:1px solid #2a2a36;color:#e8e8f0;font-family:Inter,sans-serif;font-size:11px;padding:.3rem .8rem;border-radius:2px;cursor:pointer;transition:border-color .15s ease,color .15s ease}.note-table__pagination button:hover:not(:disabled){border-color:#c8ff00;color:#c8ff00}.note-table__pagination button:disabled{opacity:.3;cursor:not-allowed}table{width:100%;border-collapse:collapse}th{position:sticky;top:0;text-align:left;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#5a5a72;padding:.6rem 1rem;background:#1a1a22;border-bottom:1px solid #2a2a36;white-space:nowrap}td{padding:.4rem 1rem;border-bottom:1px solid rgba(42,42,54,.5);font-size:12px;white-space:nowrap}td.muted{color:#5a5a72}td.note-name{color:#c8ff00;font-weight:700}tr:last-child td{border-bottom:none}tr:hover td{background:#1a1a22}.lane-badge{display:inline-block;padding:.15rem .55rem;border-radius:2px;font-size:10px;font-weight:700;color:#fff}.play-btn{background:transparent;border:1px solid #2a2a36;color:#c8ff00;font-size:11px;padding:.2rem .6rem;border-radius:2px;cursor:pointer;font-family:Inter,sans-serif;transition:background .15s ease}.play-btn:hover{background:#c8ff00;color:#0a0a0c;border-color:#c8ff00}.studio{display:flex;justify-content:flex-start;gap:1.5rem;align-items:flex-start;flex-wrap:wrap}.studio__table{flex:0 0 375px;min-width:0;display:flex;flex-direction:column;gap:1.5rem;position:sticky;top:10px}.studio__board{flex:0 0 375px;position:sticky;top:10px}@media (max-width: 768px) and (orientation: portrait){.studio{display:block}.studio__table{display:none}.studio__board{width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:10000;background:#000;margin:0;padding:0}}.game-board{display:flex;flex-direction:column;height:667px;border:1px solid #2a2a36;overflow:hidden;background:#f0eef8}@media (max-width: 768px) and (orientation: portrait){.game-board{height:100vh;border:none;border-radius:0}}.game-board__viewport{flex:1;overflow-y:scroll;overflow-x:hidden;position:relative;background:#f0eef8}.game-board__viewport::-webkit-scrollbar{width:3px}.game-board__viewport::-webkit-scrollbar-track{background:transparent}.game-board__viewport::-webkit-scrollbar-thumb{background:#00000026;border-radius:2px}.game-board__canvas{position:relative;width:100%;will-change:transform}.game-board__grid-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.game-board__tile-layer{position:absolute;top:0;right:0;bottom:0;left:0}.game-board__lanes{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(4,1fr);pointer-events:none}.game-board__lane{border-right:1px solid rgba(0,0,0,.1)}.game-board__lane:last-child{border-right:none}.game-board__tile-lane{position:absolute;top:0;bottom:0;width:25%}.game-board__tile-lane--0{left:0%}.game-board__tile-lane--1{left:25%}.game-board__tile-lane--2{left:50%}.game-board__tile-lane--3{left:75%}.game-board__beat-line{position:absolute;left:0;right:0;height:1px;background:#0000001a;pointer-events:none}.game-board__beat-label{position:absolute;left:4px;top:-9px;font-size:8px;color:#0000004d;letter-spacing:.03em;-webkit-user-select:none;user-select:none;line-height:1}.game-board__second-marker{position:absolute;left:0;right:0;height:1px;background:#00000014;pointer-events:none;z-index:1}.game-board__second-label{position:absolute;right:6px;top:-9px;font-size:9px;color:#00000040;letter-spacing:.05em;-webkit-user-select:none;user-select:none}.game-board__bottom-info{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.2rem;background:#fff;border-top:1px solid rgba(0,0,0,.08);flex-shrink:0;gap:.3rem}.game-board__bottom-info .song-title{font-size:20px;font-weight:800;color:#2c5282;text-align:center}.game-board__bottom-info .song-author{font-size:13px;color:#a0aec0;font-weight:500;text-align:center}.game-tile{position:absolute;left:0;right:0;cursor:pointer;touch-action:none;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;background:#1a1a1a;border:none;transition:opacity .4s}.game-tile:before{content:"";position:absolute;inset:calc(-.25 * var(--tile-unit, 30px)) 0;pointer-events:auto}.game-tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.game-tile__label{display:flex;flex-direction:column;align-items:center;gap:1px;pointer-events:none}.game-tile span{font-size:9px;font-weight:600;letter-spacing:.03em;color:#ffffff80;line-height:1.2}.game-tile span:first-child{font-size:10px;font-weight:700;color:#ffffffa6}.game-tile--tapped{cursor:default;pointer-events:none}.game-tile--tapped:not(.game-tile--hold){mask-image:linear-gradient(#000,#000),linear-gradient(#000000e6,#000000e6);-webkit-mask-image:linear-gradient(black,black),linear-gradient(rgba(0,0,0,.9),rgba(0,0,0,.9));mask-position:0 0,50% 50%;-webkit-mask-position:0 0,50% 50%;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-composite:exclude;-webkit-mask-composite:xor;animation:rectTapDissolve .18s cubic-bezier(.05,.9,.3,1) forwards}.game-tile--start{background:#2980b9;font-size:1rem;font-weight:800;letter-spacing:.14em;color:#fff}.game-tile--hold{border:1px solid rgba(0,200,255,.2);overflow:visible;touch-action:none}.game-tile--hold-active{border-color:#00c8ff73}.game-tile__hold-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 45% 80% at 50% 20%,rgba(30,120,255,.25) 0%,transparent 100%);pointer-events:none}.game-tile__hold-line{position:absolute;left:50%;transform:translate(-50%);top:0;bottom:45px;width:2px;background:linear-gradient(to bottom,#64c8ffcc,#00c8ff99 60%,#00c8ff4d);box-shadow:0 0 5px #00c8ff99,0 0 12px #00c8ff33;pointer-events:none;z-index:1}.game-tile__hold-ring{position:absolute;bottom:33px;left:50%;transform:translate(-50%);width:24px;height:24px;border-radius:50%;border:2px solid rgba(0,220,255,.85);box-shadow:0 0 8px #00dcff80,inset 0 0 6px #00dcff1a;pointer-events:none;z-index:4;transition:background .08s,border-color .08s,box-shadow .08s}.game-tile__hold-ring--active{background:#ffffffeb;border-color:#fff;box-shadow:0 0 14px #00c8ff,0 0 32px #00c8ff99,0 0 64px #00c8ff40;animation:holdRingBurst .3s cubic-bezier(.1,1,.1,1) forwards}.game-tile__hold-dot{position:absolute;left:50%;transform:translate(-50%);width:6px;height:6px;border-radius:50%;background:#00d2ffa6;box-shadow:0 0 6px #00d2ffb3,0 0 12px #00c8ff4d;pointer-events:none;z-index:1;opacity:0;transition:opacity .15s ease-in}.game-tile--hold-active .game-tile__hold-dot{opacity:1}.game-tile__hold-dot--fired{background:#00c8ff33;box-shadow:none}.game-tile__hold-fill{position:absolute;bottom:0;left:0;right:0;height:0;background:linear-gradient(to bottom,transparent 50px,#308af1 50px);pointer-events:none;z-index:2;overflow:hidden}.game-tile__hold-fill:after{content:"";position:absolute;left:-50%;width:200%;aspect-ratio:1;top:0;background:#308af1;border-radius:50%;transition:border-radius .25s ease-out}.game-tile__hold-fill--complete:after{border-radius:0}.game-tile__hold-arc{position:absolute;left:0;right:0;height:0;pointer-events:none;z-index:3}.game-tile__hold-arc-dot{position:absolute;bottom:43px;left:50%;transform:translate(-50%);width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 0 6px #ffffffe6,0 0 16px #00c8ffe6,0 0 32px #00c8ff66}.game-tile__hold-arc-dot:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:14px;height:14px;border-radius:50%;border:2px solid rgba(0,200,255,.9);opacity:0;pointer-events:none}.game-tile__hold-arc-dot:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%);width:64px;height:28px;pointer-events:none}.game-tile__hold-arc-dot--ripple{animation:arcDotDim .45s ease-out forwards}.game-tile__hold-arc-dot--ripple:before{animation:arcRingExpand .45s ease-out forwards}@keyframes rectTapDissolve{0%{mask-size:100% 100%,75% 75%;-webkit-mask-size:100% 100%,75% 75%}to{mask-size:100% 100%,100% 100%;-webkit-mask-size:100% 100%,100% 100%}}@keyframes holdRingBurst{0%{transform:translate(-50%) scale(.75);opacity:.5}60%{transform:translate(-50%) scale(1.18);opacity:1}to{transform:translate(-50%) scale(1);opacity:1}}@keyframes arcDotDim{0%{opacity:1}40%{opacity:.2}to{opacity:1}}@keyframes arcRingExpand{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(6);opacity:0}}.btn-ghost--xs{padding:.25rem .6rem;font-size:14px}.classic-board__bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#4facfe,#9b7fe8,#00f2fe,#a78bfa,#4facfe);background-size:400% 400%;animation:classicBgShift 10s ease-in-out infinite;z-index:0}.classic-board__bg-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 50% at 50% 60%,rgba(255,255,255,.18) 0%,transparent 70%);animation:classicGlowPulse 5s ease-in-out infinite alternate;pointer-events:none;z-index:0}.classic-board__bokeh{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;overflow:hidden}.classic-board__bokeh-circle{position:absolute;border-radius:50%;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}.classic-board__lanes{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(4,1fr);pointer-events:none;z-index:2}.classic-board__lane{border-right:1px solid rgba(255,255,255,.3)}.classic-board__lane:last-child{border-right:none}.classic-board__back-btn{position:absolute;left:16px;top:20px;z-index:1000;background:none;border:none;cursor:pointer;color:#fffffff2;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 2px 8px rgba(0,0,0,.4));transition:opacity .3s;padding:4px}.classic-board__score{position:absolute;top:16px;left:50%;transform:translate(-50%);z-index:1000;font-size:48px;font-weight:700;font-family:Arial,sans-serif;color:#ff4b4b;-webkit-text-stroke:1.5px #fff;text-shadow:0 2px 8px rgba(0,0,0,.3);line-height:1;pointer-events:none}.classic-board__viewport{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;overflow-x:hidden;background:transparent}.classic-board__viewport::-webkit-scrollbar{display:none}.classic-board__viewport{-ms-overflow-style:none;scrollbar-width:none}.classic-board__particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;overflow:hidden}.classic-board__particle{position:absolute;border-radius:50%;filter:blur(3px);animation-name:particleRise;animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:none}.classic-board .game-tile__label{display:none}@keyframes classicBgShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes classicGlowPulse{0%{opacity:.6;transform:scale(1)}to{opacity:1;transform:scale(1.08)}}@keyframes particleRise{0%{transform:translateY(0);opacity:0}8%{opacity:.35}85%{opacity:.25}to{transform:translateY(-110vh);opacity:0}}@keyframes bokehFloat{0%{transform:translateY(0) scale(1);opacity:.55}to{transform:translateY(-120px) scale(1.25);opacity:.9}}@keyframes bokehDrift{0%{transform:translate(0) scale(1);opacity:.5}33%{transform:translate(30px,-90px) scale(1.2);opacity:.85}66%{transform:translate(-20px,-150px) scale(1.05);opacity:.7}to{transform:translate(0) scale(1);opacity:.5}}.studio-tabs{display:flex;gap:0;border-bottom:2px solid #2a2a36}.studio-tab{padding:.55rem 1.1rem;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;color:#5a5a72;font-family:Inter,sans-serif;font-size:14px;letter-spacing:.08em;cursor:pointer;transition:color .15s ease,border-color .15s ease}.studio-tab:hover{color:#e8e8f0}.studio-tab--active{color:#c8ff00;border-bottom-color:#c8ff00}.library-tab{background:#111116;border:1px solid #2a2a36;border-radius:4px;overflow:hidden;display:flex;flex-direction:column}.library-tab__search{padding:.65rem .9rem;border-bottom:1px solid #2a2a36;flex-shrink:0}.library-tab__input{width:100%;background:#1a1a22;border:1px solid #2a2a36;border-radius:3px;padding:.45rem .7rem;color:#e8e8f0;font-family:Inter,sans-serif;font-size:12px;outline:none;transition:border-color .15s ease}.library-tab__input:focus{border-color:#5a5a72}.library-tab__input::placeholder{color:#5a5a72}.library-tab__list{list-style:none;overflow-y:auto;flex:1;max-height:calc(100vh - 280px)}.library-tab__item{display:flex;flex-direction:column}.library-tab__row{display:flex;align-items:center;gap:.55rem;padding:.5rem .9rem;background:none;border:none;color:#e8e8f0;font-family:Inter,sans-serif;font-size:12px;cursor:pointer;text-align:left;width:100%;transition:background .15s ease}.library-tab__row:hover:not(:disabled){background:#1a1a22}.library-tab__row:disabled{cursor:wait;opacity:.6}.library-tab__row--open{background:#1a1a22;color:#c8ff00}.library-tab__row--current .library-tab__name{color:#c8ff00}.library-tab__chevron{color:#5a5a72;font-size:11px;width:12px;text-align:center;flex-shrink:0}.library-tab__row--open .library-tab__chevron{color:#c8ff00}.library-tab__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-tab__active-dot{width:6px;height:6px;border-radius:50%;background:#c8ff00;flex-shrink:0}.library-tab__detail{display:flex;flex-direction:column;gap:1px;background:#2a2a36;border-top:1px solid #2a2a36;border-bottom:1px solid #2a2a36}.library-tab__scores{display:flex;align-items:center;gap:.45rem;padding:.45rem .9rem .45rem 2.1rem;background:#1a1a22;flex-wrap:wrap}.library-tab__scores-label{font-family:Inter,sans-serif;font-size:10px;color:#5a5a72;letter-spacing:.05em;text-transform:uppercase;flex-shrink:0;margin-right:.1rem}.library-tab__score-chip{font-family:Inter,sans-serif;font-size:10px;padding:.18rem .55rem;border-radius:100px;border:1px solid #2a2a36;background:#111116;color:#5a5a72;cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease}.library-tab__score-chip:hover{border-color:#5a5a72;color:#e8e8f0}.library-tab__score-chip--active{border-color:#c8ff00;color:#c8ff00;background:#c8ff0012}.library-tab__diff-btn{display:flex;align-items:center;gap:.6rem;padding:.5rem .9rem .5rem 2.1rem;background:#1a1a22;border:none;color:#e8e8f0;font-family:Inter,sans-serif;font-size:11px;cursor:pointer;text-align:left;width:100%;transition:background .15s ease}.library-tab__diff-btn:hover{background:#0a0a0c}.library-tab__diff-btn:hover .library-tab__diff-label{color:var(--diff-color, #c8ff00)}.library-tab__diff-btn:hover .library-tab__diff-load{opacity:1;color:var(--diff-color, #c8ff00)}.library-tab__diff-label{font-weight:700;font-size:11px;letter-spacing:.05em;color:#5a5a72;width:50px;transition:color .15s ease}.library-tab__diff-bpm{color:#5a5a72;flex:1}.library-tab__diff-load{font-size:10px;opacity:0;color:#5a5a72;transition:opacity .15s ease,color .15s ease}.library-tab__empty{padding:1.2rem .9rem;font-size:12px;color:#5a5a72;font-family:Inter,sans-serif}.song-selection{width:100%;height:100%;background:linear-gradient(180deg,#74a1ee,#85c3f3 40%,#86c4f4);border-radius:4px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 10px 30px #00000026;font-family:Inter,sans-serif;color:#fff;border:1px solid rgba(255,255,255,.4)}.song-selection__search-bar{padding:0 1rem;margin-bottom:1rem;display:flex;align-items:center;gap:10px}.song-selection__search-bar .search{flex:1;display:flex;align-items:center;background:#fff3;border-radius:12px;padding:8px 12px;color:#fff}.song-selection__search-bar .search input{background:transparent;border:none;color:#fff;outline:none;width:100%;margin-left:8px;font-size:14px;font-weight:500}.song-selection__search-bar .search input::placeholder{color:#ffffffb3}.song-selection__list{flex:1;overflow-y:auto;padding:0 1rem;position:relative;display:block}.song-selection__list::-webkit-scrollbar{width:4px}.song-selection__list::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.song-selection__song-card{background:#fff;border-radius:16px;display:flex;position:relative;overflow:hidden;color:#2d3748;box-shadow:0 4px 10px #0000001a;transition:transform .2s,box-shadow .2s}.song-selection__song-card:hover{transform:translateY(-2px);box-shadow:0 6px 15px #00000026}.song-selection__song-card .level-tab{width:32px;background:linear-gradient(135deg,#f6e05e,#d69e2e);color:#fff;font-weight:800;font-size:12px;display:flex;padding-top:8px;justify-content:center}.song-selection__song-card .content{flex:1;padding:12px;display:flex;flex-direction:column;justify-content:center}.song-selection__song-card .content .title{font-weight:800;font-size:16px;color:#2c5282}.song-selection__song-card .content .author{font-size:12px;color:#a0aec0;font-weight:500}.song-selection__song-card .actions{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;padding:12px}.song-selection__song-card .actions .play-btn{background:#1aaeea;color:#fff;border:none;border-radius:20px;padding:8px 24px;font-weight:800;font-size:14px;cursor:pointer;box-shadow:0 4px 10px #1aaeea4d}.song-selection__song-card .actions .play-btn:hover{background:#0d9ed8}.song-selection__song-card .actions .play-btn:active{transform:scale(.95)}.home-screen{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#4facfe,#9b7fe8,#00f2fe,#a78bfa,#4facfe);background-size:400% 400%;animation:classicBgShift 10s ease-in-out infinite;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.5rem;font-family:Inter,sans-serif;overflow:hidden}.home-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 50% at 50% 60%,rgba(255,255,255,.18) 0%,transparent 70%);pointer-events:none}.home-screen__hero{display:flex;flex-direction:column;align-items:center;gap:.6rem;text-align:center;position:relative;z-index:1}.home-screen__title{font-size:clamp(2.8rem,10vw,5.5rem);font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#fff;margin:0;line-height:1;text-shadow:0 4px 24px rgba(0,0,0,.25)}.home-screen__title-accent{animation:homeTitleGlow 3s ease-in-out infinite}.home-screen__tagline{font-size:clamp(.6rem,2vw,.75rem);font-weight:600;letter-spacing:.4em;text-transform:uppercase;color:#ffffffbf;margin:0}.home-screen__loader{display:flex;flex-direction:column;align-items:center;gap:.8rem;width:min(300px,72%);position:relative;z-index:1}.home-screen__progress-bar{width:100%;height:12px;background:#00000040;border-radius:8px;overflow:hidden;box-shadow:inset 0 2px 4px #0003}.home-screen__progress-fill{height:100%;border-radius:8px;background:linear-gradient(to right,#1565c0,#308af1 60%,#00dcff);box-shadow:0 0 12px #00dcff8c,0 0 4px #308af1cc;transition:width .25s ease}.home-screen__status{font-size:.72rem;font-weight:500;color:#ffffffbf;letter-spacing:.03em;margin:0;height:1.2em}.home-screen__error{display:flex;flex-direction:column;align-items:center;gap:.5rem}.home-screen__error-msg{font-size:.72rem;color:#ffe0e4;letter-spacing:.03em}.home-screen__retry-btn{font-family:Inter,sans-serif;font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:#ffffff26;border:1px solid rgba(255,255,255,.5);border-radius:20px;padding:.4rem 1.2rem;cursor:pointer;transition:background .15s ease}.home-screen__retry-btn:hover{background:#ffffff47}.home-screen__play-btn{font-family:Inter,sans-serif;font-size:1rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:#1aaeea;border:2.5px solid rgba(255,255,255,.75);border-radius:20px;padding:.85rem 3.5rem;cursor:pointer;box-shadow:0 4px 12px #0003,0 2px 6px #1aaeea59;transition:opacity .6s ease,transform .15s ease,box-shadow .15s ease;position:relative;z-index:1}.home-screen__play-btn:hover{background:#0d9ed8;transform:translateY(-2px);box-shadow:0 6px 16px #00000040,0 3px 8px #1aaeea73}.home-screen__play-btn:active{transform:translateY(0)}@keyframes homeTitleGlow{0%,to{text-shadow:0 4px 24px rgba(0,0,0,.25)}50%{text-shadow:0 4px 40px rgba(255,255,255,.4),0 0 60px rgba(255,255,255,.18)}}