._overlay_a5fo4_1{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}._panel_a5fo4_23{width:90%;max-width:420px;max-height:80vh;background:#1e293b;border:1px solid var(--border);border-radius:16px;box-shadow:0 20px 40px #0006;display:flex;flex-direction:column;animation:_modalFadeIn_a5fo4_1 .18s ease-out;overflow:hidden}._header_a5fo4_53{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px;border-bottom:1px solid rgba(255,255,255,.06)}._header_a5fo4_53 h3{font-size:1rem;font-weight:700;color:#f8fafc;margin:0}._closeButton_a5fo4_83{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:50%;color:#94a3b8;cursor:pointer;transition:background .12s,color .12s;padding:0}._closeButton_a5fo4_83:hover{background:#ffffff14;color:#e2e8f0}._createSection_a5fo4_125{padding:12px 20px;display:flex;gap:8px;border-bottom:1px solid rgba(255,255,255,.06)}._createInput_a5fo4_139{flex:1;min-width:0;padding:9px 12px;border-radius:10px;border:1px solid #334155;background:#0f172a;color:#e5e7eb;font-size:.85rem;transition:border-color .12s}._createInput_a5fo4_139:focus{border-color:var(--accent);outline:none}._createButton_a5fo4_173{padding:9px 16px;border-radius:10px;border:none;background:var(--accent);color:#000;font-size:.84rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:opacity .12s}._createButton_a5fo4_173:disabled{opacity:.35;cursor:not-allowed}._listSection_a5fo4_211{flex:1;overflow-y:auto;padding:6px 8px 12px;min-height:80px}._emptyMessage_a5fo4_225{color:#94a3b8;font-size:.84rem;text-align:center;padding:24px 16px}._playlistRow_a5fo4_241{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;background:transparent;color:#e5e7eb;border-radius:10px;cursor:pointer;text-align:left;font-size:.86rem;transition:background .1s}._playlistRow_a5fo4_241:hover:enabled{background:#ffffff0f}._playlistRow_a5fo4_241:disabled{opacity:.5;cursor:not-allowed}._playlistName_a5fo4_291{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._addedBadge_a5fo4_307{display:flex;align-items:center;gap:4px;color:#34d399;font-size:.76rem;font-weight:600;white-space:nowrap}._toast_a5fo4_329{padding:8px 20px;background:#0f766ef2;color:#ecfdf5;font-size:.8rem;font-weight:600;text-align:center;animation:_toastSlide_a5fo4_1 .2s ease-out}@keyframes _modalFadeIn_a5fo4_1{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes _toastSlide_a5fo4_1{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}._section_1vp08_1{margin-bottom:8px}._scrollRow_1vp08_9{display:flex;gap:14px;overflow-x:auto;scrollbar-width:thin;padding-bottom:8px;scroll-snap-type:x mandatory}._historyCard_1vp08_29{flex:0 0 190px;scroll-snap-align:start;background:linear-gradient(145deg,#ffffff0a,#ffffff03);border:1px solid var(--border);border-radius:12px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}._historyCard_1vp08_29:hover{transform:translateY(-3px);box-shadow:0 8px 22px #00000040;border-color:var(--accent)}._thumbWrapper_1vp08_75{position:relative;aspect-ratio:16 / 9;overflow:hidden}._thumbWrapper_1vp08_75 img{width:100%;height:100%;object-fit:cover}._resumeBadge_1vp08_101{position:absolute;bottom:6px;right:6px;display:inline-flex;align-items:center;gap:4px;background:#3b82f6e0;color:#fff;font-size:.7rem;font-weight:700;padding:3px 8px;border-radius:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}._cardMeta_1vp08_133{padding:10px}._cardTitle_1vp08_141{font-size:.8rem;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--foreground)}._cardDate_1vp08_163{font-size:.7rem;color:var(--muted);margin-top:4px}._container_5fndw_1{display:flex;flex-direction:column;gap:48px;animation:_fadeIn_5fndw_315 .4s ease-out}._heroSection_5fndw_17{position:relative;border-radius:24px;background:linear-gradient(135deg,#0e142399,#141e3266);border:1px solid rgba(255,255,255,.05);padding:40px;overflow:hidden;box-shadow:0 20px 40px -10px #0000004d}._heroContent_5fndw_37{position:relative;z-index:1;max-width:600px}._heroTitle_5fndw_49{font-size:2.5rem;font-weight:800;line-height:1.1;margin:0 0 16px;background:linear-gradient(135deg,#fff,#94a3b8);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.03em}._heroSubtitle_5fndw_73{font-size:1.1rem;color:var(--muted);line-height:1.6;margin-bottom:24px}._heroPattern_5fndw_87{position:absolute;top:0;right:0;bottom:0;width:50%;pointer-events:none;background:radial-gradient(circle at 70% 30%,rgba(125,211,252,.08) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(167,139,250,.08) 0%,transparent 40%);z-index:0}._sectionHeader_5fndw_115{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.06)}._titleArea_5fndw_133{display:flex;flex-direction:column;gap:4px}._sectionTitle_5fndw_145{display:flex;align-items:center;gap:12px;font-size:1.5rem;font-weight:700;margin:0;letter-spacing:-.01em;color:#f1f5f9}._sectionIcon_5fndw_167{color:var(--accent);filter:drop-shadow(0 0 8px rgba(125,211,252,.3))}._sectionHint_5fndw_177{font-size:.9rem;color:var(--muted)}._viewAllLink_5fndw_187{font-size:.9rem;font-weight:600;color:var(--accent);display:inline-flex;align-items:center;gap:4px;transition:all .2s ease;padding:6px 12px;border-radius:99px;background:#7dd3fc0d}._viewAllLink_5fndw_187:hover{background:#7dd3fc26;transform:translate(2px)}._grid_5fndw_225{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}._miniGrid_5fndw_237{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}._tagBucket_5fndw_251{margin-bottom:32px}._tagHeader_5fndw_259{display:flex;align-items:center;gap:12px;margin-bottom:16px}._tagPill_5fndw_273{font-size:.95rem;font-weight:600;padding:6px 14px;border-radius:99px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);color:#e2e8f0}._historySection_5fndw_295{margin-bottom:24px}@keyframes _fadeIn_5fndw_315{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}._fadeInItem_5fndw_315{animation:_fadeIn_5fndw_315 .5s ease-out forwards}._delay1_5fndw_325{animation-delay:.05s}._delay2_5fndw_327{animation-delay:.1s}._delay3_5fndw_329{animation-delay:.15s}._delay4_5fndw_331{animation-delay:.2s}._delay5_5fndw_333{animation-delay:.25s}._delay6_5fndw_335{animation-delay:.3s}@media (max-width: 768px){._container_5fndw_1{gap:32px}._heroSection_5fndw_17{padding:24px;border-radius:16px}._heroTitle_5fndw_49{font-size:1.8rem}._grid_5fndw_225{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}._sectionHeader_5fndw_115{flex-direction:column;align-items:flex-start;gap:12px}._viewAllLink_5fndw_187{align-self:flex-end}}._section_14dtf_1{margin-bottom:8px}._statsGrid_14dtf_11{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:24px}._statCard_14dtf_25{background:linear-gradient(145deg,#ffffff0d,#ffffff04);border:1px solid var(--border);border-radius:14px;padding:20px 18px;text-align:center;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}._statCard_14dtf_25:hover{transform:translateY(-3px);box-shadow:0 10px 28px #00000040;border-color:var(--accent)}._statValue_14dtf_65{font-size:2rem;font-weight:800;background:linear-gradient(120deg,var(--accent),#8ab4f8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.2}._statLabel_14dtf_83{font-size:.85rem;color:var(--muted);margin-top:4px}._keyChart_14dtf_97{display:flex;flex-direction:column;gap:6px;margin-bottom:24px}._keyRow_14dtf_111{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;border-radius:8px;padding:4px 8px;transition:background-color .15s ease}._keyRow_14dtf_111:hover{background-color:#ffffff0a}._keyName_14dtf_141{font-size:.85rem;font-weight:600;width:40px;text-align:right;flex-shrink:0;color:var(--foreground)}._barTrack_14dtf_159{flex:1;height:18px;background:#ffffff0a;border-radius:6px;overflow:hidden}._barFill_14dtf_175{height:100%;border-radius:6px;background:linear-gradient(90deg,var(--accent),#8ab4f8);transition:width .4s ease;min-width:4px}._keyCount_14dtf_191{font-size:.8rem;color:var(--muted);width:32px;flex-shrink:0}._searchPanel_1wfax_1{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:20px;margin-bottom:24px;display:flex;flex-direction:column;gap:16px}._mainSearch_1wfax_25{position:relative;display:flex;align-items:center}._mainSearchIcon_1wfax_37{position:absolute;left:14px;color:var(--muted);pointer-events:none;display:flex}._mainSearchInput_1wfax_53{width:100%;padding:14px 44px;border-radius:12px;border:1px solid var(--border);background:#0f172a;color:var(--text);font-size:1.05rem;transition:border-color .15s,box-shadow .15s}._mainSearchInput_1wfax_53:focus{border-color:var(--accent);box-shadow:0 0 0 3px #7dd3fc26;outline:none}._mainSearchInput_1wfax_53::placeholder{color:var(--muted)}._filterToggle_1wfax_97{display:inline-flex;align-items:center;gap:6px;background:transparent;border:none;color:var(--muted);font-size:.85rem;font-weight:600;cursor:pointer;padding:4px 0;transition:color .15s;font-family:inherit}._filterToggle_1wfax_97:hover{color:var(--text)}._filterGrid_1wfax_137{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;animation:_filterFadeIn_1wfax_1 .2s ease}@keyframes _filterFadeIn_1wfax_1{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}._filterGrid_1wfax_137 label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600;color:var(--muted)}._inputWrap_1wfax_181{position:relative;display:flex;align-items:center}._inputIcon_1wfax_193{position:absolute;left:10px;color:var(--muted);pointer-events:none;display:flex}._inputWrap_1wfax_181 input{width:100%;padding:10px 32px 10px 34px;border-radius:10px;border:1px solid var(--border);background:#0f172a;color:var(--text);font-size:.9rem;transition:border-color .15s,box-shadow .15s}._inputWrap_1wfax_181 input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #7dd3fc1f;outline:none}._inputWrap_1wfax_181 input::placeholder{color:#4b5563}._clearButton_1wfax_253{position:absolute;right:8px;background:transparent;border:none;color:var(--muted);cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:color .15s,background .15s}._clearButton_1wfax_253:hover{color:var(--text);background:#ffffff1a}._toolbar_1wfax_295{display:flex;align-items:center;justify-content:space-between}._clearAllButton_1wfax_307{display:inline-flex;align-items:center;gap:4px;background:transparent;border:none;color:var(--muted);font-size:.8rem;font-weight:600;cursor:pointer;padding:4px 8px;border-radius:6px;transition:color .15s,background .15s;font-family:inherit}._clearAllButton_1wfax_307:hover{color:#ef4444;background:#ef44441a}._resultCount_1wfax_351{color:var(--muted);font-size:.85rem;margin-bottom:8px}._resultCount_1wfax_351 strong{color:var(--accent);font-weight:700}._emptyState_1wfax_375{display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px 24px;color:var(--muted);text-align:center}._emptyStateIcon_1wfax_395{opacity:.4}@media (max-width: 600px){._filterGrid_1wfax_137{grid-template-columns:1fr}}._container_ndo3i_1{display:flex;align-items:center;gap:8px;margin-bottom:16px}._button_ndo3i_15{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:99px;border:1px solid var(--border);background:transparent;color:var(--muted);font-size:.85rem;cursor:pointer;transition:all .2s ease}._button_ndo3i_15:hover{background:#ffffff1a;color:var(--text)}._button_ndo3i_15._active_ndo3i_53,._button_ndo3i_15._active_ndo3i_53:hover{border-color:var(--accent);color:var(--accent);background:#7dd3fc26;font-weight:500}._timelineContainer_1ovw2_1{display:flex;flex-direction:column;width:100%;margin-top:8px;-webkit-user-select:none;user-select:none;background:var(--bg);border:1px solid var(--border);border-radius:8px;overflow:hidden}._timelineScroll_1ovw2_25{width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border) transparent;position:relative}._timelineContent_1ovw2_45{position:relative;min-width:100%;padding-top:24px;padding-bottom:120px}._ruler_1ovw2_65{position:absolute;top:0;left:0;right:0;height:24px;background:#ffffff05;border-bottom:1px solid var(--border);pointer-events:none}._rulerTick_1ovw2_87{position:absolute;top:0;bottom:0;border-left:1px solid var(--border)}._rulerLabel_1ovw2_101{position:absolute;top:4px;left:4px;font-size:10px;color:var(--muted);font-family:monospace}._gridLine_1ovw2_119{position:absolute;top:24px;bottom:0;width:1px;background:#ffffff08;pointer-events:none}._track_1ovw2_141{position:relative;width:100%;border-bottom:1px solid var(--border);background:#0000001a}._track_1ovw2_141._keys_1ovw2_155{height:42px;background:#bae6fd0d}._track_1ovw2_141._chords_1ovw2_165{height:64px;background:#c7d2fe0d}._segment_1ovw2_179{position:absolute;top:2px;bottom:2px;border-radius:4px;display:flex;align-items:center;padding:0 8px;white-space:nowrap;font-size:16px;font-weight:700;cursor:pointer;transition:background-color .1s ease,border-color .1s ease;border:1px solid transparent}._segment_1ovw2_179._key_1ovw2_155{background:#bae6fd33;color:#bae6fd;border-color:#bae6fd4d;font-size:15px}._segment_1ovw2_179._chord_1ovw2_165{background:#c7d2fe33;color:#c7d2fe;border-color:#c7d2fe4d;font-size:18px;flex-direction:column;justify-content:center;align-items:flex-start;padding-left:10px;line-height:1.2}._segment_1ovw2_179._chord_1ovw2_165._small_1ovw2_253{padding:0;justify-content:center;align-items:center}._segment_1ovw2_179._chord_1ovw2_165._small_1ovw2_253 ._segmentLabel_1ovw2_265,._segment_1ovw2_179._chord_1ovw2_165._small_1ovw2_253 ._segmentRoman_1ovw2_267{display:none}._selected_1ovw2_283{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--accent);z-index:20}._dragging_1ovw2_293{opacity:.8;z-index:50;box-shadow:0 4px 12px #00000080;cursor:grabbing!important}._segment_1ovw2_179:hover{filter:brightness(1.2);border-color:#ffffff4d;z-index:5}._segmentLabel_1ovw2_265{position:sticky;left:8px;text-overflow:ellipsis;max-width:100%;white-space:nowrap;overflow:hidden;display:block}._segmentRoman_1ovw2_267{opacity:.7;font-size:.8em;font-weight:500;margin-left:6px}._segment_1ovw2_179._chord_1ovw2_165 ._segmentRoman_1ovw2_267{margin-left:0;font-size:.7em;color:#c7d2fecc;position:sticky;left:8px;display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._inlineInput_1ovw2_397{background:transparent;border:none;color:inherit;font-size:inherit;font-weight:inherit;font-family:inherit;width:100%;outline:none;padding:0;margin:0;text-align:inherit}._playhead_1ovw2_429{position:absolute;top:0;bottom:0;width:2px;background:var(--accent);background:#ef4444;box-shadow:0 0 8px #ef444499;z-index:10;pointer-events:none}._playhead_1ovw2_429:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid #ef4444}._overviewContainer_1ovw2_487{display:flex;align-items:center;gap:12px;margin-bottom:8px;width:100%}._overviewTrack_1ovw2_503{flex:1;height:24px;background:#ffffff0d;border-radius:4px;position:relative;cursor:pointer;overflow:hidden;border:1px solid var(--border)}._overviewTrack_1ovw2_503:hover{border-color:var(--accent)}._overviewSegment_1ovw2_533{position:absolute;top:0;bottom:0;background:#bae6fd40;border-right:1px solid rgba(255,255,255,.1);display:flex;align-items:center;padding-left:6px;box-shadow:inset 0 0 10px #0000001a}._overviewSegment_1ovw2_533:hover{background:#bae6fd66}._overviewLabel_1ovw2_565{font-size:11px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}._overviewRoman_1ovw2_587{font-weight:400;opacity:.8;font-size:.9em;margin-left:2px}._overviewPlayhead_1ovw2_601{position:absolute;top:0;bottom:0;width:2px;background:#ef4444;box-shadow:0 0 4px #00000080;z-index:10;pointer-events:none}._overviewPlayhead_1ovw2_601:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #ef4444}._overviewTime_1ovw2_649{font-family:monospace;font-size:13px;color:var(--text);white-space:nowrap;min-width:80px;text-align:right}._currentTime_1ovw2_667{color:var(--accent);font-weight:600}._durationTime_1ovw2_677{color:var(--muted)}._resizeHandle_1ovw2_685{position:absolute;top:0;bottom:0;width:8px;cursor:col-resize;z-index:10;opacity:0;transition:opacity .1s;background:#fff6}._segment_1ovw2_179:hover ._resizeHandle_1ovw2_685{opacity:.5}._resizeHandle_1ovw2_685:hover{opacity:1;background:#fffc}._resizeHandle_1ovw2_685._left_1ovw2_727{left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}._resizeHandle_1ovw2_685._right_1ovw2_739{right:0;border-top-right-radius:4px;border-bottom-right-radius:4px}._videoPlayerBox_1qfbv_1{position:relative;width:100%;aspect-ratio:16/9;background:#000;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid var(--border)}._youtubeFrame_1qfbv_23{width:100%;height:100%}._favoriteButton_16nxr_1{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;color:var(--text-secondary);transition:all .2s ease;display:flex;align-items:center;justify-content:center}._favoriteButton_16nxr_1:hover{background-color:var(--bg-hover);color:var(--primary-color)}._favoriteButton_16nxr_1._active_16nxr_37{color:var(--error-color, #ff4d4f)}._favoriteButton_16nxr_1._loading_16nxr_45{opacity:.7;cursor:wait}._icon_16nxr_55{transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}._favoriteButton_16nxr_1:active ._icon_16nxr_55{transform:scale(.85)}._videoInfoBox_1m9zq_1{display:flex;flex-direction:column;gap:8px;margin-top:12px;margin-bottom:24px;min-width:0}._headerTop_1m9zq_19{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}._titleWrapper_1m9zq_39{display:flex;align-items:center;gap:12px;flex:1;min-width:0}._videoTitle_1m9zq_55{font-size:28px;font-weight:800;line-height:1.2;margin:0;letter-spacing:-.02em;color:var(--text)}._videoArtist_1m9zq_73{font-size:18px;color:var(--muted)}._artistLink_1m9zq_83{color:var(--accent);text-decoration:none;font-weight:600;font-size:inherit}._artistLink_1m9zq_83:hover{text-decoration:underline}._videoStatsBar_1m9zq_105{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:8px;padding:12px 0;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}._statGroup_1m9zq_127{display:flex;gap:12px}._statItem_1m9zq_137{display:flex;align-items:center;gap:8px;background:#ffffff08;padding:6px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.06);font-size:.9rem;color:var(--muted)}._statLabel_1m9zq_161{font-size:11px;text-transform:uppercase;color:var(--muted);font-weight:700;letter-spacing:.05em}._statValue_1m9zq_177{display:flex;align-items:center;gap:6px;font-weight:700;color:#fff;text-decoration:none;font-family:monospace;font-size:14px}._statValue_1m9zq_177:hover{color:var(--accent)}._videoTags_1m9zq_207{display:flex;flex-wrap:wrap;gap:6px}._videoTag_1m9zq_207{font-size:13px;color:var(--accent);padding:4px 8px;border-radius:6px;background:#7dd3fc0f;border:1px solid transparent;text-decoration:none;transition:background .12s ease}._videoTag_1m9zq_207:hover{background:#7dd3fc1f}._videoInfoSub_1m9zq_249{margin-left:auto;margin-top:0;font-size:13px;color:var(--muted);display:flex;gap:8px}@media (max-width: 600px){._videoTitle_1m9zq_55{font-size:20px}._videoArtist_1m9zq_73{font-size:16px}._videoStatsBar_1m9zq_105{gap:8px;padding:8px 0}._statItem_1m9zq_137{padding:4px 8px;font-size:.8rem}._statValue_1m9zq_177{font-size:12px}._videoInfoSub_1m9zq_249{flex-wrap:wrap;margin-left:0;margin-top:4px}}._playlistWidget_m6duo_1{display:flex;flex-direction:column;height:100%;border:1px solid var(--border);border-radius:12px;background:var(--panel);overflow:hidden}._playlistWidgetHeader_m6duo_21{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border);background:#ffffff05}._playlistInfo_m6duo_39{display:flex;flex-direction:column;gap:2px}._playlistLabel_m6duo_51{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:700}._playlistName_m6duo_67{font-weight:700;font-size:.95rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}._playlistCount_m6duo_87{font-size:.8rem;color:var(--muted)}._playlistActions_m6duo_97{display:flex;gap:8px}._iconButton_m6duo_107{background:transparent;border:none;color:var(--muted);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:color .2s,background .2s}._iconButton_m6duo_107:hover{color:var(--text);background:#ffffff0d}._playlistWidgetControls_m6duo_143{padding:8px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:flex-end;background:#0003}._autoplayToggle_m6duo_161{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none}._autoplayToggle_m6duo_161 input{cursor:pointer}._playlistScrollArea_m6duo_189{flex:1;overflow-y:auto;display:flex;flex-direction:column}._loadingState_m6duo_203,._errorState_m6duo_205{padding:24px;text-align:center;color:var(--muted);font-size:.9rem}._errorState_m6duo_205{color:#f87171}._playlistItemRow_m6duo_227{display:flex;align-items:center;gap:12px;padding:10px 16px;border:none;background:transparent;text-align:left;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.03);transition:background .15s;color:inherit;width:100%}._playlistItemRow_m6duo_227:hover{background:#ffffff0a}._playlistItemRow_m6duo_227._active_m6duo_265{background:#7dd3fc14}._plIndex_m6duo_273{width:20px;display:flex;justify-content:center;font-size:.85rem;color:var(--muted);font-variant-numeric:tabular-nums}._playingIcon_m6duo_291{color:var(--accent)}._plThumb_m6duo_299{width:100px;aspect-ratio:16/9;background:#000;border-radius:6px;overflow:hidden;flex-shrink:0}._plThumb_m6duo_299 img{width:100%;height:100%;object-fit:cover;display:block}._plMeta_m6duo_331{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}._plTitle_m6duo_347{font-size:.9rem;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._active_m6duo_265 ._plTitle_m6duo_347{color:var(--accent);font-weight:600}._plArtist_m6duo_375{font-size:.8rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._timelineSection_13rgh_1{background:#0003;border:1px solid rgba(255,255,255,.06);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;height:100%;min-height:0;padding:16px}._timelineControls_13rgh_25{display:flex;align-items:center;gap:16px;padding:8px 16px;border-bottom:1px solid rgba(255,255,255,.03);background:#0003}._zoomControls_13rgh_43{display:flex;align-items:center;gap:8px}._iconButton_13rgh_55{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text);border-radius:4px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;padding:0}._editControls_13rgh_85 ._iconButton_13rgh_55{width:auto;padding:0 8px;gap:6px;font-size:13px}._iconButton_13rgh_55:hover:not(:disabled){background:#ffffff1a;border-color:#fff3}._iconButton_13rgh_55:disabled{opacity:.3;cursor:not-allowed}._zoomLabel_13rgh_119{font-size:12px;font-variant-numeric:tabular-nums;width:32px;text-align:center;color:var(--muted)}._autoScrollLabel_13rgh_135{display:flex;align-items:center;gap:6px;color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;margin-left:12px}._autoScrollLabel_13rgh_135 input{cursor:pointer}._timelineWrapper_13rgh_163{flex:1;min-height:0;position:relative;overflow:hidden}._panel_13rgh_179{display:flex;flex-direction:column;height:100%;background:#0003;border:1px solid rgba(255,255,255,.06);border-radius:14px;overflow:hidden;padding:16px;white-space:nowrap}._timelineHeader_13rgh_211{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}._timelineHeader_13rgh_211 h3{margin:0;font-size:14px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em}._zoomControl_13rgh_43{display:flex;align-items:center;gap:8px}._zoomIcon_13rgh_257{font-size:16px;color:var(--muted)}._zoomSlider_13rgh_267{width:100px;height:4px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:#ffffff1a;border-radius:2px;outline:none}._zoomSlider_13rgh_267::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:var(--text);border-radius:50%;cursor:pointer;transition:background .2s}._contextMenu_13rgh_309{position:fixed;z-index:1000;background:#1e1e1e;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:4px;box-shadow:0 4px 12px #00000080;min-width:140px;animation:_fadeIn_13rgh_1 .1s ease-out}._contextMenu_13rgh_309:has(._menuWithSubmenu_13rgh_335){background:transparent;border:none;padding:0;box-shadow:none}._menuWithSubmenu_13rgh_335{display:flex;gap:4px}._menuMain_13rgh_363,._submenu_13rgh_365{background:#1e1e1e;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:4px;box-shadow:0 4px 12px #00000080;min-width:140px}._menuItemActive_13rgh_385{background:#ffffff1a}@keyframes _fadeIn_13rgh_1{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}._menuItem_13rgh_385{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:13px;color:var(--text);cursor:pointer;border-radius:4px;transition:background .1s}._menuItem_13rgh_385:hover{background:#ffffff1a}._menuItemWithSubmenu_13rgh_435{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:13px;color:var(--text);cursor:pointer;border-radius:4px;transition:background .1s}._menuItemWithSubmenu_13rgh_435:hover{background:#ffffff1a}._menuArrow_13rgh_467{margin-left:auto;opacity:.5}._submenuHeader_13rgh_493{font-size:11px;color:var(--muted);padding:4px 8px 6px;text-transform:uppercase;letter-spacing:.05em;font-weight:600}._submenuGrid_13rgh_511{display:grid;grid-template-columns:repeat(4,1fr);gap:2px}._submenuModes_13rgh_523{display:flex;flex-direction:column;gap:2px}._submenuItem_13rgh_535{background:#ffffff0a;border:1px solid transparent;color:var(--text);padding:6px 10px;font-size:13px;border-radius:4px;cursor:pointer;text-align:center;transition:all .1s;white-space:nowrap}._submenuItem_13rgh_535:hover{background:#ffffff1f;border-color:#ffffff26}._submenuItem_13rgh_535._active_13rgh_573{background:#6366f140;border-color:#6366f180;color:#a5b4fc}._menuDivider_13rgh_477{height:1px;background:#ffffff14;margin:4px 0}._menuSectionLabel_13rgh_601{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted);padding:4px 8px 2px;font-weight:500}._historyGrid_13rgh_623{display:grid;grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:3px;padding:2px 4px 4px;max-width:240px}._historyGridItem_13rgh_639{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:var(--text);padding:5px 6px;font-size:12px;border-radius:4px;cursor:pointer;text-align:center;transition:all .1s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._historyGridItem_13rgh_639:hover{background:#6366f133;border-color:#6366f166;color:#c7d2fe}._container_12an0_1{display:flex;align-items:center;justify-content:center;gap:24px;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:8px 16px;margin-bottom:12px;height:auto;min-height:70px}._chordBox_12an0_29{display:flex;flex-direction:column;align-items:center;justify-content:center}._currentBox_12an0_43{min-width:120px}._sideBox_12an0_51{opacity:.6;min-width:60px}._label_12an0_61{font-size:10px;color:var(--muted);margin-bottom:4px;font-weight:600}._chordMain_12an0_75{display:flex;flex-direction:column;align-items:center;line-height:1}._chordSymbol_12an0_89{font-size:32px;font-weight:800;color:var(--accent)}._chordRoman_12an0_101{font-size:14px;color:var(--muted);font-weight:500;margin-top:2px}._sideChordSymbol_12an0_115{font-size:18px;font-weight:700;color:var(--text)}._separator_12an0_127{display:flex;align-items:center;color:var(--border);padding-top:10px}._arrow_12an0_141{color:var(--muted);font-size:16px;opacity:.5}._progressBarContainer_12an0_153{width:100%;height:4px;background:#ffffff1a;border-radius:2px;margin-top:8px;overflow:hidden;max-width:140px}._progressBarFill_12an0_173{height:100%;background:var(--accent)}._container_3ip32_1{display:flex;flex-direction:column;gap:16px;margin-top:40px;border-top:1px solid var(--border);padding-top:24px}._header_3ip32_19{display:flex;align-items:center;gap:8px}._label_3ip32_31{font-size:1.1rem;font-weight:700;color:var(--text);display:flex;align-items:center;gap:6px}._scrollArea_3ip32_49{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}._itemRow_3ip32_61{display:flex;flex-direction:column;gap:8px;text-decoration:none;background:transparent;border:none;padding:0;cursor:pointer;transition:opacity .2s}._itemRow_3ip32_61:hover{opacity:.8;background:transparent}._thumb_3ip32_95{width:100%;aspect-ratio:16/9;background:#000;border-radius:8px;overflow:hidden;position:relative;box-shadow:0 2px 8px #0003}._thumb_3ip32_95 img{width:100%;height:100%;object-fit:cover;display:block}._duration_3ip32_129{position:absolute;bottom:4px;right:4px;background:#000c;color:#fff;font-size:.75rem;padding:2px 4px;border-radius:4px;font-weight:500}._meta_3ip32_153{display:flex;flex-direction:column;gap:4px}._videoTitle_3ip32_165{font-size:.95rem;font-weight:600;color:var(--text);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}._artist_3ip32_187{font-size:.85rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-page-compact{display:grid;grid-template-columns:1fr;gap:24px}.video-page-compact.has-sidebar{grid-template-columns:1fr 340px}.video-header-area{min-width:0}.video-compact-header{display:grid;grid-template-columns:min(45%,640px) 1fr;gap:24px;align-items:center;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:20px}@media (max-width: 1000px){.video-compact-header{grid-template-columns:1fr}}.video-sidebar-area{height:100%}.video-timeline-area,.video-recommendations-area{grid-column:1 / -1;min-width:0}@media (max-width: 1024px){.video-page-compact.has-sidebar{grid-template-columns:1fr}.video-sidebar-area{height:500px;position:static}}@media (max-width: 600px){.video-page-compact{gap:16px}.video-compact-header{grid-template-columns:1fr;padding:12px;gap:16px;border-radius:0;border-left:none;border-right:none}}._videoInfoBox_5edz2_1{display:flex;flex-direction:column;gap:12px;margin-top:12px;min-width:0;background:#ffffff05;padding:16px;border-radius:12px;border:1px solid rgba(255,255,255,.05)}._inputGroup_5edz2_25{display:flex;flex-direction:column;gap:4px}._label_5edz2_37{font-size:11px;text-transform:uppercase;color:var(--muted);font-weight:700;letter-spacing:.05em}._titleInput_5edz2_53{font-size:24px;font-weight:700;background:#0003;border:1px solid rgba(255,255,255,.1);color:var(--text);padding:8px 12px;border-radius:6px;width:100%}._artistInput_5edz2_75{font-size:16px;background:#0003;border:1px solid rgba(255,255,255,.1);color:var(--text);padding:8px 12px;border-radius:6px;width:100%}._row_5edz2_95{display:flex;gap:16px;align-items:center}._smallInput_5edz2_107{background:#0003;border:1px solid rgba(255,255,255,.1);color:var(--text);padding:6px 10px;border-radius:6px;width:80px;font-family:monospace}._tagsSection_5edz2_127{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:8px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06)}._tag_5edz2_127{font-size:13px;color:var(--accent);padding:4px 8px;border-radius:6px;background:#7dd3fc0f;border:1px solid transparent;display:flex;align-items:center;gap:6px}._removeTag_5edz2_171{cursor:pointer;font-size:14px;opacity:.6}._removeTag_5edz2_171:hover{opacity:1;color:#ef4444}._addTagInput_5edz2_191{background:#0003;border:1px dashed rgba(255,255,255,.2);color:var(--text);padding:4px 8px;border-radius:6px;font-size:13px;width:120px}._headerPanel_1yl3o_1{display:flex;align-items:center;gap:20px;background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:24px;position:relative;overflow:hidden}._headerPanel_1yl3o_1:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:16px 16px 0 0}._avatar_1yl3o_49{width:72px;height:72px;border-radius:50%;object-fit:cover;border:2px solid var(--border);flex-shrink:0}._avatarPlaceholder_1yl3o_67{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:flex;align-items:center;justify-content:center;flex-shrink:0}._avatarPlaceholder_1yl3o_67 span{font-weight:800;color:#0b0f18;font-size:28px}._userInfo_1yl3o_101{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}._nameRow_1yl3o_117{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-height:32px}._userName_1yl3o_133{font-size:1.25rem;font-weight:800;color:#fff;letter-spacing:-.01em}._userEmail_1yl3o_147{color:var(--muted);font-size:14px}._nameInput_1yl3o_157{padding:8px 12px;border-radius:10px;border:1px solid var(--border);background:#0f172a;color:var(--text);font-size:1rem;transition:border-color .15s}._nameInput_1yl3o_157:focus{border-color:var(--accent);outline:none}._message_1yl3o_189{font-size:.8rem;color:var(--accent);animation:_fadeIn_1yl3o_1 .2s ease}._actions_1yl3o_203{display:flex;flex-shrink:0}@keyframes _fadeIn_1yl3o_1{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 600px){._headerPanel_1yl3o_1{flex-direction:column;text-align:center;gap:14px}._userInfo_1yl3o_101{align-items:center}._nameRow_1yl3o_117{justify-content:center}}._grid_12ews_1{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}._empty_12ews_13{color:var(--muted);padding:24px;text-align:center;background:var(--panel);border:1px solid var(--border);border-radius:14px}@media (max-width: 600px){._grid_12ews_1{grid-template-columns:1fr;gap:16px}}._grid_njgsu_1{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}._empty_njgsu_13{color:var(--muted);padding:24px;text-align:center;background:var(--panel);border:1px solid var(--border);border-radius:14px}@media (max-width: 600px){._grid_njgsu_1{grid-template-columns:1fr;gap:12px}}._card_12251_1{display:flex;flex-direction:column;gap:10px;border:1px solid var(--border);border-radius:12px;padding:10px;background:var(--panel);text-decoration:none;color:inherit;transition:transform .12s ease,border-color .12s ease,background .12s ease}._card_12251_1:hover{transform:translateY(-2px);border-color:var(--accent);background:#ffffff05}._thumbnail_12251_39{width:100%;aspect-ratio:16 / 9;border-radius:8px;overflow:hidden;position:relative;background:#0f172a}._overlay_12251_57{position:absolute;bottom:6px;right:6px;background:#000000bf;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:2px 6px;border-radius:4px;font-size:.75rem;font-weight:700;color:#fff;display:flex;align-items:center}._content_12251_87{display:flex;flex-direction:column;gap:4px}._name_12251_99{font-weight:700;font-size:1rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:1.4}._meta_12251_123{color:var(--muted);font-size:.85rem}._cta_12251_133{margin-top:auto;color:var(--accent);font-weight:700;font-size:.8rem}._container_zmoam_1{display:flex;flex-direction:column;gap:28px}._pageTitle_zmoam_13{display:flex;align-items:center;gap:10px;margin:8px 0 16px;font-size:1.5rem;font-weight:800;letter-spacing:-.01em}._tabBar_zmoam_35{display:flex;gap:4px;border-bottom:1px solid var(--border);padding-bottom:0}._tab_zmoam_35{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;font-size:.95rem;font-weight:600;color:var(--muted);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color .15s,border-color .15s;margin-bottom:-1px}._tab_zmoam_35:hover{color:var(--text)}._tabActive_zmoam_89{color:var(--accent);border-bottom-color:var(--accent)}._tabContent_zmoam_101{animation:_tabFadeIn_zmoam_1 .2s ease}@keyframes _tabFadeIn_zmoam_1{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}._sectionHead_zmoam_121{display:flex;align-items:baseline;gap:10px;margin:0 0 12px}._sectionTitle_zmoam_135{display:flex;align-items:center;gap:6px;font-size:1.17em;font-weight:700;margin:0}._hint_zmoam_153{color:var(--muted);font-size:13px}._link_zmoam_163{margin-left:10px;font-size:14px;color:var(--accent);text-decoration:none}._link_zmoam_163:hover{text-decoration:underline}._messagePanel_zmoam_185{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:12px 14px;color:var(--text)}._page_d67ek_1{display:flex;flex-direction:column;gap:16px}._heading_d67ek_7{display:flex;align-items:center;gap:8px;margin:8px 0 0}._form_d67ek_14{display:flex;flex-direction:column;gap:20px;padding:18px}._section_d67ek_21{display:flex;flex-direction:column;gap:12px}._sectionTop_d67ek_27{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}._sectionTitle_d67ek_35{margin:0;font-size:1rem}._importActions_d67ek_40{display:flex;gap:8px;flex-wrap:wrap}._hiddenInput_d67ek_46{display:none}._grid_d67ek_50{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}._field_d67ek_56{display:flex;flex-direction:column;gap:6px;min-width:0}._label_d67ek_63{font-size:.84rem;color:var(--muted);font-weight:600}._input_d67ek_69,._textarea_d67ek_70{border:1px solid var(--border);border-radius:10px;background:#0b1220;color:var(--text);padding:10px 12px;font-size:.95rem}._input_d67ek_69:focus,._textarea_d67ek_70:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #7dd3fc2e}._inputWithMenu_d67ek_86{position:relative}._menu_d67ek_90{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:20;background:#0b1220;border:1px solid var(--border);border-radius:10px;box-shadow:0 12px 28px #00000059;max-height:220px;overflow-y:auto}._menuItem_d67ek_104{width:100%;border:none;background:transparent;color:var(--text);text-align:left;padding:8px 10px;cursor:pointer}._menuItem_d67ek_104:hover{background:#ffffff0f}._tagSuggestions_d67ek_118{display:flex;flex-direction:column;gap:6px}._tagSuggestionCaption_d67ek_124{font-size:.78rem;color:var(--muted);font-weight:600}._tagSuggestionList_d67ek_130{display:flex;flex-wrap:wrap;gap:6px}._previewPanel_d67ek_151{background:#0b1220;border:1px solid var(--border);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:10px}._timelineGrid_d67ek_161{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}._textarea_d67ek_70{resize:vertical;min-height:180px}._codeArea_d67ek_172{font-family:SFMono-Regular,Consolas,Menlo,monospace}._errorText_d67ek_176{color:#fca5a5}._successText_d67ek_180{color:#6ee7b7}._actionRow_d67ek_184{display:flex;align-items:center;gap:8px;flex-wrap:wrap}@media (max-width: 900px){._timelineGrid_d67ek_161{grid-template-columns:1fr}}@media (max-width: 640px){._form_d67ek_14{padding:14px}._heading_d67ek_7{margin-top:0}}._tagInputContainer_d67ek_207{display:flex;flex-wrap:wrap;gap:6px;border:1px solid var(--border);border-radius:10px;background:#0b1220;padding:6px;min-height:42px}._tagInputContainer_d67ek_207:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #7dd3fc2e}._tagInput_d67ek_207{flex:1;min-width:120px;background:transparent;border:none;color:var(--text);font-size:.95rem;padding:4px}._tagInput_d67ek_207:focus{outline:none}._tagChip_d67ek_237{display:flex;align-items:center;gap:4px;background:#ffffff1a;color:var(--text);border-radius:6px;padding:2px 8px;font-size:.9rem;-webkit-user-select:none;user-select:none}._registeredTag_d67ek_249{background:#10b98133;border:1px solid rgba(16,185,129,.4);color:#a7f3d0}._tagSuggestionChip_d67ek_136{border:1px solid var(--border);background:#7dd3fc1a;color:var(--text);border-radius:999px;padding:4px 10px;font-size:.8rem;cursor:pointer}._tagSuggestionChip_d67ek_136:hover{border-color:var(--accent);background:#7dd3fc33}._tagSuggestionChip_d67ek_136._selected_d67ek_270{background:var(--accent);color:#000;border-color:var(--accent);opacity:.8;cursor:default}._tagSuggestionChip_d67ek_136._selected_d67ek_270:hover{background:var(--accent);opacity:.9}._removeTagButton_d67ek_283{display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--muted);cursor:pointer;padding:0;width:16px;height:16px;font-size:1.1rem;line-height:1;border-radius:50%}._removeTagButton_d67ek_283:hover{color:#fca5a5;background:#ffffff1a}._settingsHeader_lmehk_1{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px 20px;align-items:flex-start}._settingsInfo_lmehk_15{display:flex;flex-direction:column;gap:6px}._settingsVisibility_lmehk_27{display:flex;flex-direction:column;gap:8px;min-width:280px}._settingsRename_lmehk_41{display:flex;flex-direction:column;gap:8px;min-width:300px}._nameRow_lmehk_55{width:100%}._nameRow_lmehk_55 input{padding:8px 12px;border-radius:8px;border:1px solid var(--border);background:#0f172a;color:var(--text);width:100%;transition:border-color .12s ease}._nameRow_lmehk_55 input:focus{outline:none;border-color:var(--accent);background:#7dd3fc0d}._settingsList_lmehk_95{display:flex;flex-direction:column;gap:12px}._itemRow_lmehk_107{display:flex;gap:12px;align-items:center;cursor:pointer;padding:8px;border-radius:12px;transition:background .12s ease,transform .12s ease}._itemRow_lmehk_107:hover{background:#ffffff05;transform:translateY(-1px)}._itemThumb_lmehk_137{width:140px;flex-shrink:0;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#0f172a;border:1px solid var(--border);position:relative}._itemThumb_lmehk_137 img{width:100%;height:100%;object-fit:cover;display:block}._playOverlay_lmehk_173{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}._itemRow_lmehk_107:hover ._playOverlay_lmehk_173{opacity:1}._playIcon_lmehk_203{width:40px;height:40px;background:#fff3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;transform:scale(.9);transition:transform .2s ease,background .2s ease}._itemRow_lmehk_107:hover ._playIcon_lmehk_203{transform:scale(1)}._playIcon_lmehk_203:hover{background:var(--accent);color:#0b0f18}._itemMeta_lmehk_249{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}._itemMeta_lmehk_249 ._title_lmehk_265{color:#f9fafb;text-shadow:0 1px 2px rgba(0,0,0,.35)}._itemActions_lmehk_275{display:flex;gap:8px;align-items:center;flex-wrap:wrap;flex-shrink:0}@media (max-width: 720px){._itemRow_lmehk_107{flex-direction:column;align-items:inherit}._itemThumb_lmehk_137{width:100%;max-width:100%}._itemActions_lmehk_275{justify-content:flex-start}}._cardLink_lmehk_325{display:flex;flex-direction:column;gap:6px;border:1px solid var(--border);border-radius:14px;padding:12px 14px;background:var(--panel);transition:transform .12s ease,border-color .12s ease,background .12s ease}._cardLink_lmehk_325:hover{transform:translateY(-2px);border-color:var(--accent);background:#ffffff05}.react-flow{direction:ltr}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;cursor:-webkit-grab;cursor:grab}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{pointer-events:none;overflow:visible}.react-flow__edge-path,.react-flow__connection-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{pointer-events:visibleStroke;cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;-webkit-animation:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:-webkit-grab;cursor:grab}.react-flow__node.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:-webkit-grab;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background:#1a192b;border:1px solid white;border-radius:100%}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:-4px;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{top:50%;left:-4px;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translate(-50%)}.react-flow__attribution{font-size:10px;background:#ffffff80;padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@-webkit-keyframes dashdraw{0%{stroke-dashoffset:10}}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-input,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:3px;width:150px;font-size:12px;color:#222;text-align:center;border-width:1px;border-style:solid;border-color:#1a192b;background-color:#fff}.react-flow__node-default.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted rgba(0,89,220,.8)}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{border:none;background:#fefefe;border-bottom:1px solid #eee;box-sizing:content-box;display:flex;justify-content:center;align-items:center;width:16px;height:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:5px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:4px;height:4px;border:1px solid #fff;border-radius:1px;background-color:#3367d9;transform:translate(-50%,-50%)}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:#3367d9;border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}:root{--bg: #0b0f18;--panel: #111827;--border: #1f2937;--text: #e5e7eb;--muted: #9ca3af;--accent: #7dd3fc;--accent-2: #a78bfa;font-family:Space Grotesk,Helvetica Neue,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg)}#root{min-height:100vh}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;background:#0b0f18e6;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.topbar-left{display:flex;align-items:center;gap:20px}.logo{font-weight:800;letter-spacing:-.02em;font-size:20px}.nav{display:flex;gap:16px;font-weight:600;justify-content:flex-start;text-align:left}.nav a{display:inline-flex;align-items:center;gap:6px;line-height:1.2}.nav-actions{display:flex;align-items:center}.page{max-width:1180px;margin:0 auto;padding:24px 16px 48px}.page.page-wide{max-width:none;margin:0;width:100%;padding:24px 48px 48px}h2,h3{margin:8px 0 16px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.video-card{background:var(--panel);border:1px solid var(--border);border-radius:14px;overflow:visible;display:flex;flex-direction:column;transition:transform .1s ease,border-color .1s ease;position:relative}.video-card:hover{transform:translateY(-2px);border-color:var(--accent)}.card-link{display:block;height:100%;color:inherit;text-decoration:none}.card-actions{position:absolute;top:10px;right:10px;z-index:5}.menu-button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#0000008c;color:#fff;border:1px solid rgba(255,255,255,.08);border-radius:50%;padding:0;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .1s ease,transform .1s ease}.menu-button:hover{background:#000000bf;transform:scale(1.05)}.card-dropdown{position:absolute;top:calc(100% + 6px);right:0;background:#0b1220;border:1px solid #1f2937;border-radius:12px;box-shadow:0 12px 28px #00000059;padding:6px;min-width:260px;display:flex;flex-direction:column;gap:4px;z-index:30;animation:fadeIn .12s ease-out}.card-dropdown button{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:none;background:transparent;color:#e5e7eb;border-radius:10px;cursor:pointer;text-align:left;font-size:.85rem;white-space:nowrap;transition:background .1s ease}.card-dropdown button:hover:enabled{background:#ffffff14}.card-dropdown button:disabled{opacity:.6;cursor:not-allowed}.card-toast{position:absolute;bottom:10px;left:10px;right:10px;background:#0f766ef2;color:#ecfdf5;padding:8px 12px;border-radius:10px;font-size:.78rem;font-weight:600;box-shadow:0 8px 20px #0000004d;text-align:center;z-index:10;animation:fadeIn .15s ease-out}.thumb{position:relative;background:#0f172a;overflow:hidden;border-top-left-radius:14px;border-top-right-radius:14px}.thumb img{width:100%;display:block;aspect-ratio:16/9;object-fit:cover}.duration{position:absolute;right:8px;bottom:8px;padding:4px 8px;background:#000000b3;border-radius:6px;font-size:12px}.favorite-badge{position:absolute;top:8px;left:8px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:50%;color:#f472b6}.meta{padding:12px}.meta .title{font-weight:700;margin-bottom:4px;color:#f9fafb;text-shadow:0 1px 2px rgba(0,0,0,.35)}.sub{color:var(--muted);font-size:13px}.tag-row{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px}.chip{padding:6px 10px;border-radius:999px;background:#7dd3fc1a;border:1px solid var(--border);font-size:12px}.inline-link{color:var(--accent);text-decoration:none;transition:color .12s ease,text-decoration-color .12s ease}.link-chip:hover{border-color:var(--accent)}.inline-link:hover{color:var(--accent-2);text-decoration:underline;text-decoration-color:var(--accent-2)}.link-chip{transition:border-color .12s ease,transform .12s ease,background .12s ease}.link-chip:hover{background:#7dd3fc29;transform:translateY(-1px)}.skeleton-card{position:relative;overflow:hidden}.skeleton-block{width:100%;height:0;padding-bottom:56.25%;background:linear-gradient(90deg,#0f172a 25%,#1a2237 37%,#0f172a 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite}.skeleton-line{height:12px;border-radius:999px;background:linear-gradient(90deg,#1a2237 25%,#24304a 37%,#1a2237 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite;margin-bottom:8px}.skeleton-line.short{width:70%}.skeleton-line.tiny{width:50%;height:10px}.skeleton-pill{display:inline-block;min-width:50px;height:10px;background:linear-gradient(90deg,#1a2237 25%,#24304a 37%,#1a2237 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite;border:none}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.empty{color:var(--muted);padding:16px}.video-page{display:flex;flex-direction:column;gap:16px;font-size:1.12rem}.video-header{display:grid;grid-template-columns:1fr 320px;gap:16px;align-items:start}.player{width:100%;aspect-ratio:16/9;background:#000;border-radius:14px;overflow:hidden;border:1px solid var(--border);position:relative}.player iframe{width:100%;height:100%;border:none}.player.small{aspect-ratio:16/9;max-width:320px;justify-self:end}.panel{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:12px 14px}.timeline{margin-top:8px;-webkit-user-select:none;user-select:none}.timeline-shell{width:100%;max-width:100%;overflow-x:auto;overflow-y:visible;overscroll-behavior:contain;-webkit-user-select:none;user-select:none}.timeline-track{display:inline-block;min-width:100%;position:relative;overflow:visible;padding-bottom:48px;padding-top:28px;--tick: 20px;z-index:0}.tick-lines{position:absolute;top:12px;bottom:0;left:0;right:0;pointer-events:none;z-index:0}.tick-lines span{position:absolute;top:0;bottom:0;width:1px;background:#ffffff80;transform:none}.timeline-row{display:flex;gap:2px;margin-bottom:4px;overflow:visible;z-index:2;-webkit-user-select:none;user-select:none}.segment{display:inline-flex;align-items:center;justify-content:flex-start;padding:6px;border-radius:8px;color:#0b0f18;font-weight:700;white-space:nowrap;overflow:visible;text-overflow:ellipsis;position:relative;transition:transform .1s ease,box-shadow .1s ease}.label-text{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:2px;max-width:calc(100% - 12px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:sticky;left:6px;padding-right:6px}.label-symbol{font-weight:800;max-width:100%;overflow:hidden;text-overflow:ellipsis}.label-roman{font-weight:600;font-size:12px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.segment:hover{filter:brightness(.95);z-index:20;transform:scale(1.05);overflow:visible;box-shadow:0 8px 18px #00000040}.keys .segment{background:#bae6fd}.chords .segment{background:#c7d2fe}.segment.key,.segment.chord{border:none;cursor:pointer}.segment:hover .label-text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#0b0f18;color:var(--text);border:1px solid var(--border);border-radius:8px;padding:6px 10px;white-space:nowrap;max-width:none;min-width:max-content;text-overflow:initial;box-shadow:0 12px 24px #00000059;z-index:40}.chords .segment:hover .label-text{top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;transform:none;min-width:100%}.keys .segment:hover{transform:none;box-shadow:none}.keys .segment:hover .label-text{position:static;transform:none;background:transparent;color:inherit;border:none;box-shadow:none;min-width:auto;padding:0}.playhead{position:absolute;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--accent),var(--accent-2));box-shadow:0 0 8px #7dd3fc99}.tick-labels{position:absolute;top:8px;left:0;right:0;pointer-events:none;font-size:10px;color:var(--muted);overflow:visible}.tick-labels span{position:absolute;transform:translate(-50%,-40%);top:0}.tick-labels span:first-child{left:0;transform:translateY(-40%)}.chord-list{margin-top:12px;border-top:1px solid var(--border)}.chord-row{display:grid;grid-template-columns:120px 1fr 80px;gap:8px;padding:8px 0;border-bottom:1px solid var(--border);cursor:pointer}.chord-row:hover{background:#ffffff08}.chord-symbol{font-weight:700}.chord-roman{color:var(--muted);text-align:right}.key-list{margin-top:8px;border-top:1px solid var(--border)}.key-row{display:grid;grid-template-columns:160px 1fr 70px;gap:8px;padding:8px 0;border-bottom:1px solid var(--border);cursor:pointer}.key-row:hover{background:#ffffff08}.key-time{color:var(--muted)}.key-label{font-weight:700}.key-seek{color:var(--accent);text-align:right;font-weight:600}.button{border:none;border-radius:12px;padding:12px 16px;font-weight:600;color:#0a0f1a;background:linear-gradient(135deg,var(--accent),var(--accent-2));cursor:pointer}.button.ghost{background:transparent;color:var(--muted);border:1px solid rgba(255,255,255,.1);padding:10px 18px;transition:all .2s ease}.button.ghost:hover{border-color:var(--text);color:var(--text);background:#ffffff0d}.button.primary{color:#0b0f18;background:var(--accent);border:none;padding:10px 24px;transition:all .2s ease}.button.primary:hover{filter:brightness(1.1)}.button.primary:active{transform:translateY(1px)}.timeline-zoom-control{display:flex;align-items:center;gap:10px;margin-bottom:8px}.timeline-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.zoom-wrap{display:flex;align-items:center;gap:8px}.zoom-slider{accent-color:var(--accent);width:160px}.zoom-icon{font-size:22px;display:inline-flex;align-items:center;justify-content:center;margin-top:2px}.section-head{display:flex;align-items:baseline;gap:10px;margin:10px 0 12px}.hint{color:var(--muted);font-size:13px}.tag-section{display:flex;flex-direction:column;gap:12px}.tag-block{background:#ffffff05;border:1px solid var(--border);border-radius:12px;padding:10px}.tag-block-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.grid.mini{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.text-link{margin-left:10px;font-size:14px;color:var(--accent)}.ranking-list{display:flex;flex-direction:column;gap:12px}.ranking-row-card{display:grid;grid-template-columns:70px 240px 1fr;gap:14px;align-items:center;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:14px;transition:transform .12s ease,border-color .12s ease,background .12s ease,box-shadow .12s ease}.ranking-row-card:hover{transform:translateY(-2px);border-color:var(--accent);background:#ffffff05;box-shadow:0 8px 24px #00000026}.ranking-row-card:hover .ranking-thumb img{transform:scale(1.05)}.rank-badge{display:flex;align-items:center;justify-content:center;flex-direction:column;font-weight:800;font-size:22px;letter-spacing:-.01em;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#0b0f18;border-radius:12px;height:100%;min-height:92px;gap:2px}.rank-badge .medal{font-size:28px;line-height:1}.rank-badge.gold{background:linear-gradient(135deg,#fbbf24,#f59e0b,#d97706);box-shadow:0 0 16px #fbbf2440}.rank-badge.silver{background:linear-gradient(135deg,#e2e8f0,#94a3b8,#cbd5e1);box-shadow:0 0 12px #94a3b833}.rank-badge.bronze{background:linear-gradient(135deg,#d4a574,#b8845f,#cd7f32);box-shadow:0 0 12px #cd7f3233}.ranking-thumb{position:relative;width:100%;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:#0f172a;border:1px solid var(--border)}.ranking-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s ease}.ranking-thumb .duration{font-weight:700}.ranking-meta{display:flex;flex-direction:column;gap:6px;min-width:0}.ranking-meta .title{font-weight:800;font-size:17px;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.35;color:#f9fafb;text-shadow:0 1px 2px rgba(0,0,0,.35)}.meta-stats{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.chip.compact{padding:4px 8px;font-size:11px}.chip.subtle{background:#ffffff0a;border-color:var(--border);color:var(--muted)}.chip.stat{display:inline-flex;align-items:center;gap:4px;background:#a78bfa1f;border-color:#a78bfa80;color:var(--text)}.tag-row.compact{gap:4px}.ranking-skeleton{pointer-events:none}.ranking-skeleton .skeleton-badge{background:linear-gradient(90deg,#1a2237 25%,#24304a 37%,#1a2237 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite;min-height:92px}.ranking-skeleton .skeleton-block{aspect-ratio:16/9;padding-bottom:0;height:auto;border-radius:10px}.date-picker-panel{display:flex;gap:12px;align-items:center;margin-bottom:14px;flex-wrap:wrap}.date-pills{display:flex;gap:8px;flex-wrap:wrap}.today-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);display:inline-block}.pill.active .today-dot{background:#0b0f18}.login-page{display:flex;flex-direction:column;gap:20px}.login-hero{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;align-items:center}.eyebrow{font-size:13px;color:var(--accent);letter-spacing:.04em;margin:0 0 8px;text-transform:uppercase}.login-features{margin:8px 0 12px;padding-left:18px;color:var(--text);line-height:1.7}.login-card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:10px;box-shadow:0 15px 50px #00000040}.login-card h3{margin:0}.google-button{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--border);background:#0f172a;color:var(--text);font-weight:700;padding:12px 14px;border-radius:12px;cursor:pointer;transition:border-color .12s ease,transform .12s ease}.google-button:hover{border-color:var(--accent);transform:translateY(-1px)}.google-mark{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,#4285f4,#34a853,#fbbc05,#ea4335);display:inline-flex;align-items:center;justify-content:center;font-weight:900;color:#0b0f18;font-size:14px}.login-note{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.pager{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;flex-wrap:wrap}.pager-range{color:var(--muted);font-size:13px}.pager-buttons{display:flex;align-items:center;gap:8px}.pager-button{border:1px solid var(--border);background:#0f172a;color:var(--text);padding:8px 12px;border-radius:10px;cursor:pointer;font-weight:600}.pager-button:hover:enabled{border-color:var(--accent);color:var(--accent)}.pager-button:disabled{opacity:.5;cursor:not-allowed}.pager-page{color:var(--muted);min-width:70px;text-align:center}@media (max-width: 900px){.login-hero{grid-template-columns:1fr}.nav{gap:12px}.nav-actions .button{padding:8px 12px}}@media (max-width: 800px){.ranking-row-card{grid-template-columns:56px 1fr;gap:10px;padding:10px}.rank-badge{min-height:56px;font-size:18px;border-radius:10px}.rank-badge .medal{font-size:22px}.ranking-thumb{display:none}.ranking-meta .title{font-size:15px}}.pill-row{display:flex;gap:8px;flex-wrap:wrap}.pill{border:1px solid var(--border);background:#0f172a;color:var(--text);padding:8px 12px;border-radius:999px;cursor:pointer;font-weight:600;display:inline-flex;align-items:center;gap:6px;line-height:1.2}.pill.active{border-color:var(--accent);color:var(--accent);background:#7dd3fc1a}.pill.ghost{background:transparent}.pill.danger{border-color:#ef4444;color:#ef4444}.pill.small{padding:6px 10px;font-size:13px;gap:4px}.pill:disabled{opacity:.55;cursor:not-allowed}.playlist-card-link{display:flex;flex-direction:column;gap:6px;border:1px solid var(--border);border-radius:14px;padding:12px 14px;background:var(--panel);transition:transform .12s ease,border-color .12s ease,background .12s ease}.playlist-card-link:hover{transform:translateY(-2px);border-color:var(--accent);background:#ffffff05}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}