:root{--teal:#2a93b5;--teal-2:#1e7e9e;--ink:#0e3b3b;--orange:#e8862a;--orange-deep:#b85e12;--green:#2e8b57;--green-deep:#276749;--green-bright:#639922;--gold:#e9c46a;--pink:#c25e8b;--red:#e24b4a;--cream:#faf6ea;--card:#fff;--muted:#6a7676;--line:#ece5d4;--radius:18px;--g:15px;--glass:#fff9;--glass-2:#ffffff61;--hl:#ffffffb8;--glass-sh:0 8px 26px #0e3b3b1f;--sh:0 8px 24px #0e3b3b1a;--soft:#ffffff80;--blur:saturate(125%) blur(20px);--sidebar-w:248px;--rightbar-w:320px;--dock-h:64px;--content-max:1500px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}body{color:var(--ink);-webkit-font-smoothing:antialiased;background:linear-gradient(155deg,#fbf7ec,#eaf3f1 55%,#deecec) fixed;min-height:100vh;font-family:Avenir Next,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}a{color:inherit;text-decoration:none}button{font-family:inherit}img{max-width:100%}.no-sb{scrollbar-width:none}.no-sb::-webkit-scrollbar{width:0;height:0}.glass{background:var(--glass);box-shadow:var(--glass-sh);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}.btn{cursor:pointer;border:none;border-radius:24px;align-items:center;gap:8px;padding:12px 22px;font-family:inherit;font-size:14px;font-weight:700;display:inline-flex}.btn-pri{background:var(--orange);color:#fff}.btn-ghost{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff38}@media (width<=820px){.sidebar,.topbar{display:none!important}}@media (width>=821px){.mhead,.dock{display:none!important}}.desktop-only{display:none}@media (width>=821px){.mobile-only{display:none!important}.desktop-only{display:revert}}.page-title{margin:6px 0 2px;font-size:20px;font-weight:700}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.secrow{justify-content:space-between;align-items:center;margin:22px 0 11px;display:flex}.secrow h3{margin:0;font-size:16px;font-weight:700}.secrow a{color:var(--orange);cursor:pointer;align-items:center;gap:3px;font-size:12.5px;font-weight:600;display:inline-flex}.secrow:first-child,.stories+.secrow{margin-top:4px}@media (width>=821px){.secrow{margin:26px 0 14px}.secrow h3{font-size:19px}.secrow a{font-size:13px}}.rail{scroll-snap-type:x proximity;gap:12px;padding-bottom:4px;display:flex;overflow:auto hidden}.rail::-webkit-scrollbar{height:0}@media (width>=821px){.rail{gap:18px}.rail::-webkit-scrollbar{height:8px}.rail::-webkit-scrollbar-thumb{background:#cfd8d8;border-radius:4px}}.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;display:grid}@media (width>=821px){.grid{grid-template-columns:repeat(auto-fill,minmax(212px,1fr));gap:20px}}.vcard{cursor:pointer;scroll-snap-align:start;color:inherit;flex:0 0 152px}.vcard.wide{flex-basis:210px}.grid .vcard{flex:initial}.thumb{border-radius:13px;justify-content:center;align-items:center;height:92px;display:flex;position:relative;overflow:hidden;box-shadow:0 5px 13px #0e3b3b1f}.vcard.wide .thumb{height:128px}.thumb .wm{opacity:.2;color:#fff;position:absolute;bottom:-12px;right:-10px}.thumb .play{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff38;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.dur{color:#fff;background:#0e3b3bd1;border-radius:6px;padding:2px 7px;font-size:10px;font-weight:600;position:absolute;bottom:7px;right:7px}.rank{color:#fff;opacity:.92;text-shadow:0 2px 5px #0000004d;font-size:44px;font-weight:800;line-height:1;position:absolute;top:2px;left:9px}.prog{background:#ffffff59;height:4px;position:absolute;bottom:0;left:0;right:0}.prog>div{background:var(--orange);height:4px}.vcard h4{color:var(--ink);margin:7px 0 0;font-size:12.5px;font-weight:600;line-height:1.28}.vcard p{color:var(--muted);margin:2px 0 0;font-size:10.5px}@media (width>=821px){.rail .vcard{flex:0 0 230px}.thumb{border-radius:16px;height:130px}.vcard.wide .thumb{height:150px}.thumb .play{width:50px;height:50px}.dur{padding:2px 8px;font-size:11px;bottom:9px;right:9px}.rank{font-size:52px;left:12px}.vcard h4{margin:11px 0 0;font-size:14.5px;line-height:1.3}.vcard p{margin:4px 0 0;font-size:12.5px}}.clip{cursor:pointer;color:inherit;align-items:center;gap:11px;padding:6px 0;display:flex}.clip .t{border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:104px;height:60px;display:flex;position:relative;overflow:hidden}.clip h4{color:var(--ink);margin:0;font-size:13px;font-weight:600;line-height:1.28}.clip p{color:var(--muted);margin:3px 0 0;font-size:11px}.hero{cursor:pointer;color:#fff;background-position:50%;background-size:cover;border-radius:24px;height:220px;display:block;position:relative;overflow:hidden;box-shadow:0 12px 28px #0e3b3b2e}.hero .ov{background:linear-gradient(#0e3b3b0d,#0e3b3bd9);position:absolute;inset:0}.hero .body{padding:16px;position:absolute;bottom:0;left:0;right:0}.hero .tag{background:var(--red);color:#fff;letter-spacing:.4px;border-radius:7px;align-items:center;gap:5px;padding:4px 9px;font-size:10px;font-weight:700;display:inline-flex}.hero h1{color:#fff;margin:9px 0 2px;font-size:21px;font-weight:800;line-height:1.15}.hero p{color:var(--gold);margin:0 0 12px;font-size:12.5px;font-weight:600}.hero .btns{gap:9px;display:flex}@media (width>=821px){.hero{border-radius:26px;height:330px;box-shadow:0 18px 40px #0e3b3b33}.hero .ov{background:linear-gradient(90deg,#0e3b3be6 5%,#0e3b3b40 60%,#0000)}.hero .body{max-width:62%;padding:34px;right:auto}.hero h1{margin:14px 0 6px;font-size:34px;line-height:1.1}.hero p{margin:0 0 18px;font-size:15px}}.ed{cursor:pointer;color:inherit;background:#fff;border-radius:20px;display:block;overflow:hidden;box-shadow:0 10px 24px #0e3b3b26}.ed .art{background:var(--ink);background-position:50%;background-size:cover;height:166px;position:relative;overflow:hidden}.ed-tag{z-index:3;color:var(--ink);letter-spacing:.5px;background:#fffffff0;border-radius:9px;padding:4px 10px;font-size:9.5px;font-weight:700;position:absolute;top:14px;left:14px}.ed-tag.live{background:var(--red);color:#fff}.ed .foot{background:#fff;align-items:center;gap:11px;padding:10px 13px;display:flex}.ed .foot .ic{color:#fff;background-position:50%;background-size:cover;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:15px;font-weight:700;display:flex;overflow:hidden}.ed .foot .n{flex:1;min-width:0}.ed .foot .n b{font-size:13px;font-weight:600;display:block}.ed .foot .n span{color:var(--muted);font-size:11px}.ed .foot .cta{background:var(--orange);color:#fff;border-radius:18px;flex-shrink:0;padding:8px 16px;font-size:12px;font-weight:700}@media (width>=821px){.ed{border-radius:22px;grid-template-columns:1.1fr 1fr;display:grid}.ed .art{height:auto;min-height:200px}.ed .body-rich{flex-direction:column;justify-content:center;padding:26px;display:flex}.ed .eyebrow{letter-spacing:.6px;color:var(--orange);text-transform:uppercase;font-size:11px;font-weight:700}.ed .body-rich h2{margin:10px 0 6px;font-size:24px;font-weight:800;line-height:1.15}.ed .body-rich .sub{color:var(--muted);margin:0 0 18px;font-size:14px}.ed.rich .foot{display:none}}.ed .body-rich{display:none}@media (width>=821px){.ed.rich{max-width:760px}.ed.rich .body-rich{display:flex}.ed.rich .art{min-height:220px}}.cats{grid-template-columns:1fr 1fr;gap:11px;display:grid}.cat{color:#fff;cursor:pointer;border-radius:17px;flex-direction:column;justify-content:flex-end;height:84px;padding:12px;display:flex;position:relative;overflow:hidden;box-shadow:0 5px 13px #0e3b3b1f}.cat .wm{opacity:.25;color:#fff;position:absolute;top:-6px;right:-8px}.cat b{font-size:15px;font-weight:700}.cat span{opacity:.85;font-size:11px}@media (width>=821px){.cats{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px}.cat{border-radius:20px;height:128px;padding:18px}.cat b{font-size:18px}.cat span{font-size:12px}}.stories{gap:15px;padding:8px 0 4px;display:flex;overflow-x:auto}.stories::-webkit-scrollbar{height:0}.story{text-align:center;cursor:pointer;width:62px;color:inherit;flex-shrink:0}.story .ring{background:var(--line);border-radius:50%;width:60px;height:60px;margin:0 auto;padding:3px}.story.live .ring{background:var(--orange)}.story .ava{border:2.5px solid var(--cream);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:19px;font-weight:700;display:flex}.story small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:7px;font-size:10px;display:block;overflow:hidden}.story.live small{color:var(--orange);font-weight:700}.pcard{cursor:pointer;scroll-snap-align:start;color:inherit;flex:0 0 136px}.poster-img{background:var(--ink);background-position:top;background-size:cover;border-radius:17px;height:188px;position:relative;overflow:hidden;box-shadow:0 8px 20px #0e3b3b2e}.pbadge{color:var(--ink);letter-spacing:.4px;background:#ffffffeb;border-radius:8px;padding:4px 9px;font-size:9.5px;font-weight:700;position:absolute;top:11px;left:11px}.pbadge.live{background:var(--red);color:#fff}.pinfo{background:linear-gradient(#0000,#0e3b3be6);padding:13px;position:absolute;bottom:0;left:0;right:0}.pinfo b{color:#fff;font-size:13.5px;font-weight:700;line-height:1.25;display:block}.pinfo span{color:var(--gold);font-size:10.5px;font-weight:600}@media (width>=821px){.pcard{flex:0 0 188px}.poster-img{border-radius:20px;height:262px}}.orgrow{align-items:center;gap:12px;padding:9px 0;display:flex}.orgrow .av{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-weight:700;display:flex}.orgrow .n{flex:1}.orgrow .n b{font-size:13.5px;font-weight:600;display:block}.orgrow .n span{color:var(--muted);font-size:11px}.btn-sm{cursor:pointer;border:none;border-radius:20px;padding:7px 15px;font-family:inherit;font-size:12px;font-weight:600}.btn-follow{background:var(--orange);color:#fff}.btn-follow.following{background:var(--line);color:var(--ink)}.levelcard,.streak{color:#fff;border-radius:18px;flex-direction:column;justify-content:center;padding:16px;display:flex;position:relative;overflow:hidden}.levelcard{background:linear-gradient(135deg,#2a93b5,#2e8b57);min-height:114px;box-shadow:0 8px 20px #2a93b542}.streak{background:linear-gradient(135deg,#e8862a,#c2620f);min-height:104px;box-shadow:0 8px 20px #e8862a42}.levelcard .si,.streak .si{background-position:top;background-size:cover;border:3px solid #ffffff6b;border-radius:50%;width:106px;height:106px;position:absolute;bottom:-16px;right:10px}.streak .si{width:96px;height:96px;bottom:-12px}.levelcard .eyebrow,.streak .eyebrow{letter-spacing:.5px;opacity:.92;text-transform:uppercase;font-size:10px;font-weight:700}.levelcard b,.streak b{margin:3px 0 0;font-size:17px;font-weight:800;display:block}.levelcard .bar{background:#ffffff52;border-radius:4px;max-width:60%;height:7px;margin-top:9px}.levelcard .bar>div{background:var(--gold);border-radius:4px;height:7px}.levelcard small{opacity:.92;margin-top:7px;font-size:10.5px;display:block}.streak b{margin:3px 0 9px}.streak .dots{gap:6px;display:flex}.streak .dots i{background:#fff6;border-radius:50%;width:13px;height:13px}.streak .dots i.on{background:#fff}@media (width>=821px){.levelcard{padding:22px}.levelcard .si{width:140px;height:140px;bottom:-22px;right:18px}.levelcard b{margin:4px 0 0;font-size:22px}.levelcard .bar{max-width:58%}}.stats{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.stat{text-align:center;border-radius:16px;padding:12px 10px}.stat b{color:var(--teal-2);font-size:22px;font-weight:700;display:block}.stat span{color:var(--muted);font-size:10.5px}@media (width>=821px){.stats{gap:14px}.stat{padding:18px}.stat b{font-size:26px}.stat span{font-size:12px}}.grouplabel{color:var(--muted);letter-spacing:.4px;text-transform:uppercase;padding:18px 0 8px;font-size:11.5px;font-weight:600}.menu{border-radius:18px;overflow:hidden}.mrow{cursor:pointer;color:inherit;align-items:center;gap:12px;padding:12px 14px;display:flex}.mrow+.mrow{border-top:1px solid #0e3b3b0f}.mrow .mi{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.mrow .ml{flex:1;font-size:13.5px;font-weight:600}.mrow .mc{color:#b9c2c2;align-items:center;gap:7px;font-size:12px;display:flex}@media (width>=821px){.mrow{padding:15px 18px}.mrow .mi{border-radius:11px;width:38px;height:38px}.mrow .ml{font-size:14.5px}}