:root{--bg:#303e58;--card:#121a2a;--card2:#0f1626;--text:#eaf0ff;--muted:#a7b4d6;--line:rgba(255,255,255,.09);--shadow:0 12px 30px rgba(0,0,0,.35);--radius:18px;--container:1120px}*{box-sizing:border-box}html{scroll-behavior:smooth}body,html{max-width:100%;overflow-x:hidden}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,Apple Color Emoji,Segoe UI Emoji;background:radial-gradient(1200px 800px at 20% 10%,rgba(60,164,206,.22),transparent 60%),radial-gradient(1000px 700px at 90% 20%,rgba(197,222,231,.14),transparent 55%),var(--bg);color:var(--text);min-height:100vh;display:flex;flex-direction:column}main{flex:1 1}a{color:inherit;text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.container{width:min(var(--container),calc(100% - 40px));margin:0 auto}.fa{font-size:larger}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;border-radius:14px;color:#081023;font-weight:800;border:0;cursor:pointer;box-shadow:var(--shadow)}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--line);box-shadow:none}.btn-small{padding:10px 12px;border-radius:12px}.badge{display:inline-flex;gap:8px;align-items:center;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.03);width:-moz-fit-content;width:fit-content}.badge,.muted{color:var(--muted)}.section{padding:72px 0}.section.alt{background:linear-gradient(180deg,rgba(255,255,255,.03),transparent);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:22px}.section-head h2{margin:0;font-size:28px}.section-head p{margin:0;max-width:560px}.scrollTopBtn{bottom:160px;right:60px;width:35px;height:35px;background:#eb0707;color:rgb(255,255,255);display:none;align-items:center;justify-content:center;transition:opacity .3s ease,transform .3s ease}.scrollTopBtn.show{display:flex}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.card{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.card-title{font-size:16px;font-weight:800;margin:0;color:rgb(255,255,255)}.chip{padding:6px 10px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.03);font-size:12px}.card-desc,.chip{color:var(--muted)}.card-desc{margin:0 0 14px;line-height:1.5}.card-actions{display:flex;gap:10px;flex-wrap:wrap}.link{display:inline-flex;gap:8px;align-items:center;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.02);font-weight:700}.link:hover{border-color:rgba(255,255,255,.18)}.hint{margin:10px 0 0;color:rgba(255,255,255,.6);font-size:12px}.course-maintenance-overlay{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:24px;background:rgba(9,13,24,.68);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.course-maintenance-modal{position:relative;display:flex;flex-direction:column;align-items:center;width:min(680px,calc(100vw - 32px));max-height:calc(100dvh - 48px);padding:24px;border-radius:22px;background:#fff;color:#1c2434;box-shadow:0 24px 80px rgba(0,0,0,.32);overflow:auto}.course-maintenance-modal img{display:block;width:min(100%,620px);max-height:min(52dvh,520px);height:auto;object-fit:contain;border-radius:16px}.course-maintenance-close{position:absolute;top:14px;right:14px;z-index:10;display:inline-grid;place-items:center;width:38px;height:38px;border:0;border-radius:50%;background:rgba(255,255,255,.76);color:#657080;font-size:19px;cursor:pointer;box-shadow:0 6px 18px rgba(20,24,34,.12)}.course-maintenance-copy{width:100%;max-width:560px;padding:16px 8px 2px;text-align:center}.course-maintenance-copy h2{margin:0;color:#111827;font-size:38px;line-height:1.12;font-weight:900}.course-maintenance-copy p{margin:12px auto 0;max-width:500px;color:#5f6878;font-size:16px;line-height:1.55}.course-maintenance-copy strong{display:block;margin-top:16px;color:#5269db;font-size:17px;line-height:1.4}.course-maintenance-close:focus-visible,.course-maintenance-close:hover{background:#fff;color:#1d2433}.course-maintenance-close:focus-visible{outline:3px solid rgba(82,105,219,.32);outline-offset:2px}html[data-theme=dark] .course-maintenance-overlay{background:rgba(2,6,23,.72)}html[data-theme=dark] .course-maintenance-modal{border:1px solid rgba(255,255,255,.12);background:#1e293b;color:#f8fafc;box-shadow:0 24px 80px rgba(2,6,23,.5)}html[data-theme=dark] .course-maintenance-copy h2{color:#f8fafc}html[data-theme=dark] .course-maintenance-copy p{color:#cbd5e1}html[data-theme=dark] .course-maintenance-copy strong{color:#aebcff}html[data-theme=dark] .course-maintenance-close{background:rgba(248,250,252,.92);color:#1e293b}@media (max-width:640px){.course-maintenance-overlay{padding:12px}.course-maintenance-modal{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:14px;border-radius:18px}.course-maintenance-modal img{width:100%;max-height:46dvh;border-radius:12px}.course-maintenance-close{top:10px;right:10px;width:34px;height:34px;font-size:17px}.course-maintenance-copy{padding:12px 4px 0}.course-maintenance-copy h2{font-size:28px}.course-maintenance-copy p{font-size:14px}.course-maintenance-copy strong{margin-top:12px;font-size:15px}}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:9999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(11,15,26,.55);border-bottom:1px solid var(--line);width:100%;max-width:100%}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;height:64px;min-width:0}.logo{flex:0 1 auto;min-width:0;font-weight:900;letter-spacing:.2px;font-size:20px;white-space:nowrap}.nav{display:flex;gap:14px;align-items:center}.nav a{padding:10px 12px;border-radius:12px;color:rgba(234,240,255,.92)}.nav a:hover{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}.nav-toggle{display:none;flex:0 0 auto;background:transparent;border:1px solid var(--line);border-radius:12px;padding:10px;color:inherit;cursor:pointer}.nav-toggle span{display:block;width:22px;height:2px;background:rgba(234,240,255,.9);margin:4px 0}.mobile-nav{position:absolute;top:100%;left:16px;right:16px;background:rgba(11,15,26,.96);display:none;border:1px solid var(--line);padding:10px 0;border-radius:0 0 12px 12px;box-shadow:var(--shadow)}.mobile-nav a{display:block;padding:10px 20px;color:rgba(234,240,255,.92)}.mobile-nav a:not(:first-child){border-top:1px solid gray}.mobile-nav a:hover{background:rgba(255,250,250,.04)}.site-header{--header-bg:rgba(9,16,31,.94);--header-surface:rgba(255,255,255,.055);--header-surface-hover:rgba(255,255,255,.11);--header-border:rgba(197,218,236,.14);--header-text:#f0f6ff;--header-muted:#b8c7d9;--header-accent:#7e91ff;--header-accent-strong:#52a3ff;--header-accent-text:#ffffff;background:var(--header-bg);border-color:var(--header-border);color:var(--header-text);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:background .18s ease,border-color .18s ease,color .18s ease}html[data-theme=light] .site-header{--header-bg:rgba(255,255,255,.96);--header-surface:#f2f6f8;--header-surface-hover:#e5eff1;--header-border:#e2ebee;--header-text:#132433;--header-muted:#55697b;--header-accent:#4f5fe8;--header-accent-strong:#394bc7;--header-accent-text:#fff;box-shadow:0 5px 22px rgba(15,35,51,.06)}.site-header .header-inner{gap:18px;height:74px;min-width:0}.site-header .logo{display:inline-flex;flex:0 0 auto;align-items:center;gap:10px;min-width:0;color:var(--header-text);font-weight:900;letter-spacing:-.02em;font-size:21px;line-height:1}.site-logo-image{display:block;flex:0 0 auto;width:38px;height:38px;border:1.25px solid rgba(255,255,255,.9);border-radius:10px;box-sizing:border-box;object-fit:contain;background:rgba(255,255,255,.96);box-shadow:0 5px 13px rgba(5,10,22,.2)}.logo-mark{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;color:var(--header-accent-text);background:linear-gradient(135deg,var(--header-accent),var(--header-accent-strong));font-size:18px}.header-actions,.header-navigation{display:flex;align-items:center}.header-navigation{flex:1 1 auto;justify-content:center;gap:4px;min-width:0}.header-dropdown-trigger,.header-nav-link{display:inline-flex;align-items:center;gap:7px;min-height:43px;padding:0 13px;border:0;border-radius:12px;background:transparent;color:var(--header-muted);cursor:pointer;font:inherit;font-weight:700;transition:background .16s ease,color .16s ease}.header-dropdown-trigger:hover,.header-dropdown.is-open .header-dropdown-trigger,.header-nav-link.is-active,.header-nav-link:hover{background:var(--header-surface);color:var(--header-text)}.header-nav-link.is-active{color:var(--header-accent)}.header-dropdown{position:relative}.header-dropdown-trigger i{font-size:10px}.header-dropdown-menu{position:absolute;top:calc(100% + 9px);left:0;display:grid;grid-gap:4px;gap:4px;min-width:210px;max-width:min(360px,calc(100vw - 32px));max-height:min(540px,calc(100vh - 96px));overflow-y:auto;padding:8px;border:1px solid var(--header-border);border-radius:16px;background:var(--header-bg);box-shadow:0 18px 42px rgba(0,0,0,.2);opacity:0;pointer-events:none;transform:translateY(-4px);visibility:hidden;transition:opacity .14s ease,transform .14s ease,visibility .14s ease;z-index:10}.header-dropdown-menu:before{content:"";position:absolute;top:-10px;left:0;right:0;height:10px}.header-dropdown.is-open .header-dropdown-menu{opacity:1;pointer-events:auto;transform:translateY(0);visibility:visible}.header-dropdown-menu-double{grid-template-columns:repeat(2,minmax(122px,1fr));min-width:292px}.header-dropdown-menu a,.header-dropdown-menu span{padding:9px 12px;border-radius:9px;color:var(--header-muted);font-size:14px;line-height:1.35;text-decoration:none;white-space:nowrap}.header-dropdown-menu a:hover,.header-dropdown-menu span:hover{color:var(--header-text);background:var(--header-surface)}.header-actions{flex:0 0 auto;gap:8px}.header-actions form,.mobile-account-actions form{margin:0}.header-action-link,.mobile-action-link{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:0 14px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--header-text);cursor:pointer;font:inherit;font-size:14px;font-weight:700;white-space:nowrap;transition:background .16s ease,border-color .16s ease,color .16s ease}.header-action-link:hover,.mobile-action-link:hover{border-color:var(--header-border);background:var(--header-surface)}.header-action-link.sign-up,.mobile-action-link.sign-up{color:var(--header-accent-text);background:var(--header-accent)}.header-action-link.sign-up:hover,.mobile-action-link.sign-up:hover{border-color:transparent;background:var(--header-accent-strong)}.header-action-link.sign-in,.header-action-link.sign-out,.site-header .nav-toggle{border-color:var(--header-border)}.site-header .nav-toggle{background:var(--header-surface)}.site-header .nav-toggle span{border-radius:2px;background:var(--header-text)}.site-header .mobile-nav{gap:5px;padding:10px;border-color:var(--header-border);border-radius:0 0 16px 16px;background:var(--header-bg);max-height:calc(100vh - 72px);overflow:auto}.mobile-dropdown summary,.mobile-nav>a{display:flex;align-items:center;min-height:45px;padding:0 14px;border-radius:10px;color:var(--header-text);font-weight:700}.mobile-dropdown a:hover,.mobile-dropdown summary:hover,.mobile-nav>a:hover{background:var(--header-surface)}.site-header .mobile-nav a:not(:first-child){border-top:0}.mobile-dropdown summary{cursor:pointer;list-style:none}.mobile-dropdown summary::-webkit-details-marker{display:none}.mobile-dropdown a,.mobile-dropdown span{display:block;margin-left:14px;padding:9px 14px;color:var(--header-muted);line-height:1.4;text-decoration:none}.mobile-dropdown[open]{max-height:min(420px,58vh);overflow-y:auto}.mobile-account-actions{display:flex;flex-wrap:wrap;gap:8px;padding:10px 4px 4px;border-top:1px solid var(--header-border)}.site-header .mobile-account-actions .mobile-action-link{display:inline-flex;padding:0 14px}.hero{padding:72px 0 52px}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;grid-gap:18px;gap:18px;align-items:stretch}.hero-title{margin:12px 0 10px;font-size:44px;line-height:1.05}.accent{background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-subtitle{margin:0 0 16px;color:rgba(234,240,255,.8);line-height:1.6;max-width:620px}.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}.social{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}.social-label{font-weight:800;color:rgba(234,240,255,.9)}.social-icons{display:flex;gap:10px;margin-top:10px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.03)}.icon-btn:hover{border-color:rgba(255,255,255,.18)}.hero-card{height:310px;border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));padding:16px;box-shadow:var(--shadow)}.hero-card-top{gap:12px;margin-bottom:14px}.avatar,.hero-card-top{display:flex;align-items:center}.avatar{position:relative;overflow:hidden;width:46px;height:46px;border-radius:50%;justify-content:center;font-weight:900;color:#081023}.hero-card-name{margin:0;font-weight:900}.profile-img{position:absolute;width:100%;height:100%;object-fit:cover}.hero-card-mini{margin:2px 0 0;color:var(--muted);font-size:11px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;margin:10px 0 14px}.stat{border:1px solid var(--line);border-radius:16px;padding:2px;background:rgba(255,255,255,.02);text-align:center}.stat-num{margin:0;font-size:20px;font-weight:900}.stat-label{margin:6px 0 0;color:var(--muted);font-size:12px}#stat1{background-color:rgb(85,85,244)}#stat2{background-color:rgba(22,20,20,.8);border:1px solid rgb(76,45,45)}#stat3{background-color:rgb(129,10,10)}.hero-note{border:1px dashed rgba(255,255,255,.14);border-radius:16px;padding:12px;color:rgba(234,240,255,.85);background:rgba(0,0,0,.1)}.social-icons .icon-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.03);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.social-icons .icon-btn i{font-size:20px}.social-icons .icon-btn:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.2);box-shadow:0 10px 22px rgba(0,0,0,.25)}.icon-btn.facebook{background:#1877F2}.fa1:hover,.icon-btn.facebook{border-color:rgba(255,255,255,.18)}.fa1:hover{color:#1877F2}.icon-btn.facebook i{color:#fff}.icon-btn.tiktok{background:#0b0b0b;border-color:rgba(255,255,255,.14)}.fa2:hover{color:#bf4040;border-color:rgba(255,255,255,.18)}.icon-btn.tiktok i{color:#fff}.icon-btn.tiktok:hover{box-shadow:0 10px 22px rgba(0,0,0,.35),0 0 0 3px rgba(255,0,80,.22),0 0 0 6px rgba(0,242,234,.18)}.icon-btn.youtube{background:#FF0000}.fa4:hover,.icon-btn.youtube{border-color:rgba(255,255,255,.18)}.fa4:hover{color:#FF0000}.icon-btn.youtube i{color:#fff}.icon-btn.instagram{background:linear-gradient(135deg,#f58529,#dd2a7b,#8134af,#515bd4)}.fa3:hover,.icon-btn.instagram{border-color:rgba(255,255,255,.18)}.fa3:hover{color:#d431cf}.icon-btn.instagram i{color:#fff}.donate{display:grid;grid-template-columns:1.2fr .8fr;grid-gap:16px;gap:16px;align-items:start}.donate-box{margin-top:14px;border:1px solid var(--line);border-radius:var(--radius);padding:14px;background:rgba(255,255,255,.02)}.donate-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06)}.donate-row:last-child{border-bottom:0}.donate-label{color:var(--muted)}.donate-value{font-weight:800}.qr-mock{border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);max-width:320px}.qr-img,.qr-mock{background:rgba(255,255,255,.02)}.qr-img{width:100%;aspect-ratio:1/1;object-fit:cover;margin:0 auto;display:block;border-radius:18px;border:1px dashed rgba(255,255,255,.18);padding:10px}.qr-title{margin:0 0 10px;font-weight:900}.qr-square{width:100%;aspect-ratio:1/1;border-radius:18px;border:1px dashed rgba(255,255,255,.18);background:linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 0),linear-gradient(rgba(255,255,255,.05) 1px,transparent 0);background-size:18px 18px}.site-footer{border-top:1px solid var(--line);padding:24px 0;background:rgba(11,15,26,.55)}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;color:rgba(234,240,255,.82);min-width:0}.footer-inner p{margin:0}.footer-links{display:flex;gap:12px}.footer-links a{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid var(--line);border-radius:12px;color:rgba(234,240,255,.82)}.footer-links a:hover{color:rgba(234,240,255,.95)}:root{--bg:#f7f7fb;--card:#ffffff;--card2:#f3f1fa;--text:#242330;--muted:#686778;--line:#e4e1ec;--accent:#4f5fe8;--accent2:#3f83ed;--shadow:0 8px 25px rgba(46,35,82,.07)}html[data-theme=dark]{--bg:#0f172a;--card:#1e293b;--card2:#24324f;--text:#f8fafc;--muted:#cbd5e1;--line:rgba(255,255,255,.12);--accent:#5b6ee1;--accent2:#4f6df5;--shadow:0 14px 34px rgba(2,6,23,.34)}body{background:radial-gradient(900px 560px at 12% 2%,rgba(79,95,232,.07),transparent 58%),radial-gradient(720px 500px at 92% 5%,rgba(63,131,237,.06),transparent 60%),var(--bg)}html[data-theme=dark] body{background:radial-gradient(1200px 800px at 20% 10%,rgba(91,110,225,.16),transparent 60%),radial-gradient(1000px 700px at 90% 20%,rgba(79,109,245,.11),transparent 55%),var(--bg)}html[data-theme=dark] .btn{color:#f8fafc}.btn,html[data-theme=dark] .btn{background:linear-gradient(135deg,var(--accent),var(--accent2))}.btn{color:#ffffff;box-shadow:0 8px 18px rgba(79,95,232,.18)}.btn-ghost{background:#ffffff}.badge,.chip{background:#f5f3fb}.section.alt{background:#f2f1f7}.card,.donate-box,.hero-card,.qr-mock{background:var(--card);border-color:var(--line);box-shadow:var(--shadow)}.card-title,.social-label{color:var(--text)}.link{background:#ffffff;border-color:var(--line);color:var(--accent)}.link:hover{border-color:rgba(79,95,232,.35);background:#f3f6ff}.hero-note,.hero-subtitle{color:var(--muted)}.hero-note{border-color:#ded9ed;background:#f5f3fb}.site-footer{padding:34px 0 32px;background:linear-gradient(115deg,#242e47,#2b3854 56%,#2f4565);border-top-color:rgba(190,205,245,.18);box-shadow:0 -10px 28px rgba(27,33,56,.1)}.footer-inner{gap:26px;color:#f4f6ff}.footer-brand{display:grid;grid-gap:12px;gap:12px;min-width:0}.footer-brand-title{gap:10px;color:#f6f8ff;font-size:20px;font-weight:850;letter-spacing:-.02em;line-height:1}.footer-brand-title,.footer-logo-mark{display:inline-flex;align-items:center}.footer-logo-mark{justify-content:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#8ea3ff,#5478ec);box-shadow:0 7px 18px rgba(69,94,216,.32);color:#fff;font-size:16px}.footer-logo-image{display:block;flex:0 0 auto;width:38px;height:38px;border:1.25px solid rgba(255,255,255,.9);border-radius:10px;box-sizing:border-box;object-fit:contain;background:rgba(255,255,255,.96);box-shadow:0 5px 13px rgba(5,10,22,.2)}.footer-copyright{color:#bdc7e0;font-size:13px;line-height:1.5}.footer-contact{display:flex;align-items:center;justify-content:flex-end;flex:0 0 auto;gap:13px;min-width:0}.footer-email{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:43px;padding:0 14px;border:1px solid rgba(190,205,245,.19);border-radius:12px;background:rgba(255,255,255,.06);color:#e8ecff;font-size:14px;font-weight:600;transition:border-color .18s ease,background .18s ease,color .18s ease}.footer-email-text{white-space:nowrap}.footer-email i{color:#9eb1ff}.footer-email:hover{border-color:rgba(163,180,255,.42);background:rgba(255,255,255,.1);color:#fff}.footer-links a{width:43px;height:43px;border-color:rgba(190,205,245,.19);background:rgba(255,255,255,.06);color:#e8ecff;transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}.footer-links a:hover{border-color:rgba(112,151,255,.55);background:#1877f2;box-shadow:0 8px 17px rgba(24,119,242,.28);color:#fff;transform:translateY(-1px)}.site-header,html[data-theme=light] .site-header{--header-bg:linear-gradient(115deg,rgba(36,46,71,.98),rgba(43,56,84,.98) 56%,rgba(47,69,101,.98));--header-surface:rgba(255,255,255,.075);--header-surface-hover:rgba(255,255,255,.14);--header-border:rgba(190,205,245,.2);--header-text:#f5f7ff;--header-muted:#c1c9e0;--header-accent:#8ea3ff;--header-accent-strong:#5478ec;--header-accent-text:#ffffff;--header-menu-bg:rgba(255,255,255,.985);--header-menu-border:#e5e8f4;--header-menu-text:#272b3b;--header-menu-muted:#596174;--header-menu-hover:#f0f3ff;box-shadow:0 7px 25px rgba(27,33,56,.16)}html[data-theme=dark] .site-header{--header-bg:linear-gradient(115deg,rgba(19,27,46,.98),rgba(25,36,58,.98) 56%,rgba(30,46,72,.98));--header-surface:rgba(255,255,255,.065);--header-surface-hover:rgba(255,255,255,.12);--header-border:rgba(197,218,236,.16);--header-text:#f0f6ff;--header-muted:#b8c7d9;--header-accent:#91a4ff;--header-accent-strong:#6683ed;--header-accent-text:#ffffff;--header-menu-bg:#f8f9ff;--header-menu-border:#dce2f3;--header-menu-text:#22283a;--header-menu-muted:#596477;--header-menu-hover:#edf1ff;box-shadow:0 8px 27px rgba(5,9,20,.27)}.site-header{border-bottom-color:var(--header-border)}.site-header .logo-mark{box-shadow:0 7px 18px rgba(69,94,216,.35)}.site-header .header-nav-link.is-active{background:linear-gradient(135deg,rgba(126,145,255,.28),rgba(82,126,237,.22));box-shadow:inset 0 0 0 1px rgba(181,195,255,.22),0 8px 19px rgba(37,51,116,.2);color:#ffffff}.site-header .header-dropdown-menu{border-color:var(--header-menu-border);background:var(--header-menu-bg);box-shadow:0 18px 44px rgba(23,29,49,.17)}.site-header .header-dropdown-menu a,.site-header .header-dropdown-menu span{color:var(--header-menu-muted)}.site-header .header-dropdown-menu a:hover,.site-header .header-dropdown-menu span:hover{color:var(--header-menu-text);background:var(--header-menu-hover)}.site-header .header-action-link.sign-up,.site-header .mobile-action-link.sign-up{background:linear-gradient(135deg,var(--header-accent),var(--header-accent-strong));box-shadow:0 8px 19px rgba(57,79,191,.26)}.site-header .header-action-link.sign-up:hover,.site-header .mobile-action-link.sign-up:hover{background:linear-gradient(135deg,#a2b2ff,#6286f1);box-shadow:0 11px 23px rgba(57,79,191,.34)}.site-header .header-action-link.sign-in,.site-header .header-action-link.sign-out{background:rgba(255,255,255,.035)}.site-header .header-action-link.sign-in:hover,.site-header .header-action-link.sign-out:hover{background:var(--header-surface-hover)}.site-header .mobile-nav{box-shadow:0 17px 32px rgba(16,22,42,.22)}html[data-theme=dark] .btn-ghost,html[data-theme=dark] .link{background:rgba(255,255,255,.02)}html[data-theme=dark] .badge,html[data-theme=dark] .chip{background:rgba(255,255,255,.03)}html[data-theme=dark] .section.alt{background:linear-gradient(180deg,rgba(255,255,255,.03),transparent)}html[data-theme=dark] .card,html[data-theme=dark] .donate-box,html[data-theme=dark] .hero-card,html[data-theme=dark] .qr-mock{border-color:rgba(255,255,255,.12);background:#1e293b;color:#f8fafc}html[data-theme=dark] .card-title,html[data-theme=dark] .social-label{color:var(--text)}html[data-theme=dark] .site-footer{background:linear-gradient(115deg,#131b2e,#19243a 56%,#1e2e48);border-top-color:rgba(197,218,236,.14);box-shadow:0 -10px 28px rgba(5,9,20,.18)}html[data-theme=dark] .footer-copyright{color:#aebad5}html[data-theme=dark] .footer-email,html[data-theme=dark] .footer-links a{border-color:rgba(197,218,236,.16);background:rgba(255,255,255,.055);color:#edf3ff}@media (max-width:900px){.hero-grid{grid-template-columns:1fr}.hero-title{font-size:38px}.donate{grid-template-columns:1fr}}@media (max-width:1100px){.site-header .header-inner{height:66px}.site-header .header-actions,.site-header .header-navigation{display:none}.site-header .nav-toggle{display:inline-flex;flex-direction:column;justify-content:center;min-width:44px;min-height:44px}.site-header .mobile-nav.is-open{display:flex;flex-direction:column}}@media (max-width:760px){.container{width:100%;padding-inline:clamp(12px,4vw,16px)}.site-header .header-inner{height:60px}.site-header .logo{font-size:19px;gap:8px;max-width:calc(100vw - 88px)}.site-header .logo span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logo-mark{width:38px;height:38px}.site-logo-image{width:34px;height:34px}.site-footer{padding:16px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:left}.footer-brand{gap:6px;min-width:0}.footer-brand-title{gap:8px;font-size:17px}.footer-logo-image{width:32px;height:32px}.footer-copyright{font-size:12px;line-height:1.35}.footer-contact{align-items:center;justify-content:flex-end;flex:0 0 auto;gap:8px;min-width:0}.footer-email{width:38px;height:38px;min-height:38px;padding:0;border-radius:10px;font-size:14px}.footer-email-text{display:none}.footer-links{display:flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;gap:8px}.footer-links a{width:38px;height:38px;border-radius:10px}}@media (max-width:980px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.card-grid{grid-template-columns:1fr}.section{padding:54px 0}}@media (max-width:480px){.container{padding-inline:12px}.mobile-nav{left:12px;right:12px}.footer-links{gap:8px}}@media (max-width:430px){.footer-contact{align-items:center}}:root{--community-bg:#303e58;--community-surface:#f7f7f7;--community-surface-2:#fafafa;--community-text:#ffffff;--community-muted:#b5b0b0;--community-line:#e7e7e7;--community-shadow:0 8px 24px rgba(17,17,17,.06);--community-color:rgb(26,61,116)}body{color:var(--community-text)}.community-page,body{background:var(--community-bg)}.community-hero{padding:42px 0 26px;border-bottom:1px solid var(--community-line)}.community-hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);grid-gap:28px;gap:28px;align-items:start;min-width:0}.community-kicker,.section-kicker{margin:0 0 12px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--community-muted)}.community-hero h1{margin:0 0 14px;font-size:clamp(34px,5vw,56px);line-height:1.05;letter-spacing:-.03em}.community-lead{margin:0 0 20px;max-width:700px;color:var(--community-muted);font-size:17px;line-height:1.7}.community-search{display:flex;gap:12px;margin-bottom:18px}.community-search input{flex:1 1;min-height:52px;padding:0 16px;border:1px solid var(--community-line);border-radius:14px;outline:none;background:#fff;font-size:15px}.community-search button{min-width:120px;min-height:52px;border:none;border-radius:14px;background:#111;color:#fff;font-weight:700;cursor:pointer}.hero-links{display:flex;flex-wrap:wrap;gap:12px}.hero-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 14px;border:1px solid var(--community-line);border-radius:12px;text-decoration:none;color:black;background:#fff}.community-panel{border:1px solid var(--community-line);border-radius:20px;background:var(--community-surface-2);padding:20px;box-shadow:var(--community-shadow);min-width:0}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.panel-head h2{margin:0;font-size:20px}.song-list-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:9px;min-width:0}.song-category-select-shell{display:inline-flex;align-items:center;position:relative;min-width:82px;max-width:min(180px,100%);min-height:26px;border:1px solid rgba(83,104,223,.2);border-radius:999px;background:rgba(83,104,223,.1);color:#465cd5;overflow:hidden}.song-category-select{width:100%;min-height:24px;padding:4px 28px 4px 10px;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;color:inherit;font:inherit;font-size:12px;font-weight:800;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.song-category-select:focus{outline:0}.song-category-select-shell:focus-within{border-color:rgba(83,104,223,.45);box-shadow:0 0 0 3px rgba(83,104,223,.12)}.song-category-select-shell i{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:9px;pointer-events:none}.quick-links{display:grid;grid-gap:12px;gap:12px}.quick-card{display:block;padding:16px;border:1px solid var(--community-line);border-radius:16px;text-decoration:none;color:inherit;background:#fff}.quick-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.quick-title{font-weight:700}.quick-card p{margin:0;color:var(--community-muted);line-height:1.6}.community-strip{padding:28px 0 10px}.simple-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:20px}.simple-head h2{margin:0;font-size:30px;line-height:1.1;letter-spacing:-.02em}.simple-head .muted{max-width:520px}.card-grid,.strip-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:18px;gap:18px}.card.simple-card,.strip-card{border:1px solid rgba(255,255,255,.08);border-radius:18px;background-color:var(--community-bg);box-shadow:0 8px 24px rgba(0,0,0,.25)}.strip-card{padding:20px}.strip-card h3{margin:0 0 8px;font-size:22px;line-height:1.2}.strip-card p{margin:0;color:var(--community-muted);line-height:1.6}.section.community-section{padding:22px 0 10px}.simple-card{padding:18px}.simple-card .card-title{margin:0}.rank-head{margin-bottom:18px}.rank-note{margin:10px 0 0}.rank-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.rank-card{display:flex;flex-direction:column;min-height:212px;position:relative;padding:22px;color:#efe9e9}.rank-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.rank-badge{display:inline-flex;align-items:center;justify-content:center;min-width:54px;height:32px;padding:0 12px;border:1px solid var(--community-line);border-radius:999px;font-size:13px;font-weight:800;background:#111;color:#686565}.rank-views{font-size:13px;color:var(--community-muted);white-space:nowrap}.rank-card h3{margin:0 0 8px;font-size:22px;line-height:1.2}.rank-card p{margin:0 0 16px;line-height:1.6;color:var(--community-muted)}.rank-card .link{display:inline-flex;align-items:center;justify-content:center;width:-moz-fit-content;width:fit-content;margin-top:auto;min-height:40px;padding:0 14px;border:1px solid rgba(255,255,255,.15);border-radius:12px;text-decoration:none;color:var(--community-text);background:rgba(255,255,255,.04)}.rank-card .link:hover{border-color:var(--community-line);background:rgba(255,255,255,.08);color:#fff}.rank-1 .rank-badge{background:#111;color:#fff}.rank-2 .rank-badge,.rank-3 .rank-badge{background:#fff;color:#111}.muted{color:var(--community-muted)}.small{font-size:13px}.songs-list{display:flex;flex-direction:column;gap:8px;height:320px;overflow-y:auto;padding-right:6px;scroll-behavior:smooth}.songs-list::-webkit-scrollbar{width:10px}.songs-list::-webkit-scrollbar-track{background:transparent}.songs-list::-webkit-scrollbar-thumb{background:#d0d0d0;border-radius:999px;border:2px solid transparent;background-clip:padding-box}.songs-list::-webkit-scrollbar-thumb:hover{background:#b8b8b8;border:2px solid transparent;background-clip:padding-box}.listItem{display:block;padding:12px 13px;border:1px solid transparent;border-radius:14px;text-decoration:none;color:var(--community-color);background:#fff;transition:background .2s ease,border-color .2s ease,transform .2s ease}.listItem:hover{border-color:#d8d8d8;color:rgb(77,139,238);transform:translateY(-1px)}.listItemTitle{font-weight:700;line-height:1.4;margin:0;overflow-wrap:anywhere}.listItemTop{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.listItemTop .listItemTitle{min-width:0}.listItemViews{flex:0 0 auto;white-space:nowrap;text-align:right;font-size:12px;font-weight:700;line-height:1.4}.listItemMeta{margin-top:4px;line-height:1.45}.list-empty{padding:14px;border:1px dashed var(--community-line);border-radius:14px;background:#fff}@media (max-width:980px){.card-grid,.community-hero-grid,.rank-grid,.strip-grid{grid-template-columns:1fr}.rank-top,.simple-head{align-items:flex-start;flex-direction:column}.rank-views{white-space:normal}.community-search{flex-direction:column}.community-search button{width:100%}}.community-search button,.hero-link,.rank-card .link{min-height:48px;padding:0 16px;font-size:15px}@media (max-width:980px){.community-search button,.hero-link,.rank-card .link{min-height:44px;padding:0 14px;font-size:14px}}@media (max-width:600px){.community-hero{padding-top:30px;overflow:hidden}.community-hero-grid{width:100%;max-width:100%;overflow:hidden}.community-hero-left{width:100%;max-width:100%;min-width:0}.community-hero h1{font-size:clamp(27px,7.6vw,32px);letter-spacing:0;overflow-wrap:break-word}.rank-head,.simple-head,.social-panel-head{min-width:0}#song-rank .rank-card h3,.forum-content,.forum-post-card h3,.simple-head h2,.social-panel-head h2{max-width:100%;overflow-wrap:anywhere;word-break:normal}.community-panel{padding:14px;border-radius:16px}.songs-list{height:min(360px,52vh)}.community-search{display:flex;flex-direction:column;align-items:stretch;gap:10px}#songSearchInput{flex:1 1;min-width:0;min-height:44px}.community-search button{flex:0 0 auto;min-width:0;min-height:44px;width:100%;margin-left:0}.hero-link,.rank-card .link{min-height:40px;padding:0 6px;font-size:12px;border-radius:10px}.hero-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:6px;gap:6px;width:100%;max-width:100%;min-width:0}.hero-link{width:100%;min-width:0;text-align:center;white-space:nowrap}.rank-card{min-height:0;padding:18px}.rank-card .link{width:100%}}@media (max-width:359px){.hero-links{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-link{white-space:normal}.hero-link:last-child{grid-column:1/-1}}:root{--community-bg:#f7f7fb;--community-surface:#ffffff;--community-surface-2:#ffffff;--community-text:#242330;--community-muted:#686778;--community-line:#e4e1ec;--community-shadow:0 8px 25px rgba(46,35,82,.07);--community-color:#354bc5}html[data-theme=dark]{--community-bg:#303e58;--community-surface:#172136;--community-surface-2:#121a2a;--community-text:#eaf0ff;--community-muted:#a7b4d6;--community-line:rgba(255,255,255,.11);--community-shadow:0 12px 30px rgba(0,0,0,.28);--community-color:#a9c0ff}.community-page,body{background:var(--community-bg);color:var(--community-text)}.community-hero{border-bottom-color:var(--community-line)}.community-search input{border-color:var(--community-line);background:var(--community-surface);color:var(--community-text)}.community-search button{background:linear-gradient(135deg,var(--accent),var(--accent2))}.community-panel,.hero-link,.list-empty,.listItem,.quick-card{border-color:var(--community-line);background:var(--community-surface);color:var(--community-text)}.card.simple-card,.strip-card{border-color:var(--community-line);background:var(--community-surface);box-shadow:var(--community-shadow)}.rank-card{color:var(--community-text)}.rank-1 .rank-badge,.rank-badge{border-color:rgba(79,95,232,.18);background:#e8eeff;color:var(--accent)}.rank-2 .rank-badge,.rank-3 .rank-badge{background:#f4f2fa;color:var(--community-text)}.rank-card .link{border-color:#dfd9ed;color:var(--accent);background:#f8f6ff}.listItem:hover,.rank-card .link:hover{border-color:rgba(79,95,232,.3);background:#f1f5ff;color:var(--accent)}html[data-theme=dark] .card.simple-card,html[data-theme=dark] .community-panel,html[data-theme=dark] .community-search input,html[data-theme=dark] .hero-link,html[data-theme=dark] .list-empty,html[data-theme=dark] .listItem,html[data-theme=dark] .quick-card,html[data-theme=dark] .strip-card{background:var(--community-surface-2)}html[data-theme=dark] .rank-1 .rank-badge,html[data-theme=dark] .rank-badge{background:var(--accent);color:#ffffff}html[data-theme=dark] .rank-2 .rank-badge,html[data-theme=dark] .rank-3 .rank-badge{background:rgba(255,255,255,.08);color:var(--community-text)}html[data-theme=dark] .rank-card .link{border-color:rgba(255,255,255,.15);color:var(--community-text);background:rgba(255,255,255,.04)}.community-hero{position:relative;max-width:1280px;margin:28px auto 20px;padding:0 48px;border-bottom:0;background:transparent}.community-hero-grid{position:relative;z-index:1;width:100%;max-width:1160px;margin:0 auto;padding:44px 42px 34px;overflow:hidden;border:1px solid rgba(79,95,232,.16);border-radius:28px;background:radial-gradient(circle at 16% 18%,rgba(83,108,235,.24),transparent 36%),radial-gradient(circle at 84% 20%,rgba(61,134,237,.17),transparent 38%),linear-gradient(128deg,#202941,#293550 47%,#2e4261);color:#f7f5ff;box-shadow:0 24px 52px rgba(40,33,70,.14)}.community-hero-grid:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.025),transparent 52%)}.community-hero-grid>*{position:relative;z-index:1}.community-hero .community-kicker{color:#b8caff}.community-hero h1{color:#fbfaff}.community-hero .community-lead,.community-hero .muted,.community-hero .search-note{color:#c9c8d5}.community-hero .community-search input{border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.98);color:#292735}.community-hero .community-search input::placeholder{color:#777487}.community-hero .community-search button{background:linear-gradient(135deg,#4f5fe8,#3f83ed);box-shadow:0 12px 25px rgba(79,95,232,.25)}.community-hero .community-search{position:relative;flex-direction:row;align-items:center;margin-bottom:0}.community-hero .search-input-shell{position:relative;flex:1 1;min-width:0}.community-hero .search-input-shell input{display:block;width:100%;box-sizing:border-box;padding-left:44px}.community-hero .search-input-icon{position:absolute;top:50%;left:16px;z-index:1;color:#777487;font-size:14px;transform:translateY(-50%);pointer-events:none}.community-hero .community-search .search-mic-button{display:inline-flex;flex:0 0 52px;align-items:center;justify-content:center;width:52px;min-width:52px;padding:0;font-size:17px}.community-hero .community-search .search-mic-button.is-listening{box-shadow:0 12px 25px rgba(79,95,232,.25),0 0 0 7px rgba(112,130,255,.2);animation:voice-listening-pulse 1.2s ease-in-out infinite}.community-hero .voice-search-status{display:flex;align-items:center;height:24px;margin:5px 0;overflow:hidden;color:#dfe8ff;font-size:12px;font-weight:600;line-height:24px;text-overflow:ellipsis;white-space:nowrap}@keyframes voice-listening-pulse{0%,to{box-shadow:0 12px 25px rgba(79,95,232,.25),0 0 0 4px rgba(112,130,255,.15)}50%{box-shadow:0 12px 25px rgba(79,95,232,.25),0 0 0 9px rgba(112,130,255,.3)}}@media (prefers-reduced-motion:reduce){.community-hero .community-search .search-mic-button.is-listening{animation:none}}.community-hero .hero-link{border-color:rgba(190,207,255,.28);background:rgba(255,255,255,.06);color:#f1f5ff}.community-hero .hero-link:hover{border-color:rgba(126,160,255,.6);background:rgba(79,95,232,.2)}.community-hero .community-panel{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.94);box-shadow:0 20px 46px rgba(12,12,25,.17);color:#292735}.community-hero .panel-head h2{color:#383447!important}.community-hero .list-empty,.community-hero .listItemMeta,.community-hero .listItemViews,.community-hero .panel-head .muted{color:#6e6b7c}.community-hero .listItemViews{display:inline-flex;align-items:center;gap:5px}.community-hero .list-empty,.community-hero .listItem{border-color:#eeeaf6;background:#ffffff;color:#342c54}.community-hero .listItem:hover{border-color:rgba(79,95,232,.3);background:#f3f6ff;color:var(--accent)}html[data-theme=dark] .community-hero-grid{background:radial-gradient(circle at 16% 18%,rgba(83,108,235,.22),transparent 37%),radial-gradient(circle at 86% 18%,rgba(61,134,237,.14),transparent 40%),linear-gradient(128deg,#171f34,#1f2b43 48%,#243653)}html[data-theme=dark] .community-hero .community-panel{border-color:rgba(255,255,255,.12);background:rgba(18,26,42,.9);color:var(--community-text)}html[data-theme=dark] .community-hero .panel-head h2{color:#eaf0ff!important}html[data-theme=dark] .community-hero .list-empty,html[data-theme=dark] .community-hero .listItem{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:var(--community-text)}html[data-theme=dark] .community-hero .listItemViews{color:var(--community-muted)}#song-rank .rank-grid{align-items:stretch;gap:20px}#song-rank .rank-card{min-height:338px;padding:22px;border:1px solid #eceaf3;border-radius:20px;background:#ffffff;color:#1d1d27;box-shadow:0 8px 26px rgba(24,26,43,.06);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}#song-rank .rank-card:hover{border-color:#daddef;box-shadow:0 16px 36px rgba(24,26,43,.1);transform:translateY(-3px)}#song-rank .rank-top{margin-bottom:18px}#song-rank .rank-1 .rank-badge{border-color:#ecc44c;background:linear-gradient(135deg,#fde68a,#facc15 48%,#f59e0b);color:#664107;box-shadow:0 5px 13px rgba(245,158,11,.22)}#song-rank .rank-2 .rank-badge{border-color:#d1d5db;background:linear-gradient(135deg,#f3f4f6,#d1d5db 50%,#9ca3af);color:#374151;box-shadow:0 5px 13px rgba(107,114,128,.16)}#song-rank .rank-3 .rank-badge{border-color:#cf976f;background:linear-gradient(135deg,#f5d0a9,#c08457 50%,#b45309);color:#542b0c;box-shadow:0 5px 13px rgba(180,83,9,.18)}#song-rank .rank-views{display:inline-flex;align-items:center;gap:6px;color:#656979;font-size:13px;font-weight:600}#song-rank .rank-views i{color:#5269e7}#song-rank .rank-card h3{margin:0 0 18px;color:#171824;font-size:21px;font-weight:750;letter-spacing:-.015em;line-height:1.28}#song-rank .rank-meta{display:grid;grid-gap:11px;gap:11px;margin-bottom:22px;color:#616675;font-size:13px;line-height:1.45}#song-rank .rank-meta-row{display:flex;align-items:flex-start;gap:10px}#song-rank .rank-meta-row strong{color:#363947;font-weight:650}#song-rank .rank-meta-icon{flex:0 0 15px;width:15px;margin-top:3px;text-align:center}#song-rank .rank-meta-icon.author{color:#596edf}#song-rank .rank-meta-icon.uploader{color:#13a07d}#song-rank .rank-meta-icon.rhythm{color:#df8a2a}#song-rank .rank-meta-icon.chords{color:#9a5cd7}#song-rank .rank-chords{display:grid;grid-gap:9px;gap:9px}#song-rank .rank-chord-list{display:flex;flex-wrap:wrap;gap:6px;padding-left:25px}#song-rank .rank-chord-list span{padding:4px 9px;border:1px solid #e2e6f5;border-radius:999px;background:#f7f8fc;color:#3d465f;font-size:12px;font-weight:650}#song-rank .rank-card .link{gap:9px;width:100%;min-height:43px;border-color:#dfe4f5;border-radius:12px;background:#f7f9ff;color:#4056d0;font-weight:650}#song-rank .rank-card .link:hover{border-color:#cfd7fb;background:#eef2ff;color:#3047c6}html[data-theme=dark] #song-rank .rank-card{border-color:rgba(255,255,255,.1);background:var(--community-surface-2);color:var(--community-text);box-shadow:var(--community-shadow)}html[data-theme=dark] #song-rank .rank-card h3,html[data-theme=dark] #song-rank .rank-meta-row strong{color:var(--community-text)}html[data-theme=dark] #song-rank .rank-meta,html[data-theme=dark] #song-rank .rank-views{color:var(--community-muted)}html[data-theme=dark] #song-rank .rank-chord-list span{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:var(--community-text)}html[data-theme=dark] #song-rank .rank-card .link{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:#dbe4ff}html[data-theme=dark] #song-rank .rank-1 .rank-badge{border-color:#ecc44c;background:linear-gradient(135deg,#fde68a,#facc15 48%,#f59e0b);color:#664107}html[data-theme=dark] #song-rank .rank-2 .rank-badge{border-color:#d1d5db;background:linear-gradient(135deg,#f3f4f6,#d1d5db 50%,#9ca3af);color:#374151}html[data-theme=dark] #song-rank .rank-3 .rank-badge{border-color:#cf976f;background:linear-gradient(135deg,#f5d0a9,#c08457 50%,#b45309);color:#542b0c}@media (max-width:600px){.top-creators-controls{margin-left:auto}}.top-creators-section{padding:5px 0 36px}.top-creators-head{display:flex;align-items:center;gap:8px}.top-creators-head>div:first-child{flex:1 1 auto;min-width:0}.top-creators-head .section-kicker{margin-bottom:6px}.top-creators-head h2{white-space:nowrap;font-size:clamp(18px,5vw,22px)}.top-creators-controls{display:flex;justify-content:flex-end;gap:8px;margin-left:auto;flex:0 0 auto}.top-creators-controls button{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid #dfe4f1;border-radius:12px;background:#fff;color:#5461a4;cursor:pointer;transition:border-color .18s ease,background .18s ease,color .18s ease}.top-creators-controls button:hover{border-color:#cfd8f3;background:#f5f8ff;color:#4056d0}.top-creators-carousel{display:flex;align-items:stretch;justify-content:flex-start;gap:16px;overflow-x:auto;padding:2px 2px 12px;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.top-creators-carousel::-webkit-scrollbar{display:none}.top-creator-card{display:grid;grid-template-rows:auto 30px auto auto;flex-grow:0;flex-shrink:0;flex-basis:calc((100% - 48px) / 4);width:calc((100% - 48px) / 4);grid-gap:8px;gap:8px;min-width:calc((100% - 48px) / 4);max-width:calc((100% - 48px) / 4);padding:12px;border:1px solid #ebe8f2;border-radius:18px;background:#fff;color:#1d1d27;box-shadow:0 7px 22px rgba(24,26,43,.045);scroll-snap-align:start;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.top-creator-card:hover{border-color:#d7dced;box-shadow:0 12px 27px rgba(24,26,43,.08);transform:translateY(-2px)}.top-creator-main{display:flex;align-items:center;gap:9px;min-width:0}.forum-profile-link{color:inherit;text-decoration:none;transition:color .18s ease,opacity .18s ease}.forum-profile-link:hover{color:#4056d0;opacity:.88}.forum-profile-link:has(.community-avatar),.forum-profile-link:has(.top-creator-avatar){display:inline-flex}.top-creator-avatar{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;min-height:40px;aspect-ratio:1/1;border-radius:50%;background:linear-gradient(145deg,#f7f8fb,#e8ebf2);color:#98a2b2;object-fit:cover}.top-creator-details{display:grid;min-width:0;grid-gap:2px;gap:2px}.top-creator-details h3{margin:0;color:#171824;font-size:13px;font-weight:740}.top-creator-details h3,.top-creator-details>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-creator-details>span{color:#778093;font-size:11px}.top-creator-bio{display:-webkit-box;overflow:hidden;height:30px;margin:0;color:#70788a;font-size:10.5px;line-height:15px;-webkit-box-orient:vertical;-webkit-line-clamp:2}.top-creator-bio.is-empty{visibility:hidden}.top-creator-stats{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;padding:6px 0;border-top:1px solid #eef0f6;border-bottom:1px solid #eef0f6;color:#667080;font-size:11px;font-weight:600}.top-creator-stats span{display:inline-flex;align-items:center;gap:5px}.top-creator-views i{color:#13a07d}.top-creator-profile-link{display:flex;align-items:center;justify-content:center;min-height:30px;border:1px solid #dfe4f5;border-radius:9px;background:#f7f9ff;color:#4056d0;font-size:12px;font-weight:700;text-decoration:none;transition:border-color .18s ease,background .18s ease}.top-creator-profile-link:hover{border-color:#cfd7fb;background:#eef2ff}.rank-uploader-link{color:inherit;text-decoration:none;text-underline-offset:2px;transition:color .18s ease,-webkit-text-decoration-color .18s ease;transition:color .18s ease,text-decoration-color .18s ease;transition:color .18s ease,text-decoration-color .18s ease,-webkit-text-decoration-color .18s ease}.rank-uploader-link:hover{color:#4056d0;text-decoration:underline}.top-creator-profile-link.is-disabled{color:#929aaa}.top-creators-empty{display:grid;justify-items:center;grid-gap:10px;gap:10px;padding:29px 18px;border:1px dashed #dfe4f0;border-radius:18px;background:#fafbff;color:#687080;font-size:13px;text-align:center}.top-creators-empty strong{color:#252a39;font-size:15px}html[data-theme=dark] .top-creator-card{border-color:rgba(255,255,255,.1);background:var(--community-surface-2);color:var(--community-text)}html[data-theme=dark] .top-creator-card:hover{border-color:rgba(255,255,255,.17);background:rgba(255,255,255,.04)}html[data-theme=dark] .top-creator-profile-link,html[data-theme=dark] .top-creators-controls button{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:#dbe4ff}html[data-theme=dark] .top-creator-profile-link:hover,html[data-theme=dark] .top-creators-controls button:hover{background:rgba(255,255,255,.09)}html[data-theme=dark] .top-creator-details h3,html[data-theme=dark] .top-creators-empty strong{color:var(--community-text)}html[data-theme=dark] .top-creator-bio,html[data-theme=dark] .top-creator-details>span,html[data-theme=dark] .top-creator-stats,html[data-theme=dark] .top-creators-empty{color:var(--community-muted)}html[data-theme=dark] .top-creator-stats{border-color:rgba(255,255,255,.1)}html[data-theme=dark] .top-creators-empty{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.04)}.community-social-section{padding:34px 0}.community-social-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);grid-gap:22px;gap:22px;align-items:start}.social-panel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}.social-panel-head h2{margin:0;color:#171824;font-size:28px;line-height:1.1;letter-spacing:-.02em}.social-panel-head .section-kicker{color:#586cdc}.create-post-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 15px;border:1px solid #d9e0ff;border-radius:12px;background:#f2f5ff;color:#4056d0;font-size:14px;font-weight:700;cursor:pointer;transition:background .18s ease,border-color .18s ease}.create-post-button:hover{border-color:#c6d1ff;background:#e9efff}.forum-compose-card{display:grid;grid-gap:9px;gap:9px;margin-bottom:16px;width:100%;min-width:0;max-width:100%;overflow:hidden;padding:18px;border:1px solid #dde4fa;border-radius:18px;background:#ffffff;box-shadow:0 10px 27px rgba(49,64,125,.07)}.forum-compose-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;max-width:100%;margin-bottom:3px}.forum-compose-head h3{margin:0;color:#1b2030;font-size:17px}.forum-compose-head button{width:31px;height:31px;border:0;border-radius:9px;background:#f2f5ff;color:#566adc;cursor:pointer}.forum-compose-head button:disabled{opacity:.55;cursor:not-allowed}.forum-compose-card label{min-width:0;max-width:100%;color:#343a4a;font-size:13px;font-weight:700}.forum-compose-card input,.forum-compose-card select,.forum-compose-card textarea{display:block;width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;padding:11px 13px;border:1px solid #dce2f3;border-radius:11px;background:#fbfcff;color:#1c2030;font:inherit;font-size:14px;resize:vertical;transition:border-color .16s ease,box-shadow .16s ease}.forum-compose-card input:focus,.forum-compose-card select:focus,.forum-compose-card textarea:focus{outline:0;border-color:#7788eb;box-shadow:0 0 0 3px rgba(86,108,220,.13)}.forum-compose-card textarea[name=content],.forum-edit-form textarea[name=content]{min-height:320px;overflow-y:auto;resize:vertical;white-space:pre-wrap}.forum-topic-options{display:flex;flex-wrap:wrap;gap:8px;min-width:0;max-width:100%}.forum-topic-option{position:relative;display:inline-flex;flex:1 1 92px;min-width:0;max-width:100%;cursor:pointer}.forum-topic-option input{position:absolute;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}.forum-topic-option span{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:39px;padding:0 12px;border:1px solid #d9e0ff;border-radius:999px;background:#f6f8ff;color:#4b5fcf;font-size:13px;font-weight:750;line-height:1.2;text-align:center;transition:border-color .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease}.forum-topic-option input:checked+span{border-color:#5369dd;background:linear-gradient(135deg,#5269dd,#647cf0);box-shadow:0 8px 17px rgba(82,105,221,.2);color:#fff}.forum-topic-option input:focus-visible+span{outline:2px solid rgba(82,105,221,.24);outline-offset:2px}.forum-topic-option input:disabled+span{cursor:wait;opacity:.68}.forum-compose-help{margin:0;color:#70788a;font-size:12px}.forum-compose-actions{display:flex;justify-content:flex-end;gap:9px;min-width:0;max-width:100%;margin-top:5px}.forum-compose-actions button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:39px;padding:0 15px;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer}.forum-compose-actions button:disabled{opacity:.66;cursor:wait}.forum-cancel-button{border:1px solid #e0e4ef;background:#fff;color:#566070}.forum-submit-button{border:1px solid #4a5fd5;background:#5269db;color:#fff}.forum-submit-button:hover{background:#455aca}.forum-action-feedback{margin:3px 0 0;padding:8px 11px;border-radius:10px;font-size:12px;line-height:1.45}.forum-action-feedback.is-error{border:1px solid #f4c9ce;background:#fff4f5;color:#b23f50}.forum-action-feedback.is-success{border:1px solid #cce9dc;background:#f2fbf7;color:#16704f}.forum-interaction-toast{position:fixed;right:22px;bottom:22px;z-index:60;max-width:min(360px,calc(100vw - 32px));margin:0;padding:10px 13px;border:1px solid #f4c9ce;border-radius:12px;background:#fff4f5;color:#b23f50;box-shadow:0 12px 30px rgba(24,26,43,.16);font-size:13px;font-weight:650;line-height:1.45}.forum-post-list{display:grid;grid-gap:16px;gap:16px}.forum-post-card{position:relative;padding:20px;border:1px solid #ebe8f2;border-radius:20px;background:#ffffff;color:#1d1d27;box-shadow:0 7px 24px rgba(24,26,43,.05);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.forum-post-card:hover{border-color:#daddef;box-shadow:0 13px 30px rgba(24,26,43,.08);transform:translateY(-2px)}.forum-owner-actions{position:absolute;top:14px;right:14px;z-index:2}.forum-owner-menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:0;border-radius:10px;background:transparent;color:#687080;cursor:pointer}.forum-owner-menu-toggle:hover{background:#f3f5fb;color:#384dc2}.forum-owner-menu{position:absolute;top:38px;right:0;display:grid;min-width:178px;padding:6px;border:1px solid #e4e8f2;border-radius:12px;background:#fff;box-shadow:0 12px 30px rgba(24,26,43,.13)}.forum-owner-menu form{margin:0}.forum-owner-menu button{display:flex;align-items:center;gap:9px;width:100%;padding:10px;border:0;border-radius:8px;background:transparent;color:#303746;font:inherit;font-size:13px;font-weight:650;cursor:pointer}.forum-owner-menu button:hover{background:#f4f6fc}.forum-owner-menu .is-danger{color:#c43d4e}.forum-owner-menu .is-danger:hover{background:#fff1f3}.forum-owner-menu button:disabled{opacity:.65;cursor:wait}.forum-author-row{display:flex;align-items:center;gap:11px;margin-bottom:17px}.forum-avatar-link{flex:0 0 auto}.forum-edit-form{display:grid;grid-gap:8px;gap:8px;min-width:0;max-width:100%;margin-bottom:16px}.forum-edit-form label{min-width:0;max-width:100%;color:#33394a;font-size:12px;font-weight:700}.forum-edit-form input,.forum-edit-form select,.forum-edit-form textarea{width:100%;max-width:100%;min-width:0;box-sizing:border-box;padding:10px 12px;border:1px solid #e0e5f1;border-radius:10px;background:#fff;color:#1d1d27;font:inherit;resize:vertical}.forum-edit-form input:focus,.forum-edit-form select:focus,.forum-edit-form textarea:focus{outline:2px solid rgba(81,108,224,.2);border-color:#516ce0}.community-avatar{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#e4eaff,#f4f0ff);color:#4357d6;font-size:13px;font-weight:800}.forum-avatar{width:43px;height:43px}.forum-avatar-image{display:block;object-fit:cover}.forum-author-meta{min-width:0}.forum-author-name{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:#1e2030;font-size:14px}.forum-author-meta time{display:block;margin-top:3px;color:#777b89;font-size:12px}.forum-role{padding:3px 8px;border:1px solid #dde4ff;border-radius:999px;background:#f3f6ff;color:#4c61dc;font-size:11px;font-weight:700}.forum-post-card h3{margin:0 0 10px;color:#151723;font-size:19px;font-weight:750;line-height:1.32}.forum-content{margin:0 0 15px;color:#545968;font-size:14px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.forum-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:16px}.forum-tags span{padding:5px 10px;border:1px solid #e3e8fa;border-radius:999px;background:#f8f9fd;color:#5062bf;font-size:12px;font-weight:650}.forum-actions{display:flex;align-items:center;gap:20px;padding:13px 0;border-top:1px solid #eef0f6;border-bottom:1px solid #eef0f6;color:#687080;font-size:13px;font-weight:600}.forum-actions span,.forum-comment-toggle{display:inline-flex;align-items:center;gap:7px}.forum-actions form{margin:0}.forum-action-button{display:inline-flex;align-items:center;gap:7px;padding:0;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}.forum-action-button:focus-visible,.forum-action-button:hover{color:#465bd2}.forum-action-button:focus-visible{outline:2px solid rgba(81,108,224,.28);outline-offset:3px;border-radius:999px}.forum-action-button:disabled{opacity:.65;cursor:wait}.forum-like-button i{color:#e06173}.forum-pinned-badge{display:inline-flex;align-items:center;gap:6px;justify-self:start;width:max-content;padding:6px 10px;border:1px solid #d8e0ff;border-radius:999px;background:#eef2ff;color:#4a61d3;font-size:12px;font-weight:750}.forum-pinned-badge i{font-size:11px}.forum-actions>span i,.forum-comment-toggle i{color:#516ce0}.forum-comment-toggle.is-open{color:#465bd2}.forum-save-button i{color:#19a080}.forum-save-button.is-saved{color:#087b63}.forum-comments-preview{display:grid;grid-gap:8px;gap:8px;padding-top:13px}.forum-comment-thread{display:grid;grid-gap:6px;gap:6px}.forum-comment-thread.is-reply{border-left:2px solid #dde5f5;padding-left:8px}.forum-comment-thread.is-highlighted .forum-comment{animation:forumCommentHighlight 2.4s ease}@keyframes forumCommentHighlight{0%{background:#fff4c2;box-shadow:0 0 0 4px rgba(255,205,71,.24)}to{box-shadow:none}}.forum-comment{display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding:9px 11px;border-radius:12px;background:#f7f7fb;color:#5c6170;font-size:12px;line-height:1.5}.forum-comment-content{overflow-wrap:anywhere}.forum-comment-actions{display:inline-flex;align-items:center;gap:7px;margin-left:auto}.forum-comment-menu{position:relative;display:inline-flex}.forum-comment-menu-list{position:absolute;right:0;top:100%;z-index:4;display:grid;min-width:84px;padding:5px;border:1px solid #dde4f2;border-radius:8px;background:#fff;box-shadow:0 10px 26px rgba(26,35,63,.14)}.forum-comment-menu-list button{min-height:28px;padding:0 9px;border:0;border-radius:6px;background:transparent;color:#35405a;font-size:12px;font-weight:700;text-align:left;cursor:pointer}.forum-comment-menu-list button:hover{background:#f2f5fb}.forum-comment-edit-form{display:flex;flex:1 1 220px;align-items:center;gap:6px}.forum-comment-edit-form input{flex:1 1 auto;min-width:120px;height:32px;padding:0 10px;border:1px solid #e1e5f0;border-radius:999px;background:#fff;color:#202434;font-size:12px}.forum-comment-edit-form button{flex:0 0 auto;min-height:30px;padding:0 9px;border:1px solid #d8e0ff;border-radius:999px;background:#eef2ff;color:#5169dd;font-size:12px;font-weight:750;cursor:pointer}.forum-comment-action{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:0;border:0;background:transparent;color:#737d92;font-size:12px;font-weight:750;cursor:pointer}.forum-comment-action.is-liked{color:#d94862}.forum-comment-action:disabled{cursor:wait;opacity:.65}.forum-comment-replies{display:grid;grid-gap:7px;gap:7px}.forum-comment strong{color:#2c3040;font-weight:700}.forum-comment-author{display:inline-flex;align-items:center;gap:6px}.forum-comment-avatar{display:inline-flex;flex:0 0 auto;width:22px;height:22px;border-radius:50%;object-fit:cover;font-size:10px}.forum-comment-form{display:flex;align-items:center;gap:7px;margin-top:4px}.forum-comment-form input{flex:1 1 auto;min-width:0;height:38px;padding:0 12px;border:1px solid #e1e5f0;border-radius:999px;background:#fafbff;color:#202434;font-size:13px}.forum-comment-form input:focus{outline:0;border-color:#7788eb;box-shadow:0 0 0 3px rgba(86,108,220,.12)}.forum-comment-form button{flex:0 0 auto;width:38px;height:38px;border:1px solid #d8e0ff;border-radius:50%;background:#eef2ff;color:#5169dd;cursor:pointer}.forum-comment-form button:disabled,.forum-comment-form input:disabled{opacity:.65;cursor:wait}.forum-reply-form{margin:0 0 2px 10px}.forum-login-comment{justify-self:start;margin-top:4px;padding:7px 12px;border:1px dashed #dce2f4;border-radius:999px;background:#fbfcff;color:#5366c8;font-size:12px;font-weight:650;cursor:pointer}.forum-comment-modal-overlay{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(18,24,45,.52)}.forum-comment-modal{display:flex;flex-direction:column;width:min(680px,100%);max-height:min(calc(100vh - 48px),760px);max-height:min(calc(100dvh - 48px),760px);min-height:0;overflow:hidden;border:1px solid #dfe5f5;border-radius:20px;background:#fff;box-shadow:0 24px 70px rgba(20,28,56,.28)}.forum-comment-modal-head{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-bottom:1px solid #edf0f7}.forum-comment-modal-author{display:flex;align-items:center;min-width:0;gap:10px}.forum-comment-modal-author>div{display:grid;min-width:0;grid-gap:2px;gap:2px}.forum-comment-modal-author time{color:#71798b;font-size:12px}.forum-comment-modal-close{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:36px;height:36px;border:0;border-radius:50%;background:#f1f4ff;color:#5268d8;cursor:pointer}.forum-comment-modal-close:focus-visible,.forum-comment-modal-close:hover{background:#e6ebff;color:#3f55c9}.forum-comment-modal-close:focus-visible{outline:2px solid rgba(81,108,224,.28);outline-offset:2px}.forum-comment-modal-post{display:grid;flex:0 1 auto;grid-gap:8px;gap:8px;max-height:min(36dvh,320px);min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:17px 18px;border-bottom:1px solid #edf0f7;scrollbar-gutter:stable}.forum-comment-modal-post h3{margin:0;color:#242a3d;font-size:18px}.forum-comment-modal-post p{margin:0;color:#4f586b;font-size:14px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.forum-comment-modal-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:14px 18px;scrollbar-gutter:stable}.forum-comment-modal-body .forum-comments-preview{padding-top:0}.forum-comment-empty{display:grid;place-items:center;min-height:150px;margin:0;border:1px dashed #dfe5f5;border-radius:16px;background:#fbfcff;color:#687080;font-size:13px;text-align:center}.forum-comment-modal-foot{flex:0 0 auto;padding:13px 18px 16px;border-top:1px solid #edf0f7;background:#fbfcff}.forum-comment-modal-foot .forum-comment-form{margin-top:0}.forum-empty-state{display:grid;justify-items:center;grid-gap:8px;gap:8px;padding:38px 20px;border:1px dashed #dee4f2;border-radius:20px;background:#fff;color:#697185;text-align:center}.forum-empty-state i{color:#5369dc;font-size:26px}.forum-empty-state strong{color:#252a39;font-size:15px}.forum-empty-state span{font-size:13px}.active-users-panel{padding:19px;border:1px solid #ebe8f2;border-radius:20px;background:#ffffff;box-shadow:0 7px 24px rgba(24,26,43,.05)}.active-panel-head{margin-bottom:9px}.active-panel-head h2{font-size:23px}.active-users-note{margin:0 0 17px;color:#656b7b;font-size:13px;line-height:1.55}.learning-streak-card{margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid #edf0f6}.streak-panel-head{margin-bottom:7px}.streak-panel-head h2{font-size:21px}.streak-note{margin-bottom:12px}.streak-user-list{display:grid;grid-gap:7px;gap:7px}.streak-user-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:9px;gap:9px;min-width:0;padding:9px 10px;border:1px solid #f0edf4;border-radius:13px;background:#fff;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease}.streak-user-card:hover{border-color:#e0e4f1;background:#fafbff}.streak-user-card.is-gold{border-color:#f2cf6b;background:#fff9e6;box-shadow:0 8px 22px rgba(222,164,38,.16)}.streak-user-card.is-green{border-color:#90dfbd;background:#effcf6;box-shadow:0 8px 20px rgba(37,160,112,.13)}.streak-user-card.is-silver{border-color:#cfd6e6;background:#f7f9fd;box-shadow:0 8px 20px rgba(103,116,142,.12)}.streak-avatar{width:34px;height:34px;font-size:11px}.streak-user-info{display:grid;min-width:0;grid-gap:3px;gap:3px}.streak-user-info strong{overflow:hidden;color:#212433;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.streak-user-info span{color:#e26a28;font-size:12px;font-weight:800}.streak-fire-icon{color:#f08a24;filter:drop-shadow(0 3px 6px rgba(240,138,36,.22))}.streak-empty{padding:16px 13px}.active-user-list{display:grid;grid-gap:6px;gap:6px;max-height:620px;overflow-y:auto;padding-right:5px;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#d8dceb transparent}.active-user-list::-webkit-scrollbar{width:7px}.active-user-list::-webkit-scrollbar-track{background:transparent}.active-user-list::-webkit-scrollbar-thumb{border-radius:999px;background:#d8dceb}.active-user-card{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;grid-gap:8px;gap:8px;padding:8px 7px;border:1px solid #f0edf4;border-radius:12px;background:#ffffff;transition:background .16s ease,border-color .16s ease}.active-user-card:hover{border-color:#e0e4f1;background:#fafbff}.active-user-rank{display:inline-flex;align-items:center;justify-content:center;width:30px;height:25px;border:1px solid #e2e5ec;border-radius:999px;color:#535a69;font-size:11px;font-weight:800}.active-avatar{width:32px;height:32px;font-size:11px}.active-user-info{display:grid;min-width:0;grid-gap:3px;gap:3px}.active-user-info strong{overflow:hidden;color:#212433;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.active-user-score{color:#586cdc;font-size:11px;font-weight:650}.active-user-stats{display:flex;align-items:center;flex-wrap:wrap;gap:5px;color:#707586;font-size:10px}.active-user-stats i:first-child{color:#e06173}.active-user-stats i:nth-of-type(2){margin-left:5px;color:#516ce0}.active-user-stats i:last-of-type{margin-left:5px;color:#19a080}.active-users-empty{margin:0;padding:18px 14px;border:1px dashed #dfe4f0;border-radius:12px;background:#fafbff;color:#656b7b;font-size:13px;line-height:1.55;text-align:center}.top-posts-card{margin-top:16px;padding-top:17px;border-top:1px solid #edf0f6}.top-post-filters{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 13px}.top-post-filters button{min-height:32px;padding:0 12px;border:1px solid #dde3f0;border-radius:999px;background:#fff;color:#535d70;cursor:pointer;font-size:12px;font-weight:750;transition:background .16s ease,border-color .16s ease,color .16s ease}.top-post-filters button.is-active,.top-post-filters button:hover{border-color:#c9d3f6;background:#f2f5ff;color:#516ce0}.top-post-list{display:grid;grid-gap:6px;gap:6px;max-height:460px;overflow-y:auto;padding-right:5px;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#d8dceb transparent}.top-post-list::-webkit-scrollbar{width:7px}.top-post-list::-webkit-scrollbar-track{background:transparent}.top-post-list::-webkit-scrollbar-thumb{border-radius:999px;background:#d8dceb}.top-post-item{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;grid-gap:8px;gap:8px;padding:9px 7px;border:1px solid #f0edf4;border-radius:12px;background:#fff;color:inherit;text-decoration:none;transition:background .16s ease,border-color .16s ease}.top-post-item:hover{border-color:#e0e4f1;background:#fafbff}.top-post-info{display:grid;min-width:0;grid-gap:4px;gap:4px}.top-post-info strong{overflow:hidden;color:#212433;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.top-post-info>span:not(.active-user-stats){overflow:hidden;color:#707586;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.top-post-info .active-user-stats strong{margin-left:4px;color:#586cdc;font-size:10px;white-space:normal}.active-user-rank-1 .active-user-rank{border-color:#efd573;background:#fff8dd;color:#a76c05}.active-user-rank-2 .active-user-rank{border-color:#d7dbe2;background:#f5f6f8;color:#667080}.active-user-rank-3 .active-user-rank{border-color:#e8c6aa;background:#fff2e8;color:#a55d27}html[data-theme=dark] .active-user-info strong,html[data-theme=dark] .forum-author-name,html[data-theme=dark] .forum-comment strong,html[data-theme=dark] .forum-post-card h3,html[data-theme=dark] .social-panel-head h2,html[data-theme=dark] .streak-user-info strong,html[data-theme=dark] .top-post-info strong{color:var(--community-text)}html[data-theme=dark] .active-user-card,html[data-theme=dark] .active-users-panel,html[data-theme=dark] .forum-compose-card,html[data-theme=dark] .forum-empty-state,html[data-theme=dark] .forum-post-card,html[data-theme=dark] .streak-user-card,html[data-theme=dark] .top-post-filters button,html[data-theme=dark] .top-post-item{border-color:rgba(255,255,255,.11);background:var(--community-surface-2)}html[data-theme=dark] .active-user-stats,html[data-theme=dark] .active-users-empty,html[data-theme=dark] .active-users-note,html[data-theme=dark] .forum-actions,html[data-theme=dark] .forum-author-meta time,html[data-theme=dark] .forum-content,html[data-theme=dark] .streak-user-info span,html[data-theme=dark] .top-post-info>span:not(.active-user-stats){color:var(--community-muted)}html[data-theme=dark] .forum-comment,html[data-theme=dark] .forum-pinned-badge,html[data-theme=dark] .forum-tags span{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:#cad6f6}html[data-theme=dark] .forum-comment-modal{border-color:rgba(255,255,255,.12);background:var(--community-surface-2)}html[data-theme=dark] .forum-comment-modal-foot,html[data-theme=dark] .forum-comment-modal-head,html[data-theme=dark] .forum-comment-modal-post{border-color:rgba(255,255,255,.1)}html[data-theme=dark] .forum-comment-modal-foot{background:rgba(255,255,255,.035)}html[data-theme=dark] .forum-comment-modal-author,html[data-theme=dark] .forum-comment-modal-post h3{color:var(--community-text)}html[data-theme=dark] .forum-comment-empty,html[data-theme=dark] .forum-comment-modal-author time,html[data-theme=dark] .forum-comment-modal-post p{color:var(--community-muted)}html[data-theme=dark] .forum-comment-empty{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.04)}html[data-theme=dark] .forum-comment-modal-close{background:rgba(255,255,255,.08);color:#adbbff}html[data-theme=dark] .forum-compose-card label,html[data-theme=dark] .forum-compose-head h3,html[data-theme=dark] .forum-empty-state strong{color:var(--community-text)}html[data-theme=dark] .forum-topic-option span{border-color:rgba(166,185,255,.2);background:rgba(255,255,255,.055);color:#dbe4ff}html[data-theme=dark] .forum-topic-option input:checked+span{border-color:#8fa3ff;background:linear-gradient(135deg,#5b6ee1,#4f6df5);color:#fff}html[data-theme=dark] .forum-action-feedback.is-error{border-color:rgba(246,125,142,.32);background:rgba(217,70,89,.13);color:#ffbac3}html[data-theme=dark] .forum-action-feedback.is-success{border-color:rgba(70,201,148,.25);background:rgba(28,137,98,.15);color:#91e1bd}html[data-theme=dark] .forum-interaction-toast{border-color:rgba(246,125,142,.32);background:#2a1720;color:#ffbac3}html[data-theme=dark] .forum-comment-form input,html[data-theme=dark] .forum-compose-card input,html[data-theme=dark] .forum-compose-card select,html[data-theme=dark] .forum-compose-card textarea,html[data-theme=dark] .forum-edit-form input,html[data-theme=dark] .forum-edit-form select,html[data-theme=dark] .forum-edit-form textarea,html[data-theme=dark] .forum-login-comment{background:rgba(255,255,255,.05);color:var(--community-text)}html[data-theme=dark] .forum-owner-menu{border-color:rgba(255,255,255,.12);background:var(--community-surface-2)}html[data-theme=dark] .forum-edit-form label,html[data-theme=dark] .forum-owner-menu button,html[data-theme=dark] .forum-owner-menu-toggle{color:var(--community-text)}html[data-theme=dark] .forum-owner-menu button:hover,html[data-theme=dark] .forum-owner-menu-toggle:hover{background:rgba(255,255,255,.07)}html[data-theme=dark] .forum-owner-menu .is-danger{color:#ff9aa7}html[data-theme=dark] .forum-compose-help,html[data-theme=dark] .forum-empty-state{color:var(--community-muted)}html[data-theme=dark] .forum-actions{border-color:rgba(255,255,255,.1)}html[data-theme=dark] .active-user-card:hover,html[data-theme=dark] .streak-user-card:hover,html[data-theme=dark] .top-post-filters button.is-active,html[data-theme=dark] .top-post-filters button:hover,html[data-theme=dark] .top-post-item:hover{border-color:rgba(255,255,255,.17);background:rgba(255,255,255,.04)}html[data-theme=dark] .active-users-empty{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.04)}html[data-theme=dark] .active-user-list,html[data-theme=dark] .top-post-list{scrollbar-color:rgba(255,255,255,.2) transparent}html[data-theme=dark] .active-user-list::-webkit-scrollbar-thumb,html[data-theme=dark] .top-post-list::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2)}@media (max-width:980px){.community-hero{margin:22px auto 16px;padding:0 24px}.community-hero-grid{padding:34px 28px 26px;border-radius:23px}.community-social-grid{grid-template-columns:1fr}.active-user-list{max-height:520px}.top-creator-card{flex-basis:calc((100% - 16px) / 2);width:calc((100% - 16px) / 2);min-width:calc((100% - 16px) / 2);max-width:calc((100% - 16px) / 2)}}@media (max-width:600px){.active-users-panel,.community-hero-grid,.community-page,.community-page .container,.community-social-grid,.forum-compose-card,.forum-feed,.forum-post-card,.top-creators-carousel,.top-creators-section{max-width:100%;min-width:0}.community-hero{margin:14px auto 12px;padding:0 12px;width:100%;max-width:100vw;overflow:hidden}.community-hero-grid{width:calc(100vw - 24px);max-width:calc(100vw - 24px);padding:26px 16px 18px;border-radius:18px}.community-hero-left{min-width:0}.community-hero-left>*{width:100%;max-width:340px}.community-hero .community-lead,.community-hero .community-search,.community-hero .search-note,.community-hero h1{max-width:340px}.community-hero .hero-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:6px;gap:6px;width:100%;max-width:340px;min-width:0}.community-hero .hero-link{width:100%;min-width:0;min-height:40px;padding:0 6px;border-radius:10px;font-size:11.5px;line-height:1.15;text-align:center;white-space:normal}#song-rank .rank-card{min-height:0;padding:20px}#song-rank .rank-card:hover{transform:none}.community-social-section{padding:18px 0 26px}.community-social-grid{gap:24px}.forum-feed{order:2}.active-users-panel{order:1}.active-users-panel,.forum-compose-card,.forum-post-card{border-radius:16px}.social-panel-head{align-items:flex-start;gap:12px;margin-bottom:14px}.social-panel-head h2{font-size:25px}.rank-head h2,.rank-head>div{max-width:340px}.create-post-button{min-height:40px;padding:0 12px;font-size:13px}.forum-post-card{padding:16px}.forum-compose-card{width:100%;overflow:hidden;padding:15px}.forum-compose-card,.forum-compose-card>*{max-width:100%;min-width:0}.forum-compose-card select,.forum-edit-form select{display:block;width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis}.forum-compose-card textarea[name=content],.forum-edit-form textarea[name=content]{min-height:240px}.forum-compose-actions{flex-wrap:wrap}.forum-post-card:hover{transform:none}.forum-actions{justify-content:flex-start;flex-wrap:wrap;gap:8px 14px;padding:11px 0}.forum-action-button{min-height:32px}.forum-comment-modal-overlay{align-items:stretch;padding:12px}.forum-comment-modal{max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);border-radius:18px}.forum-comment-modal-post{max-height:min(34dvh,260px)}.forum-comment-modal-body,.forum-comment-modal-foot,.forum-comment-modal-head,.forum-comment-modal-post{padding-left:14px;padding-right:14px}.forum-comment-form input{font-size:16px}.community-hero .community-search .search-mic-button{flex-basis:44px;width:44px;min-width:44px}}@media (max-width:359px){.community-hero .hero-links{grid-template-columns:repeat(2,minmax(0,1fr))}.community-hero .hero-link{white-space:normal}.community-hero .hero-link:last-child{grid-column:1/-1}}@media (max-width:420px){.listItemTop{gap:8px}.listItemViews{font-size:11px}}@media (max-width:600px){.top-creators-section{padding:0 0 18px}.top-creators-head{align-items:flex-end;flex-direction:row;gap:6px;justify-content:space-between;margin-bottom:12px}.top-creators-controls button{width:30px;height:30px;border-radius:10px}.top-creators-section .container{padding-inline:12px}.top-creators-head>div{flex:1 1;min-width:0}.top-creators-head h2{font-size:20px;white-space:nowrap}.top-creators-carousel{gap:12px;padding:2px 0 10px}.top-creator-card{flex-basis:calc((100% - 12px) / 2);width:calc((100% - 12px) / 2);min-width:calc((100% - 12px) / 2);max-width:calc((100% - 12px) / 2)}}html[data-theme=dark]{--community-bg:#0f172a;--community-surface:#1e293b;--community-surface-2:#24324f;--community-text:#f8fafc;--community-muted:#cbd5e1;--community-line:rgba(255,255,255,.12);--community-shadow:0 14px 34px rgba(2,6,23,.34);--community-color:#dbe5ff}html[data-theme=dark] .community-page,html[data-theme=dark] body{background:#0f172a;color:#f8fafc}html[data-theme=dark] .streak-user-card.is-gold{border-color:rgba(245,197,78,.62);background:#3a2d17;box-shadow:0 10px 24px rgba(245,197,78,.16)}html[data-theme=dark] .streak-user-card.is-green{border-color:rgba(78,210,145,.52);background:#193526;box-shadow:0 10px 24px rgba(78,210,145,.14)}html[data-theme=dark] .streak-user-card.is-silver{border-color:rgba(203,213,225,.42);background:#293449;box-shadow:0 10px 24px rgba(148,163,184,.12)}html[data-theme=dark] .community-hero-grid{border-color:rgba(255,255,255,.12);background:radial-gradient(circle at 16% 18%,rgba(91,110,225,.18),transparent 37%),radial-gradient(circle at 86% 18%,rgba(79,109,245,.12),transparent 40%),linear-gradient(128deg,#111c33,#1e293b 48%,#24324f);box-shadow:0 24px 52px rgba(2,6,23,.35)}html[data-theme=dark] #song-rank .rank-card h3,html[data-theme=dark] #song-rank .rank-meta-row strong,html[data-theme=dark] .active-user-info strong,html[data-theme=dark] .community-hero h1,html[data-theme=dark] .forum-author-name,html[data-theme=dark] .forum-post-card h3,html[data-theme=dark] .listItemTitle,html[data-theme=dark] .panel-head h2,html[data-theme=dark] .simple-head h2,html[data-theme=dark] .social-panel-head h2,html[data-theme=dark] .streak-user-info strong,html[data-theme=dark] .top-post-info strong{color:#f8fafc}html[data-theme=dark] #song-rank .rank-meta,html[data-theme=dark] #song-rank .rank-views,html[data-theme=dark] .active-user-stats,html[data-theme=dark] .active-users-note,html[data-theme=dark] .community-hero .muted,html[data-theme=dark] .community-hero .search-note,html[data-theme=dark] .community-lead,html[data-theme=dark] .forum-actions,html[data-theme=dark] .forum-content,html[data-theme=dark] .listItemMeta,html[data-theme=dark] .listItemViews,html[data-theme=dark] .muted,html[data-theme=dark] .streak-user-info span,html[data-theme=dark] .top-post-info>span:not(.active-user-stats){color:#cbd5e1}html[data-theme=dark] .community-hero .community-search input,html[data-theme=dark] .community-search input{border-color:rgba(255,255,255,.18);background:#f8fafc;color:#0f172a;box-shadow:0 10px 22px rgba(2,6,23,.18)}html[data-theme=dark] .community-hero .community-search input::placeholder,html[data-theme=dark] .community-search input::placeholder{color:#64748b}html[data-theme=dark] .community-hero .search-input-icon{color:#64748b}html[data-theme=dark] .community-hero .community-search .search-mic-button,html[data-theme=dark] .community-hero .community-search button,html[data-theme=dark] .community-search button{background:linear-gradient(135deg,#5b6ee1,#4f6df5);color:#f8fafc;box-shadow:0 12px 25px rgba(79,109,245,.24)}html[data-theme=dark] #song-rank .rank-card,html[data-theme=dark] .active-user-card,html[data-theme=dark] .active-users-panel,html[data-theme=dark] .card.simple-card,html[data-theme=dark] .community-hero .community-panel,html[data-theme=dark] .community-panel,html[data-theme=dark] .forum-comment-modal,html[data-theme=dark] .forum-compose-card,html[data-theme=dark] .forum-empty-state,html[data-theme=dark] .forum-post-card,html[data-theme=dark] .hero-link,html[data-theme=dark] .list-empty,html[data-theme=dark] .listItem,html[data-theme=dark] .quick-card,html[data-theme=dark] .streak-user-card,html[data-theme=dark] .strip-card,html[data-theme=dark] .top-creator-card,html[data-theme=dark] .top-post-filters button,html[data-theme=dark] .top-post-item{border-color:rgba(255,255,255,.12);background:#1e293b;color:#f8fafc;box-shadow:0 14px 34px rgba(2,6,23,.28)}html[data-theme=dark] #song-rank .rank-chord-list span,html[data-theme=dark] .community-hero .list-empty,html[data-theme=dark] .community-hero .listItem,html[data-theme=dark] .forum-comment,html[data-theme=dark] .forum-pinned-badge,html[data-theme=dark] .forum-tags span{border-color:rgba(255,255,255,.12);background:#24324f;color:#f8fafc}html[data-theme=dark] #song-rank .rank-card:hover,html[data-theme=dark] .active-user-card:hover,html[data-theme=dark] .community-hero .listItem:hover,html[data-theme=dark] .listItem:hover,html[data-theme=dark] .streak-user-card:hover,html[data-theme=dark] .top-post-filters button.is-active,html[data-theme=dark] .top-post-filters button:hover,html[data-theme=dark] .top-post-item:hover{border-color:rgba(91,110,225,.42);background:#2b3b5d;color:#f8fafc}html[data-theme=dark] #song-rank .rank-1 .rank-badge,html[data-theme=dark] .rank-1 .rank-badge,html[data-theme=dark] .rank-badge{background:#5b6ee1;color:#f8fafc}html[data-theme=dark] #song-rank .rank-2 .rank-badge,html[data-theme=dark] #song-rank .rank-3 .rank-badge,html[data-theme=dark] .rank-2 .rank-badge,html[data-theme=dark] .rank-3 .rank-badge{background:#24324f;color:#f8fafc}html[data-theme=dark] #song-rank .rank-card .link,html[data-theme=dark] .rank-card .link,html[data-theme=dark] .top-creator-profile-link,html[data-theme=dark] .top-creators-controls button{border-color:rgba(255,255,255,.12);background:#24324f;color:#f8fafc}html[data-theme=dark] #song-rank .rank-card .link:hover,html[data-theme=dark] .rank-card .link:hover,html[data-theme=dark] .top-creator-profile-link:hover,html[data-theme=dark] .top-creators-controls button:hover{border-color:rgba(91,110,225,.42);background:#2b3b5d;color:#f8fafc}html[data-theme=dark] .forum-comment-form input,html[data-theme=dark] .forum-compose-card input,html[data-theme=dark] .forum-compose-card select,html[data-theme=dark] .forum-compose-card textarea,html[data-theme=dark] .forum-edit-form input,html[data-theme=dark] .forum-edit-form select,html[data-theme=dark] .forum-edit-form textarea,html[data-theme=dark] .forum-login-comment{border-color:rgba(255,255,255,.12);background:#24324f;color:#f8fafc}.card-media{width:300px;height:300px;margin:0 auto 12px}.card-media img{width:100%;height:100%;object-fit:cover;border-radius:12px}.scrollTopBtn{position:fixed;bottom:30px;right:30px;width:48px;height:48px;border-radius:50%;border:none;background:#111;color:white;font-size:18px;cursor:pointer;box-shadow:0 8px 20px rgba(0,0,0,.2);opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s ease;z-index:999}.scrollTopBtn:hover{background:#333;transform:translateY(-2px)}.scrollTopBtn.show{opacity:1;visibility:visible;transform:translateY(0)}@media (max-width:768px){.scrollTopBtn{bottom:20px;right:20px;width:42px;height:42px}}.scrollTopBtn{background:var(--accent);box-shadow:0 8px 20px rgba(79,95,232,.22)}.scrollTopBtn:hover{background:#394bc7}html[data-theme=dark] .scrollTopBtn{background:var(--accent)}#app{background-color:rgb(212,210,207);color:black;margin:0 auto;width:90%}