@font-face{font-family:A2Z;src:url(./A2Z-1Thin-C_4wV5Y2.woff2)format("woff2");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:A2Z;src:url(./A2Z-2ExtraLight-CpUnqAnr.woff2)format("woff2");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:A2Z;src:url(./A2Z-3Light-4dz6XS4m.woff2)format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:A2Z;src:url(./A2Z-4Regular-BrVgBu-k.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:A2Z;src:url(./A2Z-5Medium-DnykWd5j.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:A2Z;src:url(./A2Z-6SemiBold-BtMUM1Op.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:A2Z;src:url(./A2Z-7Bold-D_RSHtdY.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:A2Z;src:url(./A2Z-8ExtraBold-C63gZb17.woff2)format("woff2");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:A2Z;src:url(./A2Z-9Black-lbBRT-p5.woff2)format("woff2");font-weight:900;font-style:normal;font-display:swap}:root{--bg:#dfe7f3;--text-primary:#10233d;--text-secondary:#10233dbd;--text-muted:#10233d7a;--divider:#ffffff42;--border-light:#ffffff61;--border-muted:#afcdff59;--bg-secondary:#ffffff29;--bg-hover:#fff3;--bg-code:#fff3;--surface-glass:linear-gradient(180deg, #ffffff57, #ffffff1f);--surface-glass-strong:linear-gradient(180deg, #ffffff6b, #ffffff29);--surface-elevated:#ffffff2e;--surface-reflection:linear-gradient(120deg, #ffffff8c, #ffffff14 42%, #ffffff3d 100%);--surface-outline:#ffffff6b;--surface-shadow:#3758862e;--btn-primary:linear-gradient(135deg, #8ec4ffe6, #5b8aebc7);--btn-primary-hover:linear-gradient(135deg, #a4d1fff0, #5681e6d6);--btn-secondary-text:#10233dcc;--backdrop-dark:#0a152747;--shadow-light:#57749f2e;--hint-text:#10233d8f;--backdrop-blur:18px;--textarea-border-focus:#92bbffad;--ambient-blue:#84baff61;--ambient-cyan:#79e1ff38;--ambient-pink:#ffb0d638;--font-family:"A2Z", sans-serif;--font-size-xs:13px;--font-size-sm:12px;--font-size-base:14px;--font-size-md:18px;--font-size-lg:20px;--font-size-jp:44px;--font-size-ko:60px;--font-size-roma:44px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--gap-xs:4px;--gap-sm:6px;--gap-md:10px;--gap-lg:12px;--gap-xl:16px;--gap-2xl:20px;--padding-xs:1px 5px;--padding-sm:10px 18px;--padding-md:10px 24px;--padding-lg:14px;--padding-xl:32px;--margin-sm:14px;--margin-md:16px;--radius-sm:6px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-pill:999px;--transition:.35s cubic-bezier(.4, 0, .2, 1);--transition-fast:.2s;--lyric-fade-out-duration:.15s;--lyric-fade-in-duration:.25s;--part-reveal-duration:4s;--z-bg:0;--z-overlay:1;--z-layer:2;--letter-spacing-tight:-.01em;--letter-spacing-normal:.02em;--letter-spacing-wide:.04em;--letter-spacing-wider:.14em;--line-height-tight:1.2;--line-height-relaxed:1.6;--shadow-dialog:0 30px 80px #2c4d7c42;--shadow-panel:0 18px 48px #3a588429;--shadow-panel-strong:0 30px 64px #3a588438}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden}body{font-family:var(--font-family);background:var(--bg);color:var(--text-primary);-webkit-user-select:none;user-select:none;isolation:isolate;flex-direction:column;align-items:stretch;height:100%;display:flex;position:relative}body:before,body:after{content:"";pointer-events:none;z-index:var(--z-bg);filter:blur(12px);position:fixed}body:before{background:radial-gradient(circle at 30% 30%, #fffffff2, transparent 32%), radial-gradient(circle at 55% 55%, var(--ambient-blue), transparent 68%);opacity:.9;border-radius:50%;width:42vw;min-width:320px;height:42vw;min-height:320px;top:-18vh;left:-10vw}body:after{background:radial-gradient(circle at 35% 35%, #ffffffd1, transparent 28%), radial-gradient(circle at 60% 52%, var(--ambient-pink), transparent 58%), radial-gradient(circle at 42% 68%, var(--ambient-cyan), transparent 72%);opacity:.78;border-radius:46% 54% 62% 38%/44% 48% 52% 56%;width:38vw;min-width:280px;height:38vw;min-height:280px;bottom:-16vh;right:-12vw}section,dialog,.btn-primary,.btn-secondary{-webkit-backdrop-filter:blur(var(--backdrop-blur));backdrop-filter:blur(var(--backdrop-blur))}#bgImg{object-fit:cover;object-position:center;opacity:0;width:100%;height:100%;z-index:var(--z-bg);pointer-events:none;transition:opacity .8s,transform .8s,filter .8s;position:fixed;inset:0}#bgImg.visible{opacity:1;filter:blur(20px)saturate(.5);transform:scale(1.1)}body.is-blank-lyric #bgImg.visible{filter:blur(5px)saturate(1.2);transform:scale(1.03)}#bgOverlay{opacity:0;z-index:var(--z-overlay);pointer-events:none;background:radial-gradient(circle at 0 0,#ffffffb8,#0000 34%),radial-gradient(circle at 75% 22%,#91d0ff42,#0000 28%),radial-gradient(circle at 82% 80%,#ffbadb33,#0000 30%),linear-gradient(160deg,#eff5ffc7,#d8e4f7d6);transition:opacity .6s;position:fixed;inset:0}#bgOverlay.visible{opacity:1}#artistSection,#divider,#lyricsSection,dialog{z-index:var(--z-layer);position:relative}#artistSection{border:1px solid var(--surface-outline);border-radius:calc(var(--radius-xl) + 8px);background:var(--surface-glass);width:calc(100% - 36px);min-height:0;box-shadow:var(--shadow-panel);flex:0 0 52%;margin:18px 18px 0;overflow:hidden}#artistSection:before{content:"";border-radius:inherit;background:var(--surface-reflection);opacity:.7;pointer-events:none;position:absolute;inset:1px}#artistSection:after{content:"";pointer-events:none;filter:blur(24px);opacity:.8;background:radial-gradient(circle,#ffffff4d,#0000 70%);border-radius:50%;width:32%;height:46%;position:absolute;inset:auto 18% -32% auto}#artistsPanel{gap:0;height:100%;padding:14px;display:flex}#divider{flex-shrink:0;display:none}#lyricsSection{width:calc(100% - 36px);min-height:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;border-radius:0;flex-direction:column;flex:1;justify-content:center;align-items:center;margin:0 18px 18px;display:flex;overflow:visible}@media (width<=720px){#artistSection,#lyricsSection{border-radius:var(--radius-xl);width:calc(100% - 20px);margin-left:10px;margin-right:10px}#artistSection{margin-top:10px}#lyricsSection{margin-bottom:10px}#divider{display:none}#artistsPanel{padding:10px}}#artistSection{background:var(--surface-glass)}.artist-panel{border-radius:calc(var(--radius-lg) + 4px);z-index:0;min-width:0;transition:opacity var(--transition), filter var(--transition), border-color var(--transition), box-shadow var(--transition), z-index 0s;border:1px solid #0000;flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.artist-panel+.artist-panel{margin-left:10px}.artist-panel.dimmed{opacity:.58;filter:saturate(.75);z-index:0;border-color:#ffffff29;box-shadow:inset 0 1px #fff3}.artist-panel.focused{opacity:1;filter:none;border-color:color-mix(in srgb, var(--artist-color,#7aa8ff) 44%, #ffffff42);z-index:1;box-shadow:inset 0 1px 0 #fff6, 0 0 0 1px color-mix(in srgb, var(--artist-color,#7aa8ff) 26%, transparent), 0 16px 40px color-mix(in srgb, var(--artist-color,#7aa8ff) 34%, transparent)}.artist-img-wrap{background:radial-gradient(circle at top left, #ffffff57, transparent 28%), color-mix(in srgb, var(--artist-color,#d4dceb) 22%, #ffffff0f);cursor:pointer;border-radius:calc(var(--radius-lg) + 2px) calc(var(--radius-lg) + 2px) 0 0;flex:1;min-height:0;position:relative;overflow:hidden}.artist-img-wrap.no-image{background:radial-gradient(circle at 30% 24%, #ffffff80, transparent 24%), linear-gradient(160deg, color-mix(in srgb, var(--artist-color,#ccc) 24%, #ffffff38), #ffffff14)}.artist-img-wrap:after{content:"";mix-blend-mode:screen;pointer-events:none;background:linear-gradient(#ffffff6b,#0000 32%,#ffffff14 100%),linear-gradient(125deg,#ffffff57,#0000 36%);position:absolute;inset:0}.artist-img{object-fit:cover;object-position:center center;width:100%;height:100%;transition:transform .5s,filter .5s;display:block}.artist-panel.focused .artist-img{filter:saturate(1.05)contrast(1.03);transform:scale(1.03)}.artist-img-wrap.no-image .artist-img{display:none}.artist-name-row{justify-content:center;align-items:center;gap:var(--gap-sm);background:linear-gradient(#ffffff24,#fff3);border-top:1px solid #ffffff2e;flex-shrink:0;padding:14px 12px 16px;display:flex}.artist-name{font-size:26px;font-weight:var(--font-weight-bold);letter-spacing:.08em;transition:color var(--transition);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;text-shadow:0 1px 10px #ffffff3d;position:relative;overflow:hidden}.artist-color-input{opacity:0;pointer-events:none;width:0;height:0;position:absolute;inset:0}@media (width<=720px){.artist-panel+.artist-panel{margin-left:8px}.artist-name{font-size:20px}}#lyricsSection{padding:34px 48px}#partLabel{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wider);color:var(--text-secondary);text-transform:uppercase;margin-bottom:var(--margin-md);opacity:0;pointer-events:none;border-radius:var(--radius-pill);background:#ffffff1f;border:1px solid #ffffff38;min-height:16px;padding:8px 16px;box-shadow:inset 0 1px #ffffff47,0 10px 22px #4e6c991f}@keyframes partReveal{0%{opacity:0;letter-spacing:.22em;transform:translateY(-6px)scaleX(.92)}12%{opacity:1;letter-spacing:var(--letter-spacing-wider);transform:translateY(0)scaleX(1)}75%{opacity:1;letter-spacing:var(--letter-spacing-wider);transform:translateY(0)scaleX(1)}to{opacity:0;transform:translateY(4px)}}#partLabel.show{animation:partReveal var(--part-reveal-duration) cubic-bezier(.22, 1, .36, 1) forwards}#lyricsArea{align-items:center;gap:var(--gap-md);text-align:center;flex-direction:column;width:100%;display:flex;position:relative;overflow:hidden}@keyframes lyricFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes lyricFadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}#lyricsArea.fade-out{animation:lyricFadeOut var(--lyric-fade-out-duration) ease forwards}#lyricsArea.fade-in{animation:lyricFadeIn var(--lyric-fade-in-duration) ease forwards}#lyricJp,#lyricRoma,#lyricKo{z-index:1;position:relative;overflow:visible}#lyricJp{font-size:var(--font-size-jp);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);color:var(--text-primary);transition:color var(--transition)}#lyricRoma{font-size:var(--font-size-roma);font-weight:var(--font-weight-medium);color:var(--text-primary);letter-spacing:var(--letter-spacing-normal);transition:color var(--transition);opacity:.8}#lyricKo{font-size:var(--font-size-ko);font-weight:var(--font-weight-bold);color:var(--text-primary);transition:color var(--transition)}@media (width<=720px){#lyricsSection{padding:22px 18px}#lyricsArea{padding:24px 20px}#lyricJp,#lyricRoma{font-size:clamp(28px,7vw,44px)}#lyricKo{font-size:clamp(36px,8vw,60px)}}dialog{border:1px solid var(--border-light);border-radius:var(--radius-xl);color:var(--text-primary);font-family:var(--font-family);padding:var(--padding-xl);width:560px;max-width:95vw;box-shadow:var(--shadow-dialog);background:linear-gradient(#ffffff61,#ffffff29),linear-gradient(135deg,#ffffff42,#0000 40%);margin:auto;overflow:hidden}dialog:before{content:"";border-radius:inherit;background:var(--surface-reflection);opacity:.8;pointer-events:none;position:absolute;inset:1px}dialog::backdrop{background:var(--backdrop-dark);-webkit-backdrop-filter:blur(var(--backdrop-blur));backdrop-filter:blur(var(--backdrop-blur))}dialog h2,dialog p,dialog textarea,.dialog-actions{z-index:1;position:relative}dialog h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-extrabold);margin-bottom:var(--margin-md);letter-spacing:var(--letter-spacing-tight);color:var(--text-primary)}dialog p.hint{font-size:var(--font-size-xs);color:var(--hint-text);margin-bottom:var(--margin-sm);line-height:var(--line-height-relaxed)}dialog p.hint code{background:var(--bg-code);border-radius:var(--radius-sm);padding:var(--padding-xs);font-family:monospace}dialog textarea{border-radius:var(--radius-lg);width:100%;height:260px;color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-size-xs);padding:var(--padding-lg);resize:vertical;transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);background:#ffffff29;border:1px solid #ffffff3d;outline:none;box-shadow:inset 0 1px #ffffff3d}dialog textarea:focus{border-color:var(--textarea-border-focus);background:#ffffff38;box-shadow:inset 0 1px #ffffff47,0 0 0 4px #92bbff29}.dialog-actions{gap:var(--gap-md);margin-top:var(--margin-md);justify-content:flex-end;display:flex}.btn-primary{background:var(--btn-primary);border-radius:var(--radius-pill);color:#fff;font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);cursor:pointer;transition:background var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);border:1px solid #ffffff57;padding:12px 24px;box-shadow:inset 0 1px #ffffff57,0 12px 24px #4970b638}.btn-primary:hover{background:var(--btn-primary-hover);transform:translateY(-1px)}.btn-secondary{border:1px solid var(--border-light);border-radius:var(--radius-pill);color:var(--btn-secondary-text);font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:background var(--transition-fast), transform var(--transition-fast), border-color var(--transition-fast);background:#ffffff24;padding:12px 22px;box-shadow:inset 0 1px #ffffff38}.btn-secondary:hover{background:var(--bg-hover);border-color:#ffffff70;transform:translateY(-1px)}#spectrumBar{height:var(--spectrum-max-height,300px);z-index:calc(var(--z-layer) - 1);pointer-events:none;filter:blur(20px);opacity:.5;position:fixed;bottom:0;left:0;right:0;overflow:visible;transform:scale(1.2)translateY(30px)}#spectrumCanvas{opacity:.96;width:100%;height:100%;display:block;position:absolute;inset:0}.context-menu{-webkit-backdrop-filter:blur(18px)saturate(1.08);backdrop-filter:blur(18px)saturate(1.08);z-index:20;background:linear-gradient(#ffffff4d,#ffffff24),linear-gradient(135deg,#ffffff2e,#0000 44%);border:1px solid #ffffff42;border-radius:22px;gap:6px;min-width:220px;padding:8px;display:grid;position:fixed;top:0;left:0;box-shadow:inset 0 1px #ffffff3d,0 18px 42px #29436b2e}.context-menu[hidden]{display:none}.context-menu-item{width:100%;color:var(--text-primary);font:inherit;font-size:14px;font-weight:var(--font-weight-medium);text-align:left;cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);background:#ffffff1a;border:1px solid #0000;border-radius:16px;padding:12px 14px}.context-menu-item:hover,.context-menu-item:focus-visible{background:#fff3;border-color:#ffffff47;outline:none;transform:translateY(-1px)}.context-menu-item-accent{background:linear-gradient(135deg,#8cc7ff4d,#ffffff24)}.context-menu-item-reset{background:#ffffff24;margin-top:2px}.settings-backdrop{z-index:24;background:#0a152738;position:fixed;inset:0}.settings-backdrop[hidden]{display:none}.settings-panel{-webkit-backdrop-filter:blur(24px)saturate(1.05);backdrop-filter:blur(24px)saturate(1.05);opacity:0;pointer-events:none;z-index:25;background:linear-gradient(#fff6,#ffffff29),linear-gradient(150deg,#ffffff29,#0000 48%);border-left:1px solid #ffffff38;border-radius:28px 0 0 28px;align-content:start;gap:14px;width:min(420px,92vw);padding:22px 18px 18px;transition:transform .28s cubic-bezier(.22,1,.36,1),opacity .2s;display:grid;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:inset 1px 0 #ffffff38,-24px 0 52px #1c2e4c29}.settings-panel.is-open{opacity:1;pointer-events:auto;transform:translate(0)}.settings-panel[hidden]{display:none}.settings-panel-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.settings-panel-eyebrow{color:var(--text-secondary);letter-spacing:.12em;text-transform:uppercase;margin:0 0 6px;font-size:12px}.settings-panel-title{color:var(--text-primary);margin:0;font-size:24px;line-height:1.2}.settings-panel-close{color:var(--text-primary);font:inherit;cursor:pointer;transition:background var(--transition-fast), transform var(--transition-fast), border-color var(--transition-fast);background:#ffffff24;border:1px solid #ffffff3d;border-radius:999px;flex-shrink:0;padding:10px 14px;font-size:13px}.settings-panel-close:hover,.settings-panel-close:focus-visible{background:#ffffff3d;border-color:#ffffff57;outline:none;transform:translateY(-1px)}.context-menu-group{background:#ffffff14;border:1px solid #ffffff2e;border-radius:18px;gap:10px;padding:14px;display:grid}.context-menu-group-title{color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:13px}.context-menu-control{color:var(--text-primary);gap:6px;font-size:13px;display:grid}.context-menu-field{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.context-menu-field output{min-width:56px;color:var(--text-secondary);text-align:right;font-size:12px}.settings-panel input[type=range]{accent-color:#5681e6d6;width:100%}.settings-panel select{width:100%;color:var(--text-primary);font:inherit;background:#ffffff29;border:1px solid #ffffff47;border-radius:12px;padding:9px 12px}@media (width<=720px){.settings-panel{border-radius:24px 0 0 24px;width:min(100vw,440px)}}