:root{--bg-0:#070809;--bg-1:#0c0e11;--surface-1:#13161b;--surface-2:#191d24;--surface-3:#212630;--sep:#ffffff0f;--sep-2:#ffffff1a;--text-1:#f5f6f8;--text-2:#a7adb8;--text-3:#666c77;--r-sm:10px;--r-md:18px;--r-lg:24px;--r-pill:999px;--float:0 34px 64px -28px #000000eb, 0 12px 26px -16px #0009;--float-hi:0 50px 90px -30px #000000f2, 0 18px 34px -18px #000000b3;--float-soft:0 26px 50px -26px #000c;--font:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Inter","Segoe UI",Roboto,sans-serif;--maxw:1760px;--pad:48px;--gap:20px}:root,[data-theme=rock]{--brand:#c9a24b;--brand-2:#efd49b;--brand-3:#b88f3e;--brand-soft:#c9a24b26;--brand-glow:#c9a24b57;--brand-ink:#fff;--hero:linear-gradient(118deg,#1b1509 0%,#2c2310 40%,#0c0e11 100%)}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%}html{background:var(--bg-0)}body{font-family:var(--font);background:radial-gradient(1300px 760px at 82% -12%, var(--brand-soft), transparent 58%),linear-gradient(180deg,var(--bg-1),var(--bg-0));color:var(--text-1);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;letter-spacing:.004em;min-height:100vh}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:0;font-family:inherit}input,select,textarea{font-family:inherit}.topbar{z-index:40;-webkit-backdrop-filter:saturate(140%)blur(16px);backdrop-filter:saturate(140%)blur(16px);background:linear-gradient(#070809f0,#07080980 70%,#0000);position:sticky;top:0}.topbar .wrap{max-width:var(--maxw);padding:18px var(--pad);align-items:center;gap:38px;margin:0 auto;display:flex}.brand-logo{align-items:center;gap:11px;display:flex}.brand-logo .mark{background:linear-gradient(145deg,var(--brand-2),var(--brand) 55%,var(--brand-3));width:36px;height:36px;box-shadow:0 6px 16px -6px var(--brand-glow), inset 0 1px 0 #ffffff73;border-radius:10px;place-items:center;display:grid}.brand-logo .mark svg{filter:drop-shadow(0 1px 1px #00000038);fill:var(--brand-ink)}.brand-logo .mark .ini{color:var(--brand-ink);letter-spacing:-.02em;font-size:1.06rem;font-weight:800}.brand-logo .wm{flex-direction:column;line-height:1;display:flex}.brand-logo .wm .p1{letter-spacing:-.015em;font-size:1.06rem;font-weight:700}.brand-logo .wm .p2{letter-spacing:.22em;text-transform:uppercase;color:var(--text-2);margin-top:3px;font-size:.72rem;font-weight:400}.brand-logo-img{object-fit:contain;width:auto;max-height:40px}.nav{color:var(--text-2);gap:28px;font-size:.95rem;display:flex}.nav a{padding:4px 0;transition:color .2s;position:relative}.nav a.active{color:var(--text-1)}.nav a.active:after{content:"";background:linear-gradient(90deg,var(--brand),var(--brand-2));border-radius:2px;height:2px;position:absolute;bottom:-7px;left:0;right:0}.nav a:hover{color:var(--text-1)}.spacer{flex:1}.search{background:var(--surface-1);color:var(--text-3);border-radius:var(--r-pill);min-width:210px;box-shadow:var(--float-soft);align-items:center;gap:9px;padding:10px 16px;font-size:.86rem;display:flex}.avatar{width:40px;height:40px;color:var(--brand-ink);background:linear-gradient(145deg,var(--brand-2),var(--brand) 55%,var(--brand-3));box-shadow:0 8px 18px -8px var(--brand-glow);border-radius:50%;place-items:center;font-size:.8rem;font-weight:700;display:grid}.hi{color:var(--text-2);font-size:.92rem}main{max-width:var(--maxw);padding:0 var(--pad);margin:0 auto}.btn{border-radius:var(--r-pill);justify-content:center;align-items:center;gap:10px;padding:14px 26px;font-size:.95rem;font-weight:600;transition:transform .15s,box-shadow .25s,background .2s;display:inline-flex}.btn--brand{color:var(--brand-ink);background:linear-gradient(135deg,var(--brand-2) 0%,var(--brand) 52%,var(--brand-3) 100%);box-shadow:0 14px 34px -12px var(--brand-glow), inset 0 1px 0 #ffffff73}.btn--brand:hover{box-shadow:0 20px 44px -12px var(--brand-glow), inset 0 1px 0 #ffffff80;transform:translateY(-1px)}.btn--brand:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn--ghost{color:var(--text-1);background:#ffffff12}.btn--ghost:hover{background:#ffffff1f}.btn--block{width:100%}.hero{border-radius:var(--r-lg);background:var(--hero);min-height:420px;box-shadow:var(--float);align-items:flex-end;margin-top:18px;display:flex;position:relative;overflow:hidden}.hero:after{content:"";background:linear-gradient(90deg,#070809e0 0%,#07080973 44%,#0000 76%);position:absolute;inset:0}.hero .inner{z-index:2;max-width:640px;padding:52px;position:relative}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--brand-2);align-items:center;gap:8px;margin-bottom:16px;font-size:.74rem;font-weight:600;display:inline-flex}.eyebrow .pip{background:var(--brand);width:6px;height:6px;box-shadow:0 0 10px var(--brand-glow);border-radius:50%}.hero h1{letter-spacing:-.03em;margin-bottom:16px;font-size:3.25rem;font-weight:700;line-height:1.02}.hero p{color:var(--text-2);max-width:500px;margin-bottom:28px;font-size:1.04rem;line-height:1.5}.cta-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.hero-prog{color:var(--text-3);align-items:center;gap:12px;margin-top:22px;font-size:.82rem;display:flex}.hero-prog .bar{background:#ffffff1a;border-radius:3px;flex:1;max-width:280px;height:5px;overflow:hidden}.hero-prog .bar span{background:linear-gradient(90deg,var(--brand),var(--brand-2));border-radius:3px;width:42%;height:100%;display:block}.prog{background:#ffffff1a;border-radius:3px;height:4px;overflow:hidden}.prog span{background:linear-gradient(90deg,var(--brand),var(--brand-2));height:100%;display:block}.field{margin-bottom:16px}.field label{color:var(--text-2);margin-bottom:8px;font-size:.82rem;font-weight:500;display:block}.input{background:var(--surface-2);border-radius:var(--r-sm);width:100%;color:var(--text-1);align-items:center;gap:10px;padding:14px 16px;font-size:.95rem;transition:box-shadow .2s;display:flex;box-shadow:inset 0 0 0 1px #0000}.input input{color:var(--text-1);background:0 0;border:0;outline:0;flex:1;font-size:.95rem}.input input::placeholder{color:var(--text-3)}.input svg{color:var(--text-3);flex:none}.input:focus-within{box-shadow:inset 0 0 0 1px var(--brand)}.input .eye{cursor:pointer}.link-muted{color:var(--text-3);font-size:.85rem}.link-muted:hover{color:var(--brand-2)}.card-panel{background:var(--surface-1);border-radius:var(--r-lg);box-shadow:var(--float);padding:30px}.form-error{color:#ffb4b4;border-radius:var(--r-sm);background:#ff50501a;margin-bottom:16px;padding:11px 14px;font-size:.86rem}.rail{margin-top:52px}.rail-head{justify-content:space-between;align-items:baseline;margin-bottom:20px;display:flex}.rail-head h2{letter-spacing:-.02em;font-size:1.34rem;font-weight:600}.rail-head a{color:var(--text-3);font-size:.85rem}.rail-head a:hover{color:var(--brand-2)}.track{gap:var(--gap);scroll-snap-type:x mandatory;scrollbar-width:none;padding:8px 2px 26px;display:flex;overflow-x:auto}.track::-webkit-scrollbar{display:none}.track>*{flex:none}.card-land{scroll-snap-align:start;border-radius:var(--r-md);background:var(--surface-1);width:368px;box-shadow:var(--float-soft);transition:transform .2s,box-shadow .25s;overflow:hidden}.card-land:hover{box-shadow:var(--float);transform:translateY(-5px)}.card-land .thumb{aspect-ratio:16/9;place-items:center;display:grid;position:relative}.card-land .play{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#07080980;border-radius:50%;place-items:center;width:56px;height:56px;display:grid}.card-land .meta{padding:16px 18px 18px}.card-land .meta .k{color:var(--brand-2);letter-spacing:.05em;font-size:.72rem;font-weight:600}.card-land .meta h3{letter-spacing:-.01em;margin:5px 0 13px;font-size:1.04rem;font-weight:600}.card-poster{scroll-snap-align:start;border-radius:var(--r-md);aspect-ratio:9/16;width:268px;box-shadow:var(--float);transition:transform .24s,box-shadow .24s;position:relative;overflow:hidden}.card-poster:hover{box-shadow:var(--float-hi);transform:translateY(-7px)scale(1.014)}.card-poster .art{position:absolute;inset:0}.card-poster .art:after{content:"";background:linear-gradient(#0000 40%,#07080940 62%,#070809f0 100%);position:absolute;inset:0}.card-poster .pmeta{z-index:2;padding:20px;position:absolute;bottom:0;left:0;right:0}.card-poster .pmeta .tag{letter-spacing:.15em;text-transform:uppercase;color:var(--brand-2);font-size:.66rem;font-weight:700}.card-poster .pmeta h3{letter-spacing:-.015em;text-shadow:0 2px 14px #0009;margin-top:7px;font-size:1.24rem;font-weight:700;line-height:1.08}.card-poster .badge{z-index:2;border-radius:var(--r-pill);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text-1);background:#07080985;padding:6px 11px;font-size:.68rem;font-weight:600;position:absolute;top:14px;left:14px}.card-poster.locked .art{filter:grayscale(.55)brightness(.55)}.card-poster .lock{z-index:3;place-items:center;display:grid;position:absolute;inset:0}.card-poster .lock .ring{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0708098c;border-radius:50%;place-items:center;width:58px;height:58px;display:grid}.v2tag{color:var(--text-3);background:var(--surface-1);border-radius:var(--r-pill);vertical-align:middle;margin-left:10px;padding:4px 9px;font-size:.66rem;font-weight:500}.a1{background:linear-gradient(155deg,#2c2310,#0c0e11)}.a2{background:linear-gradient(155deg,#10302a,#0c0e11)}.a3{background:linear-gradient(155deg,#2a1018,#0c0e11)}.a4{background:linear-gradient(155deg,#101e30,#0c0e11)}.a5{background:linear-gradient(155deg,#211a30,#0c0e11)}.a6{background:linear-gradient(155deg,#0c0e11,#1d1509)}.land-art{background:radial-gradient(460px 220px at 28% 18%, var(--brand-soft), transparent 60%),linear-gradient(120deg,#161a20,#0c0e11)}.brand-art{background:radial-gradient(520px 300px at 30% 25%, var(--brand-soft), transparent 62%),var(--hero)}footer{max-width:var(--maxw);padding:32px var(--pad);color:var(--text-3);flex-wrap:wrap;justify-content:space-between;gap:10px;margin:64px auto 0;font-size:.8rem;display:flex;position:relative}footer:before{content:"";top:0;left:var(--pad);right:var(--pad);background:var(--sep);height:1px;position:absolute}footer .rock{opacity:.5}.module{background:var(--surface-1);border-radius:var(--r-md);box-shadow:var(--float-soft);margin-bottom:18px;overflow:hidden}.module-head{align-items:center;gap:14px;padding:18px 22px;display:flex}.module-head .mh-num{background:var(--surface-3);width:34px;height:34px;color:var(--brand-2);border-radius:9px;flex:none;place-items:center;font-size:.9rem;font-weight:700;display:grid}.module-head h3{letter-spacing:-.01em;font-size:1.02rem;font-weight:600}.module-head .mh-meta{color:var(--text-3);margin-top:2px;font-size:.8rem;font-weight:400}.module-head .mh-prog{flex:1;max-width:160px;margin-left:auto}.lessons{padding:0 10px 10px}.lesson{border-radius:var(--r-sm);cursor:pointer;align-items:center;gap:14px;padding:13px 12px;transition:background .18s;display:flex}.lesson:hover{background:var(--surface-2)}.lesson .l-status{background:var(--surface-3);width:24px;height:24px;color:var(--text-3);border-radius:50%;flex:none;place-items:center;display:grid}.lesson.done .l-status{background:linear-gradient(135deg,var(--brand-2),var(--brand));color:var(--brand-ink)}.lesson .l-info{flex:1;min-width:0}.lesson .l-info h4{letter-spacing:0;color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;font-size:.94rem;font-weight:400;overflow:hidden}.lesson .l-info .l-meta{color:var(--text-3);align-items:center;gap:10px;margin-top:3px;font-size:.78rem;font-weight:400;display:flex}.lesson.done .l-info h4{color:var(--text-1)}.lesson .l-play{color:var(--text-3)}.lesson.current{background:var(--surface-2)}.lesson.current:before{content:"";background:linear-gradient(180deg,var(--brand),var(--brand-2));border-radius:3px;align-self:stretch;width:3px;margin:-2px 2px -2px -4px}.lesson.current .l-info h4{color:var(--brand-2);font-weight:600}.pill{border-radius:var(--r-pill);background:var(--surface-3);color:var(--text-3);letter-spacing:.02em;padding:3px 8px;font-size:.68rem;font-weight:500}.uploader{margin-bottom:18px}.up-label{color:var(--text-2);margin-bottom:8px;font-size:.82rem;font-weight:500;display:block}.up-area{background:var(--surface-2);border-radius:var(--r-sm);box-shadow:inset 0 0 0 1px var(--sep);place-items:center;display:grid;position:relative;overflow:hidden}.up-logo{width:140px;height:140px}.up-wide{aspect-ratio:16/6;width:100%;max-width:420px}.up-video{aspect-ratio:16/9;width:100%;max-width:320px}.up-poster{aspect-ratio:9/16;width:150px}.up-preview{object-fit:contain;width:100%;height:100%}.up-wide .up-preview,.up-video .up-preview,.up-poster .up-preview{object-fit:cover}.up-placeholder{color:var(--text-3);flex-direction:column;align-items:center;gap:8px;font-size:.78rem;display:flex}.up-actions{align-items:center;gap:14px;margin-top:10px;display:flex}.up-remove{cursor:pointer}.up-specs{color:var(--text-3);margin-top:8px;font-size:.76rem}.up-error{color:#ffb4b4;margin-top:8px;font-size:.8rem}.tabbar{display:none}@media (max-width:760px){:root{--pad:18px}.topbar .wrap{padding:14px var(--pad);gap:14px}.nav,.search,.hi,.brand-logo .wm .p2{display:none}.hero{min-height:320px}.hero .inner{padding:26px}.hero h1{font-size:2.1rem}.hero p{font-size:.95rem}.rail{margin-top:38px}.rail-head h2{font-size:1.18rem}.card-land{width:280px}.card-poster{width:172px}.tabbar{z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:9px 8px calc(9px + env(safe-area-inset-bottom));background:#070809f7;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar:before{content:"";background:var(--sep);height:1px;position:absolute;top:0;left:0;right:0}.tabbar a{color:var(--text-3);flex-direction:column;align-items:center;gap:4px;font-size:.68rem;font-weight:500;display:flex}.tabbar a.active{color:var(--brand-2)}.has-tabbar{padding-bottom:88px}}