.HarmonyContainer-module__7uxjQq__container{z-index:1;flex-direction:column;align-items:center;gap:15px;width:100%;height:100dvh;padding:4rem 0 1rem;display:flex;position:relative;overflow:hidden}.HarmonyContainer-module__7uxjQq__zoneHeader{flex-direction:column;flex-shrink:0;align-items:center;gap:20px;width:100%;display:flex}.HarmonyContainer-module__7uxjQq__zonePlanets{flex:1 1 0;width:100%;min-height:0;position:relative;overflow:visible}.HarmonyContainer-module__7uxjQq__zoneControls{flex-direction:column;flex-shrink:0;align-items:center;gap:.5rem;width:100%;padding:20px 0;display:flex}.HarmonyContainer-module__7uxjQq__titleSection{text-align:center}.HarmonyContainer-module__7uxjQq__title{font-family:var(--font-orbitron), var(--font-do-hyeon), sans-serif;letter-spacing:.2em;color:rgba(var(--js2-primary-pale), .9);text-shadow:0 0 20px rgba(var(--js2-primary), .7), 0 0 50px rgba(var(--js2-primary), .3);margin:0;font-size:clamp(1.3rem,5vw,2rem);font-weight:700}.HarmonyContainer-module__7uxjQq__subtitle{font-family:var(--font-orbitron), var(--font-do-hyeon), sans-serif;letter-spacing:.3em;color:rgba(var(--js2-primary-mid), .5);margin-top:.6rem;font-size:clamp(.68rem,2.5vw,.82rem);font-weight:300}.HarmonyContainer-module__7uxjQq__modeTabs{background:rgba(var(--js2-primary), .06);border:1px solid rgba(var(--js2-primary), .2);border-radius:6px;gap:2px;width:100%;max-width:400px;padding:2px;display:flex}.HarmonyContainer-module__7uxjQq__modeTab{font-family:var(--font-orbitron), var(--font-do-hyeon), sans-serif;letter-spacing:.06em;color:rgba(var(--js2-primary-mid), .45);cursor:pointer;background:0 0;border:none;border-radius:4px;flex:1;padding:.5rem .8rem;font-size:clamp(.65rem,2vw,.78rem);transition:background .25s,color .25s}.HarmonyContainer-module__7uxjQq__modeTab:hover:not(:disabled){color:rgba(var(--js2-primary-light), .7)}.HarmonyContainer-module__7uxjQq__modeTab:disabled{cursor:default}.HarmonyContainer-module__7uxjQq__modeTabActive{background:rgba(var(--js2-primary), .18);color:rgba(var(--js2-primary-pale), .9);box-shadow:0 0 8px rgba(var(--js2-primary), .2)}.HarmonyContainer-module__7uxjQq__orbitalView{transform-origin:50%;position:absolute;top:50%;left:50%}.HarmonyContainer-module__7uxjQq__sun{z-index:2;background:radial-gradient(circle,#ffe066 30%,orange 70%,#0000 100%);border-radius:50%;width:16px;height:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 12px #ffc83ccc,0 0 30px #ffa01466}.HarmonyContainer-module__7uxjQq__orbitWrapper{pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.HarmonyContainer-module__7uxjQq__orbit{width:var(--orbit-size);height:var(--orbit-size);border:1px solid rgba(var(--js2-primary), .12);border-radius:50%;transition:border-color .4s,box-shadow .4s}.HarmonyContainer-module__7uxjQq__orbitActive{border-color:var(--orbit-color);box-shadow:0 0 8px color-mix(in srgb, var(--orbit-color) 30%, transparent), inset 0 0 8px color-mix(in srgb, var(--orbit-color) 15%, transparent)}.HarmonyContainer-module__7uxjQq__planetDot{width:var(--dot-size);height:var(--dot-size);background:var(--dot-color);cursor:pointer;pointer-events:auto;transform:translate(calc(-50% + var(--dot-x)), calc(-50% + var(--dot-y)));opacity:.5;z-index:3;border:none;border-radius:50%;transition:opacity .3s,box-shadow .3s,transform .3s;position:absolute;top:50%;left:50%}.HarmonyContainer-module__7uxjQq__planetDot:hover:not(:disabled){opacity:.8;transform:translate(calc(-50% + var(--dot-x)), calc(-50% + var(--dot-y))) scale(1.15)}.HarmonyContainer-module__7uxjQq__planetDot:disabled{cursor:default}.HarmonyContainer-module__7uxjQq__planetDotActive{opacity:1;animation:2s ease-in-out infinite HarmonyContainer-module__7uxjQq__dotPulse}@keyframes HarmonyContainer-module__7uxjQq__dotPulse{0%,to{box-shadow:0 0 8px var(--dot-color), 0 0 20px color-mix(in srgb, var(--dot-color) 50%, transparent)}50%{box-shadow:0 0 14px var(--dot-color), 0 0 36px color-mix(in srgb, var(--dot-color) 70%, transparent)}}.HarmonyContainer-module__7uxjQq__recordingBadge{z-index:5;background:#dc26261f;border:1px solid #dc262666;border-radius:6px;align-items:center;gap:.5rem;padding:.35rem .8rem;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.HarmonyContainer-module__7uxjQq__recordDotAnim{background:#dc2626;border-radius:50%;width:10px;height:10px;animation:1s ease-in-out infinite HarmonyContainer-module__7uxjQq__recPulse;display:block}@keyframes HarmonyContainer-module__7uxjQq__recPulse{0%,to{opacity:1;box-shadow:0 0 6px #dc2626cc}50%{opacity:.4;box-shadow:0 0 2px #dc26264d}}.HarmonyContainer-module__7uxjQq__recordTimerText{font-family:var(--font-orbitron), var(--font-do-hyeon), sans-serif;color:#dc2626e6;letter-spacing:.08em;font-size:.82rem;font-weight:700}.HarmonyContainer-module__7uxjQq__recordMax{font-family:var(--font-orbitron), var(--font-do-hyeon), sans-serif;color:#dc262666;letter-spacing:.06em;font-size:.68rem}.HarmonyContainer-module__7uxjQq__playbackBadge{background:rgba(var(--js2-primary), .12);border:1px solid rgba(var(--js2-primary), .4);border-radius:6px;justify-content:center;align-items:center;gap:.5rem;padding:.35rem .8rem;display:flex}.HarmonyContainer-module__7uxjQq__playbackDotAnim{background:rgba(var(--js2-primary-pale), .9);border-radius:50%;width:10px;height:10px;animation:1.5s ease-in-out infinite HarmonyContainer-module__7uxjQq__playPulse;display:block}@keyframes HarmonyContainer-module__7uxjQq__playPulse{0%,to{opacity:1}50%{opacity:.35}}.HarmonyContainer-module__7uxjQq__playbackLabel{font-family:var(--font-orbitron), var(--font-do-hyeon), sans-serif;color:rgba(var(--js2-primary-pale), .8);letter-spacing:.08em;font-size:.78rem}.HarmonyContainer-module__7uxjQq__hint{font-family:var(--font-orbitron), var(--font-do-hyeon), sans-serif;color:rgba(var(--js2-primary-mid), .4);letter-spacing:.08em;font-size:clamp(.78rem,2.5vw,.82rem);transition:opacity .3s;animation:3s ease-in-out infinite HarmonyContainer-module__7uxjQq__hintFade}.HarmonyContainer-module__7uxjQq__hintHidden{visibility:hidden;animation:none}@keyframes HarmonyContainer-module__7uxjQq__hintFade{0%,to{opacity:.5}50%{opacity:1}}.HarmonyContainer-module__7uxjQq__controls{grid-template-columns:repeat(4,1fr);gap:.4rem;width:100%;max-width:480px;display:grid}.HarmonyContainer-module__7uxjQq__planetBtn{background:rgba(var(--js2-primary), .06);border:1px solid rgba(var(--js2-primary), .18);color:rgba(var(--js2-primary-light), .6);font-family:var(--font-orbitron), var(--font-do-hyeon), sans-serif;cursor:pointer;border-radius:6px;align-items:center;gap:.4rem;padding:.5rem .6rem;font-size:clamp(.65rem,2vw,.78rem);transition:border-color .25s,background .25s,color .25s,box-shadow .25s;display:flex}.HarmonyContainer-module__7uxjQq__planetBtn:hover{border-color:var(--btn-color);background:rgba(var(--js2-primary), .12);color:rgba(var(--js2-primary-pale), .9)}.HarmonyContainer-module__7uxjQq__planetBtnActive{border-color:var(--btn-color);background:rgba(var(--js2-primary), .15);color:rgba(var(--js2-primary-pale), 1);box-shadow:0 0 10px color-mix(in srgb, var(--btn-color) 35%, transparent)}.HarmonyContainer-module__7uxjQq__planetIndicator{background-color:var(--btn-color);opacity:.7;border-radius:50%;flex-shrink:0;width:9px;height:9px;transition:opacity .25s;display:block}.HarmonyContainer-module__7uxjQq__planetIndicatorActive{opacity:1;box-shadow:0 0 6px}.HarmonyContainer-module__7uxjQq__planetLabel{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.HarmonyContainer-module__7uxjQq__controlBar{flex-wrap:wrap;justify-content:center;align-items:center;gap:.8rem;width:100%;display:flex}.HarmonyContainer-module__7uxjQq__scaleSelector{flex-wrap:wrap;align-items:center;gap:.3rem;width:100%;max-width:640px;margin:0 auto .6rem;display:flex}.HarmonyContainer-module__7uxjQq__scaleSelector .HarmonyContainer-module__7uxjQq__scaleBtn{white-space:nowrap;flex:1;justify-content:center;min-width:0}.HarmonyContainer-module__7uxjQq__scaleBtn{font-family:var(--font-orbitron), var(--font-do-hyeon), sans-serif;background:rgba(var(--js2-primary), .06);border:1px solid rgba(var(--js2-primary), .2);color:rgba(var(--js2-primary-light), .55);cursor:pointer;border-radius:4px;align-items:center;gap:.25rem;padding:.4rem .7rem;font-size:clamp(.68rem,2.2vw,.78rem);transition:background .2s,border-color .2s,color .2s;display:inline-flex}.HarmonyContainer-module__7uxjQq__scaleBtn:hover{border-color:rgba(var(--js2-primary), .5);color:rgba(var(--js2-primary-pale), .8)}.HarmonyContainer-module__7uxjQq__scaleBtnActive{background:rgba(var(--js2-primary), .2);border-color:rgba(var(--js2-primary), .7);color:rgba(var(--js2-primary-pale), 1);box-shadow:0 0 8px rgba(var(--js2-primary), .3)}.HarmonyContainer-module__7uxjQq__actionRow{justify-content:center;align-items:center;gap:.4rem;width:100%;display:flex}.HarmonyContainer-module__7uxjQq__bulkBtn{font-family:var(--font-orbitron), var(--font-do-hyeon), sans-serif;letter-spacing:.08em;border:1px solid rgba(var(--js2-primary), .18);color:rgba(var(--js2-primary-mid), .45);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;padding:.5rem 1rem;font-size:clamp(.65rem,2vw,.78rem);transition:border-color .2s,color .2s;display:flex}.HarmonyContainer-module__7uxjQq__bulkBtn:hover{border-color:rgba(var(--js2-primary), .5);color:rgba(var(--js2-primary-pale), .8)}.HarmonyContainer-module__7uxjQq__recordBtn{font-family:var(--font-orbitron), var(--font-do-hyeon), sans-serif;letter-spacing:.08em;color:#dc2626cc;cursor:pointer;background:#dc262614;border:1px solid #dc262659;border-radius:6px;align-items:center;gap:.45rem;padding:.5rem 1rem;font-size:clamp(.65rem,2vw,.78rem);transition:background .25s,border-color .25s,box-shadow .25s;display:flex}.HarmonyContainer-module__7uxjQq__recordBtn:hover{background:#dc262629;border-color:#dc262699;box-shadow:0 0 12px #dc262640}.HarmonyContainer-module__7uxjQq__recordIcon{background:#dc2626;border-radius:50%;flex-shrink:0;width:10px;height:10px;display:block}.HarmonyContainer-module__7uxjQq__stopRecordBtn{font-family:var(--font-orbitron), var(--font-do-hyeon), sans-serif;letter-spacing:.08em;color:#ffffffe6;cursor:pointer;background:#dc262633;border:1px solid #dc262699;border-radius:6px;align-items:center;gap:.45rem;padding:.5rem 1rem;font-size:clamp(.65rem,2vw,.78rem);animation:1.5s ease-in-out infinite HarmonyContainer-module__7uxjQq__recBorderPulse;display:flex}.HarmonyContainer-module__7uxjQq__stopRecordBtn:hover{background:#dc26264d}@keyframes HarmonyContainer-module__7uxjQq__recBorderPulse{0%,to{box-shadow:0 0 8px #dc26264d}50%{box-shadow:0 0 16px #dc262699}}.HarmonyContainer-module__7uxjQq__stopIcon{background:#fff;border-radius:2px;flex-shrink:0;width:10px;height:10px;display:block}.HarmonyContainer-module__7uxjQq__saveDialog{background:rgba(var(--js2-primary), .06);border:1px solid rgba(var(--js2-primary), .25);border-radius:6px;flex-direction:column;align-items:center;gap:.8rem;width:100%;max-width:400px;padding:1.5rem;display:flex}.HarmonyContainer-module__7uxjQq__saveDialogTitle{font-family:var(--font-orbitron), var(--font-do-hyeon), sans-serif;color:rgba(var(--js2-primary-pale), .9);letter-spacing:.1em;margin:0;font-size:clamp(.82rem,3vw,1rem);font-weight:700}.HarmonyContainer-module__7uxjQq__saveMeta{font-family:var(--font-orbitron), var(--font-do-hyeon), sans-serif;color:rgba(var(--js2-primary-mid), .5);letter-spacing:.06em;font-size:clamp(.65rem,2vw,.78rem)}.HarmonyContainer-module__7uxjQq__saveUsedPlanets{justify-content:center;gap:.4rem;display:flex}.HarmonyContainer-module__7uxjQq__savePlanetDot{background:var(--save-dot-color);opacity:.2;border-radius:50%;width:10px;height:10px;transition:opacity .3s;display:block}.HarmonyContainer-module__7uxjQq__savePlanetDotUsed{opacity:1;box-shadow:0 0 6px var(--save-dot-color)}.HarmonyContainer-module__7uxjQq__saveInput{width:100%;font-family:var(--font-orbitron), var(--font-do-hyeon), sans-serif;border:1px solid rgba(var(--js2-primary), .3);color:rgba(var(--js2-primary-pale), .9);background:#0000004d;border-radius:4px;outline:none;padding:.6rem .8rem;font-size:clamp(.75rem,2.5vw,.82rem);transition:border-color .2s}.HarmonyContainer-module__7uxjQq__saveInput::placeholder{color:rgba(var(--js2-primary-mid), .35)}.HarmonyContainer-module__7uxjQq__saveInput:focus{border-color:rgba(var(--js2-primary), .7);box-shadow:0 0 8px rgba(var(--js2-primary), .2)}.HarmonyContainer-module__7uxjQq__saveActions{gap:.6rem;width:100%;display:flex}.HarmonyContainer-module__7uxjQq__saveBtn{font-family:var(--font-orbitron), var(--font-do-hyeon), sans-serif;letter-spacing:.08em;background:rgba(var(--js2-primary), .2);border:1px solid rgba(var(--js2-primary), .6);color:rgba(var(--js2-primary-pale), .9);cursor:pointer;border-radius:6px;flex:1;padding:.55rem;font-size:clamp(.65rem,2vw,.75rem);transition:background .2s,box-shadow .2s}.HarmonyContainer-module__7uxjQq__saveBtn:hover:not(:disabled){background:rgba(var(--js2-primary), .35);box-shadow:0 0 12px rgba(var(--js2-primary), .35)}.HarmonyContainer-module__7uxjQq__saveBtn:disabled{opacity:.35;cursor:not-allowed}.HarmonyContainer-module__7uxjQq__discardBtn{font-family:var(--font-orbitron), var(--font-do-hyeon), sans-serif;letter-spacing:.08em;border:1px solid rgba(var(--js2-primary), .2);color:rgba(var(--js2-primary-mid), .55);cursor:pointer;background:0 0;border-radius:6px;flex:1;padding:.55rem;font-size:clamp(.65rem,2vw,.75rem);transition:border-color .2s,color .2s}.HarmonyContainer-module__7uxjQq__discardBtn:hover{border-color:rgba(var(--js2-primary), .5);color:rgba(var(--js2-primary-pale), .8)}.HarmonyContainer-module__7uxjQq__maxWarning{font-family:var(--font-orbitron), var(--font-do-hyeon), sans-serif;color:#ffb43cb3;text-align:center;font-size:clamp(.62rem,1.8vw,.68rem)}.HarmonyContainer-module__7uxjQq__emptyWarning{font-family:var(--font-orbitron), var(--font-do-hyeon), sans-serif;color:#dc262699;text-align:center;font-size:clamp(.62rem,1.8vw,.68rem)}.HarmonyContainer-module__7uxjQq__listSection{flex-direction:column;flex:1 1 0;align-items:center;width:100%;min-height:0;display:flex;position:relative;overflow:hidden auto}.HarmonyContainer-module__7uxjQq__compositionList{grid-template-columns:repeat(3,1fr);align-content:start;gap:.75rem;width:100%;max-width:1024px;display:grid;position:relative}.HarmonyContainer-module__7uxjQq__compositionCard{background:rgba(var(--js2-primary), .06);border:1px solid rgba(var(--js2-primary), .2);border-radius:6px;flex-direction:column;gap:.5rem;padding:1rem;transition:border-color .25s,box-shadow .25s;display:flex}.HarmonyContainer-module__7uxjQq__compositionCard:hover{border-color:rgba(var(--js2-primary), .4);box-shadow:0 0 12px rgba(var(--js2-primary), .1)}.HarmonyContainer-module__7uxjQq__cardTop{justify-content:space-between;align-items:center;display:flex}.HarmonyContainer-module__7uxjQq__cardName{font-family:var(--font-orbitron), var(--font-do-hyeon), sans-serif;color:rgba(var(--js2-primary-pale), .9);letter-spacing:.06em;font-size:clamp(.75rem,2.5vw,.88rem);font-weight:600}.HarmonyContainer-module__7uxjQq__cardDuration{font-family:var(--font-orbitron), var(--font-do-hyeon), sans-serif;color:rgba(var(--js2-primary-mid), .5);letter-spacing:.06em;font-size:clamp(.65rem,2vw,.75rem)}.HarmonyContainer-module__7uxjQq__cardMiddle{justify-content:space-between;align-items:center;display:flex}.HarmonyContainer-module__7uxjQq__cardPlanets{gap:.35rem;display:flex}.HarmonyContainer-module__7uxjQq__cardDot{background:var(--card-dot-color);opacity:.15;border-radius:50%;width:8px;height:8px;display:block}.HarmonyContainer-module__7uxjQq__cardDotUsed{opacity:1;box-shadow:0 0 4px var(--card-dot-color)}.HarmonyContainer-module__7uxjQq__cardScale{font-family:var(--font-orbitron), var(--font-do-hyeon), sans-serif;color:rgba(var(--js2-primary-mid), .4);letter-spacing:.06em;font-size:clamp(.6rem,1.8vw,.65rem)}.HarmonyContainer-module__7uxjQq__cardActions{gap:.5rem;display:flex}.HarmonyContainer-module__7uxjQq__cardPlayBtn{font-family:var(--font-orbitron), var(--font-do-hyeon), sans-serif;letter-spacing:.06em;background:rgba(var(--js2-primary), .15);border:1px solid rgba(var(--js2-primary), .45);color:rgba(var(--js2-primary-pale), .85);cursor:pointer;border-radius:4px;flex:1;padding:.45rem .8rem;font-size:clamp(.65rem,2vw,.75rem);transition:background .2s,box-shadow .2s}.HarmonyContainer-module__7uxjQq__cardPlayBtn:hover:not(:disabled){background:rgba(var(--js2-primary), .28);box-shadow:0 0 10px rgba(var(--js2-primary), .3)}.HarmonyContainer-module__7uxjQq__cardPlayBtn:disabled{opacity:.3;cursor:not-allowed}.HarmonyContainer-module__7uxjQq__cardDeleteBtn{font-family:var(--font-orbitron), var(--font-do-hyeon), sans-serif;color:#dc262680;cursor:pointer;background:0 0;border:1px solid #dc262633;border-radius:4px;padding:.45rem .8rem;font-size:clamp(.65rem,2vw,.75rem);transition:border-color .2s,color .2s}.HarmonyContainer-module__7uxjQq__cardDeleteBtn:hover{color:#dc2626cc;border-color:#dc262680}.HarmonyContainer-module__7uxjQq__emptyState{text-align:center;flex-direction:column;align-items:center;gap:.6rem;padding:2.5rem 1rem;display:flex}.HarmonyContainer-module__7uxjQq__emptyText{font-family:var(--font-orbitron), var(--font-do-hyeon), sans-serif;color:rgba(var(--js2-primary-mid), .5);letter-spacing:.06em;font-size:clamp(.75rem,2.5vw,.88rem)}.HarmonyContainer-module__7uxjQq__emptyHint{font-family:var(--font-orbitron), var(--font-do-hyeon), sans-serif;color:rgba(var(--js2-primary-mid), .35);max-width:300px;font-size:clamp(.65rem,2vw,.78rem)}.HarmonyContainer-module__7uxjQq__goCreateBtn{font-family:var(--font-orbitron), var(--font-do-hyeon), sans-serif;letter-spacing:.08em;background:rgba(var(--js2-primary), .12);border:1px solid rgba(var(--js2-primary), .35);color:rgba(var(--js2-primary-pale), .8);cursor:pointer;border-radius:6px;padding:.55rem 1.2rem;font-size:clamp(.65rem,2vw,.78rem);transition:background .2s,box-shadow .2s}.HarmonyContainer-module__7uxjQq__goCreateBtn:hover{background:rgba(var(--js2-primary), .25);box-shadow:0 0 10px rgba(var(--js2-primary), .25)}.HarmonyContainer-module__7uxjQq__playbackBar{background:rgba(var(--js2-primary), .06);border:1px solid rgba(var(--js2-primary), .25);border-radius:6px;flex-direction:column;gap:.6rem;width:100%;max-width:480px;padding:1rem;display:flex}.HarmonyContainer-module__7uxjQq__playbackHeader{justify-content:space-between;align-items:center;display:flex}.HarmonyContainer-module__7uxjQq__playbackName{font-family:var(--font-orbitron), var(--font-do-hyeon), sans-serif;color:rgba(var(--js2-primary-pale), .9);letter-spacing:.06em;font-size:clamp(.78rem,2.5vw,.82rem);font-weight:600}.HarmonyContainer-module__7uxjQq__playbackTime{font-family:var(--font-orbitron), var(--font-do-hyeon), sans-serif;color:rgba(var(--js2-primary-mid), .6);letter-spacing:.06em;font-size:clamp(.65rem,2vw,.75rem)}.HarmonyContainer-module__7uxjQq__timeline{background:rgba(var(--js2-primary), .08);border-radius:4px;width:100%;height:24px;position:relative;overflow:hidden}.HarmonyContainer-module__7uxjQq__timelineProgress{width:var(--progress);background:linear-gradient(90deg, rgba(var(--js2-primary), .25) 0%, rgba(var(--js2-primary), .15) 100%);border-right:2px solid rgba(var(--js2-primary-pale), .6);height:100%;transition:width 50ms linear;position:absolute;top:0;left:0}.HarmonyContainer-module__7uxjQq__timelineMarker{top:50%;left:var(--marker-pos);background:var(--marker-color);opacity:.7;border-radius:2px;width:4px;height:12px;position:absolute;transform:translate(-50%,-50%)}.HarmonyContainer-module__7uxjQq__timelineMarkerScale{opacity:.5;background:#fff6;width:2px;height:20px}.HarmonyContainer-module__7uxjQq__stopPlaybackBtn{font-family:var(--font-orbitron), var(--font-do-hyeon), sans-serif;letter-spacing:.08em;background:rgba(var(--js2-primary), .15);border:1px solid rgba(var(--js2-primary), .4);color:rgba(var(--js2-primary-pale), .85);cursor:pointer;border-radius:6px;align-self:center;padding:.5rem 1.2rem;font-size:clamp(.65rem,2vw,.78rem);transition:background .2s,box-shadow .2s}.HarmonyContainer-module__7uxjQq__stopPlaybackBtn:hover{background:rgba(var(--js2-primary), .3);box-shadow:0 0 10px rgba(var(--js2-primary), .3)}.HarmonyContainer-module__7uxjQq__replayBtn{font-family:var(--font-orbitron), var(--font-do-hyeon), sans-serif;letter-spacing:.08em;background:rgba(var(--js2-primary), .2);border:1px solid rgba(var(--js2-primary), .6);color:rgba(var(--js2-primary-pale), .9);cursor:pointer;border-radius:6px;margin:0 auto;padding:.5rem 1.4rem;font-size:clamp(.65rem,2vw,.78rem);transition:background .2s,box-shadow .2s}.HarmonyContainer-module__7uxjQq__replayBtn:hover{background:rgba(var(--js2-primary), .35);box-shadow:0 0 12px rgba(var(--js2-primary), .4)}.HarmonyContainer-module__7uxjQq__playbackActions{align-items:center;width:100%;display:flex;position:relative}.HarmonyContainer-module__7uxjQq__backToListBtn{font-family:var(--font-orbitron), var(--font-do-hyeon), sans-serif;letter-spacing:.08em;border:1px solid rgba(var(--js2-primary), .2);color:rgba(var(--js2-primary-mid), .55);cursor:pointer;background:0 0;border-radius:6px;padding:.5rem 1rem;font-size:clamp(.65rem,2vw,.78rem);transition:border-color .2s,color .2s;position:absolute;right:0}.HarmonyContainer-module__7uxjQq__backToListBtn:hover{border-color:rgba(var(--js2-primary), .5);color:rgba(var(--js2-primary-pale), .8)}.HarmonyContainer-module__7uxjQq__containerPlayback{padding-bottom:1.5rem}.HarmonyContainer-module__7uxjQq__containerPlayback .HarmonyContainer-module__7uxjQq__modeTabs,.HarmonyContainer-module__7uxjQq__containerPlayback .HarmonyContainer-module__7uxjQq__quote{display:none}.HarmonyContainer-module__7uxjQq__containerPlayback .HarmonyContainer-module__7uxjQq__playbackBar{flex-shrink:0;width:100%;max-width:520px}.HarmonyContainer-module__7uxjQq__quoteWrap{text-align:center;flex-shrink:0;width:100%}.HarmonyContainer-module__7uxjQq__quote{font-family:var(--font-orbitron), var(--font-do-hyeon), sans-serif;color:rgba(var(--js2-primary-mid), .3);letter-spacing:.06em;text-align:center;font-size:clamp(.65rem,2vw,.78rem);font-style:italic}@media (max-width:767px){.HarmonyContainer-module__7uxjQq__container{width:92vw;margin:0 auto;padding-top:4rem}.HarmonyContainer-module__7uxjQq__controls{grid-template-columns:repeat(4,1fr);max-width:100%}.HarmonyContainer-module__7uxjQq__controlBar{flex-wrap:wrap;justify-content:center;gap:.5rem .4rem}.HarmonyContainer-module__7uxjQq__scaleSelector{flex-wrap:nowrap;gap:.25rem}.HarmonyContainer-module__7uxjQq__scaleBtn{padding:.3rem .5rem}.HarmonyContainer-module__7uxjQq__modeTabs{max-width:100%}.HarmonyContainer-module__7uxjQq__saveDialog{max-width:100%;padding:1.2rem}.HarmonyContainer-module__7uxjQq__compositionList{flex:1 1 0;grid-template-columns:1fr;max-width:100%;min-height:0;overflow-y:auto}.HarmonyContainer-module__7uxjQq__playbackBar{max-width:100%}}@media (max-width:420px){.HarmonyContainer-module__7uxjQq__container{padding:4rem 0 .8rem}.HarmonyContainer-module__7uxjQq__controls{grid-template-columns:repeat(4,1fr)}.HarmonyContainer-module__7uxjQq__recordingBadge{gap:.35rem;padding:.25rem .6rem;top:4px}.HarmonyContainer-module__7uxjQq__recordTimerText{font-size:.78rem}.HarmonyContainer-module__7uxjQq__recordMax{display:none}.HarmonyContainer-module__7uxjQq__playbackBadge{padding:.25rem .6rem}.HarmonyContainer-module__7uxjQq__cardActions{flex-direction:row;gap:.35rem}.HarmonyContainer-module__7uxjQq__cardPlayBtn{text-align:center;flex:1}.HarmonyContainer-module__7uxjQq__cardDeleteBtn{aspect-ratio:1;text-align:center;flex-shrink:0;padding:.45rem}}