:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--gradient-brand:linear-gradient(135deg, #ff3d77 0%, #ff7a3d 100%);--gradient-brand-soft:linear-gradient(135deg, #ff3d771f 0%, #ff7a3d1f 100%);--color-accent:#ef2c72;--color-accent-600:#ff4d84;--color-accent-700:#d81558;--color-accent-800:#a80f44;--color-accent-tint-bg:#fde3ec;--color-accent-tint-text:#b4165a;--color-on-accent:#fff;--color-bg:#fff;--color-surface:#faf7f8;--color-surface-2:#f1ecee;--color-text:#1e1620;--color-text-muted:#1e162094;--color-text-faint:#1e162066;--color-divider:#ece6e9;--color-border:#e4dee1;--color-overlay:#1e12188c;--color-video-bg:#17131a;--font-heading:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-body:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-pill:999px;--shadow-sm:0 1px 2px #1e12180f;--shadow-md:0 6px 16px #1e12181a;--shadow-lg:0 12px 32px #1e121829;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--color-difficulty-easy:#16a34a;--color-difficulty-mid:#d97706;--color-difficulty-hard:#dc2626}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-accent:#ff6b93;--color-accent-600:#ff86a8;--color-accent-700:#ff6b93;--color-accent-800:#ffb4ce;--color-accent-tint-bg:#ff6b9329;--color-accent-tint-text:#ffb4ce;--color-on-accent:#fff;--color-bg:#15111a;--color-surface:#1f1924;--color-surface-2:#2a222e;--color-text:#f6f1f4;--color-text-muted:#f6f1f49e;--color-text-faint:#f6f1f46b;--color-divider:#332b39;--color-border:#3a313f;--color-overlay:#0009;--color-video-bg:#0c0a0e;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 6px 16px #00000059;--shadow-lg:0 12px 32px #00000073;--color-difficulty-easy:#4ade80;--color-difficulty-mid:#fbbf24;--color-difficulty-hard:#f87171}}*,:before,:after{box-sizing:border-box}html,body{background:var(--color-bg);overscroll-behavior:none;height:100%;margin:0;padding:0}body{font-family:var(--font-body);color:var(--color-text);-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased}#root{height:100%}button,input{color:inherit;font-family:inherit}button{appearance:none}h1,h2,h3,p{margin:0}a{color:var(--color-accent-700)}::-webkit-scrollbar{display:none}*{scrollbar-width:none}.btn{cursor:pointer;font-family:var(--font-heading);border-radius:var(--radius-md);border:none;justify-content:center;align-items:center;gap:8px;padding:14px 18px;font-size:15px;font-weight:700;transition:opacity .15s,transform 50ms;display:flex}.btn:active{transform:scale(.98)}.btn-block{width:100%;margin-bottom:12px}.btn-primary{background:var(--gradient-brand);color:var(--color-on-accent);box-shadow:var(--shadow-sm)}.btn-secondary{background:var(--color-surface-2);color:var(--color-text)}.btn-ghost{color:var(--color-accent-700);border:1.5px solid var(--color-divider);background:0 0}.btn-icon{border:1px solid var(--color-divider);color:var(--color-text);border-radius:var(--radius-sm);cursor:pointer;background:0 0;flex:none;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.btn-icon:active{background:var(--color-surface-2)}.input{border:1.5px solid var(--color-divider);background:var(--color-surface);width:100%;color:var(--color-text);border-radius:var(--radius-md);outline:none;padding:12px 14px;font-size:15px}.input:focus{border-color:var(--color-accent-600)}.input::placeholder{color:var(--color-text-faint)}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--color-text-muted);font-size:12.5px;font-weight:600}.tag{border-radius:var(--radius-pill);background:var(--color-surface-2);color:var(--color-text-muted);white-space:nowrap;align-items:center;gap:4px;padding:5px 10px;font-size:11px;font-weight:700;display:inline-flex}.tag-accent{background:var(--color-accent-tint-bg);color:var(--color-accent-tint-text)}.tag-gradient{background:var(--gradient-brand);color:var(--color-on-accent)}.hr{background:var(--color-divider);border:none;height:1px;margin:16px 0}.dialog{background:var(--color-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:22px}.dialog-title{font-family:var(--font-heading);margin-bottom:10px;font-size:18px;font-weight:800}.dialog-body{color:var(--color-text-muted);margin-bottom:18px;font-size:13.5px;line-height:1.5}.dialog-actions{justify-content:flex-end;gap:10px;display:flex}.dialog-actions .btn{padding:10px 16px;font-size:13.5px}.sheet-overlay{background:var(--color-overlay);z-index:50;align-items:flex-end;display:flex;position:absolute;inset:0}.sheet{background:var(--color-bg);border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;padding:20px 20px calc(24px + var(--safe-bottom));max-height:88%;overflow-y:auto}.toast{left:16px;right:16px;bottom:calc(80px + var(--safe-bottom));background:var(--color-text);color:var(--color-bg);border-radius:var(--radius-md);text-align:center;z-index:60;box-shadow:var(--shadow-lg);padding:12px 16px;font-size:13px;position:absolute}.icon{display:block}.song-card{border:none;border-bottom:1px solid var(--color-divider);cursor:pointer;text-align:left;background:0 0;align-items:center;gap:14px;width:100%;padding:14px 0;display:flex}.song-card-thumb{background:var(--color-surface-2);width:52px;height:52px;font-family:var(--font-heading);color:var(--color-text-muted);border-radius:var(--radius-sm);flex:none;justify-content:center;align-items:center;font-size:15px;font-weight:800;display:flex}.song-card-body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.song-card-title{font-family:var(--font-heading);white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:800;overflow:hidden}.song-card-artist{color:var(--color-text-muted);font-size:12.5px}.song-card-meta{align-items:center;gap:8px;margin-top:2px;display:flex}.song-card-dots{gap:4px;display:flex}.song-card-dot{border-radius:50%;width:8px;height:8px}.song-card-difficulty{color:var(--color-text-faint);font-size:11px}.song-card-lock{flex:none}.song-card-chevron{color:var(--color-text-faint);flex:none}.music-hub{aspect-ratio:1;text-align:center;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:39.6%;margin:0;padding:0;transition:transform .15s;display:flex;position:absolute;top:31.7%;left:.6%}.music-hub:active{transform:scale(.97)}.music-hub-wave{display:block}.music-hub-tagline{color:var(--color-text);font-family:var(--font-heading);margin:0;font-size:12.5px;font-weight:700;line-height:1.35}.petal-card{cursor:pointer;background:0 0;border:none;width:100%;height:100%;margin:0;padding:0;display:block;position:absolute;inset:0}.petal-card-content{text-align:left;pointer-events:none;flex-direction:row;align-items:flex-start;gap:8px;display:flex;position:absolute}.petal-card-icon{flex:none;margin-top:1px;display:block}.petal-card-copy{flex-direction:column;min-width:0;display:flex}.petal-card-title{color:var(--color-text);font-family:var(--font-heading);font-size:12.5px;font-weight:800;line-height:1.18}.petal-card-desc{color:var(--color-text-muted);margin-top:3px;font-size:9px;line-height:1.28}.home-screen{flex-direction:column;flex:1;min-height:0;display:flex}.home-scroll{flex:1;overflow-y:auto}.home-hero{padding-bottom:6px}.home-top{padding:calc(20px + var(--safe-top)) 20px 0;justify-content:space-between;align-items:center;gap:12px;display:flex}.home-logo{border-radius:var(--radius-lg);background:var(--color-video-bg);align-items:center;padding:10px 16px;display:flex}.home-logo img{width:auto;height:22px;display:block}.home-profile-btn{border:1.5px solid var(--color-accent-600);width:36px;height:36px;color:var(--color-accent-600);cursor:pointer;background:0 0;border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.home-dashboard{aspect-ratio:900/1006;width:100%;max-width:430px;margin:4px auto 0;position:relative}.home-dashboard-bg{width:100%;height:100%;display:block;position:absolute;inset:0}.home-dashboard-bg-light{display:none}@media (prefers-color-scheme:dark){.home-dashboard-bg-dark{display:block}.home-dashboard-bg-light{display:none}}@media (prefers-color-scheme:light){.home-dashboard-bg-dark{display:none}.home-dashboard-bg-light{display:block}}.home-popular-header{justify-content:space-between;align-items:center;padding:18px 20px 4px;display:flex}.home-popular-header h2{font-family:var(--font-heading);font-size:16px;font-weight:800}.home-popular-seeall{color:var(--color-accent-700);cursor:pointer;background:0 0;border:none;align-items:center;gap:2px;padding:4px;font-size:13px;font-weight:600;display:flex}.song-list{padding:0 20px 24px}.screen-header{padding:calc(14px + var(--safe-top)) 20px 14px;border-bottom:1px solid var(--color-divider);background:var(--color-bg);flex:none;align-items:center;gap:12px;display:flex}.screen-header-text{flex:1;min-width:0}.screen-header-title{font-family:var(--font-heading);white-space:nowrap;text-overflow:ellipsis;font-size:18px;font-weight:800;overflow:hidden}.screen-header-subtitle{color:var(--color-text-muted);font-size:12.5px}.library-screen{flex-direction:column;flex:1;min-height:0;display:flex}.library-scroll{flex:1;overflow-y:auto}.library-search{padding:16px 20px;position:relative}.library-search-icon{color:var(--color-text-faint);position:absolute;top:50%;left:32px;transform:translateY(-50%)}.library-list{padding:0 20px 24px}.library-empty{text-align:center;color:var(--color-text-muted);padding:24px 0;font-size:13.5px}.favorites-screen{flex-direction:column;flex:1;min-height:0;display:flex}.favorites-tabs{flex:none;gap:8px;padding:14px 20px 0;display:flex}.favorites-tab{border-radius:var(--radius-sm);border:1px solid var(--color-divider);color:var(--color-text-muted);cursor:pointer;background:0 0;flex:1;padding:9px 8px;font-size:13px;font-weight:700}.favorites-tab.is-active{background:var(--gradient-brand);color:var(--color-on-accent);border-color:#0000}.favorites-scroll{flex:1;overflow-y:auto}.favorites-empty{text-align:center;color:var(--color-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:60px 32px;display:flex}.favorites-empty-hint{color:var(--color-text-faint);font-size:12.5px}.favorites-list{padding:0 20px}.favorites-row{border:none;border-bottom:1px solid var(--color-divider);cursor:pointer;text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:16px 0;display:flex}.favorites-row-name{font-family:var(--font-heading);color:var(--color-accent-700);font-size:20px;font-weight:800}.favorites-row-descriptor{color:var(--color-text-muted);margin-top:2px;font-size:12.5px}.favorites-row-chevron{color:var(--color-text-faint);flex:none}.video-player{background:var(--color-video-bg);width:100%;height:100%;overflow:hidden}.video-player video{object-fit:contain;background:var(--color-video-bg);border:0;width:100%;height:100%;display:block}.switch{border-radius:var(--radius-pill);background:var(--color-divider);cursor:pointer;border:none;flex:none;align-items:center;width:38px;height:22px;padding:2px;transition:background .15s;display:flex}.switch.is-on{background:var(--gradient-brand)}.switch-knob{width:18px;height:18px;box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;transition:transform .15s}.switch.is-on .switch-knob{transform:translate(16px)}.split-lines{scroll-snap-type:y mandatory;border-bottom:1px solid var(--color-divider);flex:none;height:64px;padding:0 20px;overflow:hidden auto}.split-line{scroll-snap-align:start;flex-wrap:wrap;flex:none;align-items:center;row-gap:2px;height:64px;display:flex}.song-chord-compact{min-height:30px;font-size:13px}.song-chord-compact.is-filled{box-shadow:0 0 8px 2px color-mix(in srgb, var(--color-accent-600) 45%, transparent);padding:1px 6px}.song-chord-spacer-compact{min-height:30px}.song-word-compact{font-size:13.5px;line-height:1.2}.song-screen{flex-direction:column;flex:1;min-height:0;display:flex}.screen-header{padding-top:calc(14px + var(--safe-top))}.selection-toggle{color:var(--color-text);border:1px solid var(--color-divider);border-radius:var(--radius-sm);cursor:pointer;background:0 0;flex:none;align-items:center;gap:6px;padding:8px 10px;font-size:11px;font-weight:600;display:flex}.selection-toggle.is-active{background:var(--gradient-brand);color:var(--color-on-accent);border-color:#0000}.song-lyrics{flex:1;padding:22px 20px 24px;overflow-y:auto}.song-lyrics-disclaimer{color:var(--color-text-faint);margin:0 0 18px;font-size:11px}.song-line{border-radius:var(--radius-sm);cursor:pointer;background:0 0;flex-wrap:wrap;align-items:flex-end;row-gap:2px;margin:0 -8px 4px;padding:6px 8px;display:flex}.song-line.is-current{background:var(--color-surface)}.song-token{flex-direction:column;align-items:flex-start;margin-right:1px;display:flex}.song-chord{min-height:44px;color:var(--color-accent-700);font-family:var(--font-heading);cursor:pointer;background:0 0;border:none;border-radius:999px;align-items:flex-end;padding:0 3px;font-size:16px;font-weight:800;transition:background-color .18s,box-shadow .18s,color .18s,padding .18s;display:flex}.song-chord.is-filled{background:var(--color-accent-600);color:var(--color-on-accent);box-shadow:0 0 10px 3px color-mix(in srgb, var(--color-accent-600) 45%, transparent);padding:2px 9px}.song-chord-spacer{min-height:44px;display:block}.song-word{white-space:pre;font-size:19px;line-height:1.3}.selection-bar{border-top:1px solid var(--color-divider);background:var(--color-surface);color:var(--color-text-muted);flex:none;justify-content:space-between;align-items:center;gap:12px;padding:10px 20px;font-size:12.5px;display:flex}.selection-bar .btn:disabled{opacity:.4;pointer-events:none}.song-line-nav{padding:12px 20px calc(12px + var(--safe-bottom));border-top:1px solid var(--color-divider);flex:none;justify-content:space-between;align-items:center;gap:12px;display:flex}.song-line-nav-label{color:var(--color-text-muted);font-size:12px;font-weight:600}.dictionary-screen{flex-direction:column;flex:1;min-height:0;display:flex}.dictionary-search{flex:none;padding:16px 20px;position:relative}.dictionary-search-icon{color:var(--color-text-faint);position:absolute;top:50%;left:32px;transform:translateY(-50%)}.dictionary-empty{text-align:center;color:var(--color-text-muted);padding:24px 20px;font-size:13.5px}.dictionary-list{flex:1;overflow-y:auto}.dictionary-row{border:none;border-bottom:1px solid var(--color-divider);cursor:pointer;text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:16px 20px;display:flex}.dictionary-row-name{font-family:var(--font-heading);color:var(--color-accent-700);font-size:20px;font-weight:800}.dictionary-row-descriptor{color:var(--color-text-muted);margin-top:2px;font-size:12.5px}.dictionary-row-chevron{color:var(--color-text-faint);flex:none}.login-screen{flex-direction:column;flex:1;min-height:0;display:flex}.login-body{flex:1;padding:28px 24px;overflow-y:auto}.login-avatar{background:var(--color-surface-2);width:72px;height:72px;color:var(--color-text-muted);border-radius:var(--radius-lg);justify-content:center;align-items:center;margin-bottom:20px;display:flex}.login-body h2{font-family:var(--font-heading);margin-bottom:8px;font-size:22px}.login-intro{color:var(--color-text-muted);margin-bottom:24px;font-size:13.5px;line-height:1.5}.login-admin-link{width:100%;color:var(--color-text-faint);text-align:center;cursor:pointer;background:0 0;border:none;margin-top:28px;padding:8px;font-size:12px;text-decoration:underline;display:block}.admin-screen{flex-direction:column;flex:1;min-height:0;display:flex}.admin-scroll{flex:1;overflow-y:auto}.admin-hint{color:var(--color-text-muted);font-size:12px;line-height:1.5}.admin-song-list{padding:0 20px}.admin-song-row{border-bottom:1px solid var(--color-divider);align-items:center;gap:8px;display:flex}.admin-song-row-main{cursor:pointer;text-align:left;background:0 0;border:none;flex:1;justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:14px 0;display:flex}.admin-song-row-title{font-family:var(--font-heading);font-size:15px;font-weight:800}.admin-song-row-meta{color:var(--color-text-muted);margin-top:2px;font-size:12px}.admin-song-delete{color:var(--color-accent-700);cursor:pointer;background:0 0;border:none;flex:none;padding:8px 4px;font-size:12px}.admin-export{padding:4px 20px 32px}.admin-form{padding:18px 20px 32px}.admin-form-errors{background:var(--color-accent-tint-bg);color:var(--color-accent-tint-text);border-radius:var(--radius-sm);margin-bottom:16px;padding:12px 14px;font-size:12.5px;line-height:1.5}.admin-form-errors p{margin:0}.admin-form-errors p+p{margin-top:6px}.admin-form-info{background:var(--color-surface-2);color:var(--color-text-muted);border-radius:var(--radius-sm);margin-bottom:16px;padding:12px 14px;font-size:12.5px;line-height:1.5}.admin-form-info strong{color:var(--color-text)}.admin-form-row{gap:12px;display:flex}.admin-checkbox{color:var(--color-text);cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.admin-lyrics-textarea{resize:vertical;min-height:140px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.6}.admin-contextual{border-top:1px solid var(--color-divider);margin-top:8px;padding-top:12px}.admin-form-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.community-screen{flex-direction:column;flex:1;min-height:0;display:flex}.community-body{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;padding:32px;display:flex}.community-icon{width:56px;height:56px;color:var(--color-on-accent);background:var(--gradient-brand);border-radius:50%;justify-content:center;align-items:center;margin-bottom:6px;display:flex}.community-badge{border-radius:var(--radius-pill);background:var(--color-accent-tint-bg);color:var(--color-accent-tint-text);padding:5px 14px;font-size:12px;font-weight:700;display:inline-block}.community-body h2{font-family:var(--font-heading);margin:4px 0 0;font-size:19px;font-weight:800}.community-text{max-width:280px;color:var(--color-text-muted);font-size:14px;line-height:1.5}.tab-bar{border-top:1px solid var(--color-divider);background:var(--color-bg);padding-bottom:var(--safe-bottom);flex:none;align-items:stretch;display:flex}.tab-bar-btn{cursor:pointer;color:var(--color-text-faint);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:3px;padding:10px 0;display:flex}.tab-bar-btn span{font-size:10.5px;font-weight:600}.tab-bar-btn.is-active{color:var(--color-accent-700)}.chord-fullscreen{z-index:40;background:var(--color-bg);flex-direction:column;display:flex;position:fixed;inset:0}.chord-fullscreen-title{font-family:var(--font-heading);color:var(--color-accent-700);flex:none;padding:10px 20px 0;font-size:20px;font-weight:800}.split-topbar{padding:calc(14px + var(--safe-top)) 20px 10px;border-bottom:1px solid var(--color-divider);flex:none;justify-content:space-between;align-items:center;gap:8px;display:flex}.split-topbar-actions{flex:none;align-items:center;gap:6px;display:flex}.split-video-loop-label{color:var(--color-text-muted);white-space:nowrap;font-size:10.5px;font-weight:600}.split-video-zone{min-height:0;padding:8px 10px calc(10px + var(--safe-bottom));flex-direction:column;flex:1;display:flex}.split-video-frame{aspect-ratio:9/16;border-radius:var(--radius-md);flex:1;max-width:100%;min-height:0;margin:0 auto;overflow:hidden}.split-video-empty{text-align:center;background:var(--color-surface);border-radius:var(--radius-md);min-height:0;color:var(--color-text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;padding:24px;font-size:13.5px;display:flex}.split-video-empty-hint{color:var(--color-text-faint);font-size:12px}.chord-modal{flex-direction:column;gap:4px;display:flex}.chord-modal-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.chord-modal-title{font-family:var(--font-heading);color:var(--color-accent-700);font-size:20px;font-weight:800}.chord-modal-group{border-top:1px solid var(--color-divider);padding:14px 0}.chord-modal-group:first-of-type{border-top:none}.chord-modal-group-name{font-family:var(--font-heading);margin-bottom:8px;font-size:15px;font-weight:800}.chord-modal-empty{text-align:center;background:var(--color-surface);border-radius:var(--radius-md);color:var(--color-text-muted);margin-bottom:12px;padding:24px 12px;font-size:13.5px}.chord-modal-video-frame{aspect-ratio:9/16;border-radius:var(--radius-md);width:160px;margin:0 auto 12px;overflow:hidden}.chord-modal-tag-row{text-align:center;margin-bottom:2px}.app-shell{background:var(--color-bg);flex-direction:column;width:100%;height:100dvh;display:flex;position:relative;overflow:hidden}.screen{flex:1;min-height:0}