.m-app *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body:has(.m-app){background:var(--bg);margin:0}.m-app{background:var(--bg);color:var(--text);font-family:var(--font);font-size:calc(15px * var(--fs,1));-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5;overflow-x:hidden}:where(.m-app) a{color:inherit;text-decoration:none}.m-app img{max-width:100%;display:block}.m-app h1,.m-app h2,.m-app h3{letter-spacing:-.01em;margin:0 0 .4em;line-height:1.2}:where(.m-app) button,:where(.m-app) input,:where(.m-app) select,:where(.m-app) textarea{font:inherit;color:inherit}.ico{flex-shrink:0}.muted{color:var(--muted)}[hidden]{display:none!important}.btn{background:var(--primary-solid,var(--primary));color:#fff;cursor:pointer;white-space:nowrap;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-weight:700;transition:transform .1s,filter .15s,background .15s;display:inline-flex}.btn:hover{filter:brightness(1.1)}.btn-sm{font-size:calc(14px * var(--fs,1));padding:8px 16px}.btn-lg{font-size:calc(16px * var(--fs,1));padding:15px 28px}.btn-ghost{background:color-mix(in srgb, var(--text) 10%, transparent);color:var(--text)}.btn-outline{color:var(--text);background:0 0;border:2px solid}.btn-block{width:100%}.btn-light{color:#111;background:#fff}.btn[disabled]{opacity:.5;pointer-events:none}.icon-btn{cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:relative}.icon-btn:hover{background:color-mix(in srgb, var(--text) 10%, transparent)}.topbar{z-index:50;height:calc(64px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(4vw, 16px) 0;background:linear-gradient(180deg, color-mix(in srgb, var(--bg) 85%, transparent), transparent);align-items:center;gap:28px;transition:background .25s,box-shadow .25s;display:flex;position:fixed;top:0;left:0;right:0}.topbar.solid{background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--line)}.brand{font-weight:800;font-size:calc(20px * var(--fs,1));flex-shrink:0;align-items:center;display:flex}.brand img{object-fit:contain;max-width:160px;max-height:34px}.top-links{font-weight:600;font-size:calc(14px * var(--fs,1));gap:22px;display:flex}.top-links a{color:var(--muted);transition:color .15s}.top-links a:hover,.top-links a.on{color:var(--text)}.top-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.top-search{background:color-mix(in srgb, var(--text) 8%, transparent);height:40px;color:var(--muted);border-radius:999px;align-items:center;gap:8px;padding:0 14px;display:flex}.top-search input{width:180px;color:var(--text);background:0 0;border:0;outline:none}.dot{background:var(--primary-solid,var(--primary));color:#fff;min-width:18px;height:18px;font-size:calc(11px * var(--fs,1));box-shadow:0 0 0 2px var(--bg);border-radius:99px;place-items:center;padding:0 5px;font-weight:800;display:grid;position:absolute;top:2px;right:0}.avatar-btn{background:var(--primary-solid,var(--primary));color:#fff;border-radius:50%;place-items:center;width:36px;height:36px;font-weight:800;display:grid;overflow:hidden}.avatar-btn img{object-fit:cover;width:100%;height:100%}.main{padding-top:calc(64px + env(safe-area-inset-top));min-height:100vh;padding-bottom:40px}body .nav-home .main{padding-top:0}.wrap{padding:0 max(4vw,16px)}.flash-wrap{top:calc(72px + env(safe-area-inset-top));z-index:60;pointer-events:none;flex-direction:column;gap:8px;width:min(560px,92vw);display:flex;position:fixed;left:50%;transform:translate(-50%)}.flash{background:var(--surface);box-shadow:var(--card-shadow);border-left:4px solid var(--primary);border-radius:12px;padding:12px 16px;font-weight:600;animation:.3s ease-out flashIn,.4s ease-in 4.5s forwards flashOut}.flash-error{border-color:#ef4444}.flash-success{border-color:#22c55e}.notice{background:var(--surface);border-left:4px solid var(--primary);border-radius:12px;margin:12px 0;padding:12px 16px;font-weight:600}@keyframes flashIn{0%{opacity:0;transform:translateY(-10px)}}@keyframes flashOut{to{opacity:0;transform:translateY(-10px)}}.auth-box .flash-wrap{width:auto;margin-bottom:14px;position:static;transform:none}.auth-box .flash{animation:.3s ease-out flashIn}.hero{height:min(78vh,680px);min-height:420px;margin-bottom:-60px;position:relative;overflow:hidden}.hero-slide{opacity:0;align-items:flex-end;transition:opacity .8s;display:flex;position:absolute;inset:0}.hero-slide.on{opacity:1;z-index:1}.hero-slide picture,.hero-slide img.bg{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hero-slide:after{content:"";background:linear-gradient(0deg, var(--bg) 2%, transparent 55%), linear-gradient(90deg, color-mix(in srgb, var(--bg) 80%, transparent) 0%, transparent 60%);position:absolute;inset:0}.hero-body{z-index:2;max-width:680px;padding:0 max(4vw,16px) 120px;position:relative}.hero-body h1{font-size:calc(clamp(30px, 5vw, 56px) * var(--fs,1));text-shadow:0 2px 20px #0000004d;font-weight:800}.hero-body p{font-size:calc(clamp(15px, 1.6vw, 19px) * var(--fs,1));color:color-mix(in srgb, var(--text) 85%, transparent);margin:0 0 22px}.hero-dots{z-index:3;gap:6px;display:flex;position:absolute;bottom:90px;right:max(4vw,16px)}.hero-dots button{background:color-mix(in srgb, var(--text) 35%, transparent);cursor:pointer;border:0;border-radius:4px;width:22px;height:4px;padding:0}.hero-dots button.on{background:var(--text);width:34px}.hero-empty{height:140px}.section{z-index:4;margin:34px 0;position:relative}.section-head{justify-content:space-between;align-items:center;margin-bottom:12px;padding:0 max(4vw,16px);display:flex}.section-head h2{font-size:calc(clamp(17px, 1.8vw, 22px) * var(--fs,1));margin:0;font-weight:800}.row-nav{gap:6px;display:flex}.row-nav button{background:color-mix(in srgb, var(--text) 10%, transparent);width:34px;height:34px;color:var(--text);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid}.rail{scroll-snap-type:x mandatory;scrollbar-width:none;gap:14px;padding:6px max(4vw,16px) 16px;scroll-padding:0 max(4vw,16px);display:flex;overflow-x:auto}.rail::-webkit-scrollbar{display:none}.rail>*{scroll-snap-align:start;flex:0 0 var(--card-w)}.grid-cards{grid-template-columns:repeat(auto-fill, minmax(var(--card-w), 1fr));gap:18px;padding:0 max(4vw,16px);display:grid}.featured-rail>*{flex-basis:min(420px,82vw)}.featured-rail .card-cover{aspect-ratio:16/9}.card{display:block;position:relative}.card-cover{aspect-ratio:var(--card-ratio);border-radius:var(--radius);background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 70%, #000), color-mix(in srgb, var(--secondary) 60%, #000));box-shadow:var(--card-shadow);transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden}.card-cover img{object-fit:cover;width:100%;height:100%}.card-cover .ph{text-align:center;color:#fff;font-weight:800;font-size:calc(17px * var(--fs,1));place-items:center;padding:14px;display:grid;position:absolute;inset:0}.card:hover .card-cover{transform:translateY(-4px)scale(1.03);box-shadow:0 18px 40px #00000073}.card-lock{color:#fff;font-weight:700;font-size:calc(13px * var(--fs,1));background:linear-gradient(#00000026,#000000bf);flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;inset:0}.card-lock .lk{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff2e;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.card-badge{background:var(--primary-solid,var(--primary));color:#fff;font-size:calc(11px * var(--fs,1));text-transform:uppercase;letter-spacing:.04em;border-radius:6px;padding:3px 8px;font-weight:800;position:absolute;top:10px;left:10px}.card-badge.free{background:#15803d}.card-progress{background:#ffffff40;height:4px;position:absolute;bottom:0;left:0;right:0}.card-progress>div{background:var(--primary);height:100%}.card-title{font-weight:700;font-size:calc(14px * var(--fs,1));-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:10px;line-height:1.3;display:-webkit-box;overflow:hidden}.card-sub{font-size:calc(12.5px * var(--fs,1));color:var(--muted);margin-top:2px}.list-cards{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:10px;padding:0 max(4vw,16px);display:grid}.list-card{background:var(--surface);border-radius:var(--radius);align-items:center;gap:14px;padding:10px;display:flex}.list-card .card-cover{aspect-ratio:1;width:74px;box-shadow:none;flex-shrink:0}.cont-card .card-cover{aspect-ratio:16/9}.cont-card .play{opacity:0;background:#00000059;place-items:center;transition:opacity .2s;display:grid;position:absolute;inset:0}.cont-card:hover .play{opacity:1}.play-ic{color:#111;background:#fffffff2;border-radius:50%;place-items:center;width:52px;height:52px;display:grid}.p-hero{align-items:flex-end;min-height:420px;padding:100px max(4vw,16px) 34px;display:flex;position:relative;overflow:hidden}.p-hero-bg{filter:blur();background-position:50%;background-size:cover;position:absolute;inset:0}.p-hero-bg.blur{filter:blur(30px)saturate(1.3);opacity:.55;transform:scale(1.2)}.p-hero:after{content:"";background:linear-gradient(0deg, var(--bg) 0%, color-mix(in srgb, var(--bg) 40%, transparent) 60%, color-mix(in srgb, var(--bg) 60%, transparent) 100%);position:absolute;inset:0}.p-hero-inner{z-index:2;align-items:flex-end;gap:30px;width:100%;max-width:1200px;display:flex;position:relative}.p-cover{width:200px;aspect-ratio:var(--card-ratio);border-radius:var(--radius);background:var(--surface);flex-shrink:0;overflow:hidden;box-shadow:0 20px 50px #00000080}.p-cover img{object-fit:cover;width:100%;height:100%}.p-info h1{font-size:calc(clamp(26px, 4vw, 44px) * var(--fs,1));font-weight:800}.p-info .sub{font-size:calc(17px * var(--fs,1));color:color-mix(in srgb, var(--text) 80%, transparent);margin-bottom:14px}.p-meta{font-size:calc(13.5px * var(--fs,1));color:var(--muted);flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:18px;display:flex}.p-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.bar{background:color-mix(in srgb, var(--text) 14%, transparent);border-radius:99px;width:220px;height:6px;overflow:hidden}.bar>div{background:var(--primary);border-radius:99px;height:100%;transition:width .4s}.p-body{grid-template-columns:minmax(0,1fr) 320px;gap:40px;max-width:1200px;padding:0 max(4vw,16px);display:grid}.p-desc{color:color-mix(in srgb, var(--text) 85%, transparent);white-space:pre-line}.module{background:var(--surface);border-radius:var(--radius);margin-bottom:14px;overflow:hidden}.module>summary{cursor:pointer;align-items:center;gap:12px;padding:16px 18px;font-weight:700;list-style:none;display:flex}.module>summary::-webkit-details-marker{display:none}.module>summary .chev{color:var(--muted);margin-left:auto;transition:transform .2s}.module[open]>summary .chev{transform:rotate(90deg)}.module .count{color:var(--muted);font-weight:500;font-size:calc(13px * var(--fs,1))}.lesson{border-top:1px solid var(--line);align-items:center;gap:14px;padding:12px 18px;transition:background .15s;display:flex}.lesson:hover{background:color-mix(in srgb, var(--text) 5%, transparent)}.lesson.cur{background:color-mix(in srgb, var(--primary) 16%, transparent)}.lesson .l-ic{background:color-mix(in srgb, var(--text) 8%, transparent);width:38px;height:38px;color:var(--muted);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.lesson.done .l-ic{color:#22c55e;background:#22c55e38}.lesson.locked{opacity:.55}.lesson .l-title{flex:1;min-width:0;font-weight:600}.lesson .l-title small{color:var(--muted);font-weight:500;font-size:calc(12.5px * var(--fs,1));display:block}.side-card{background:var(--surface);border-radius:var(--radius);padding:20px;position:sticky;top:84px}.upsell{background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 30%, var(--surface)), var(--surface));border:1px solid color-mix(in srgb, var(--primary) 40%, transparent)}.upsell .price{font-size:calc(28px * var(--fs,1));margin:6px 0 14px;font-weight:800}.c-layout{grid-template-columns:minmax(0,1fr) 360px;gap:24px;max-width:1600px;margin:0 auto;padding:18px max(3vw,16px) 0;display:grid}.c-crumb{color:var(--muted);font-size:calc(13.5px * var(--fs,1));align-items:center;gap:8px;margin-bottom:12px;display:flex}.c-crumb a:hover{color:var(--text)}.player{border-radius:var(--radius);aspect-ratio:16/9;box-shadow:var(--card-shadow);background:#000;position:relative;overflow:hidden}.player iframe,.player video{border:0;width:100%;height:100%;position:absolute;inset:0}.c-title{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;margin:18px 0 10px;display:flex}.c-title h1{font-size:calc(clamp(20px, 2.4vw, 28px) * var(--fs,1));margin:0;font-weight:800}.c-actions{flex-wrap:wrap;gap:8px;display:flex}.c-nav{justify-content:space-between;gap:10px;margin:18px 0;display:flex}.c-desc{background:var(--surface);border-radius:var(--radius);white-space:pre-line;color:color-mix(in srgb, var(--text) 88%, transparent);padding:18px 20px}.c-side{background:var(--surface);border-radius:var(--radius);flex-direction:column;align-self:start;max-height:calc(100vh - 100px);display:flex;position:sticky;top:80px;overflow:hidden}.c-side-head{border-bottom:1px solid var(--line);padding:16px 18px}.c-side-list{overflow-y:auto}.c-side .mod-title{font-size:calc(12px * var(--fs,1));text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:12px 18px 6px;font-weight:800}.html-frame{border-radius:var(--radius);background:0 0;border:0;width:100%;min-height:70vh;display:block}.html-inline{background:var(--surface);border-radius:var(--radius);overflow:hidden}.attach{background:var(--surface);border-radius:12px;align-items:center;gap:12px;margin-bottom:8px;padding:12px 14px;display:flex}.attach:hover{background:color-mix(in srgb, var(--surface) 80%, var(--text))}.stars{gap:2px;display:flex}.stars button{font-size:calc(22px * var(--fs,1));cursor:pointer;color:color-mix(in srgb, var(--text) 25%, transparent);background:0 0;border:0;padding:0 2px}.stars button.on{color:#fbbf24}.audio-player{border-radius:var(--radius);background:linear-gradient(160deg, color-mix(in srgb, var(--primary) 45%, var(--surface)), var(--surface) 70%);align-items:center;gap:28px;padding:28px;display:flex;overflow:hidden}.audio-art{aspect-ratio:1;border-radius:var(--radius);background:var(--surface);flex-shrink:0;width:220px;overflow:hidden;box-shadow:0 20px 50px #0006}.audio-art img{object-fit:cover;width:100%;height:100%}.audio-ui{flex:1;min-width:0}.audio-ui h2{font-size:calc(22px * var(--fs,1));margin-bottom:4px}.seek{width:100%;accent-color:var(--primary);margin:18px 0 4px}.times{font-size:calc(12.5px * var(--fs,1));color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;display:flex}.audio-ctrls{align-items:center;gap:14px;margin-top:14px;display:flex}.audio-ctrls .big{background:var(--text);width:64px;height:64px;color:var(--bg);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid}.audio-ctrls .sm{cursor:pointer;font-weight:800;font-size:calc(13px * var(--fs,1));color:var(--text);background:0 0;border:0;border-radius:10px;padding:8px}.audio-ctrls .sm:hover{background:color-mix(in srgb, var(--text) 10%, transparent)}.pdf-wrap{background:color-mix(in srgb, var(--bg) 60%, #000);border-radius:var(--radius);overflow:hidden}.pdf-bar{background:var(--surface);z-index:5;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;display:flex;position:sticky;top:64px}.pdf-bar .sp{flex:1}.pdf-pages{flex-direction:column;align-items:center;gap:14px;max-height:80vh;padding:16px;display:flex;overflow:auto}.pdf-pages canvas{background:#fff;border-radius:4px;max-width:100%;box-shadow:0 6px 24px #0006;height:auto!important}.pdf-wrap:fullscreen .pdf-pages{max-height:calc(100vh - 56px)}.pdf-iframe{border:0;width:100%;height:80vh;display:block}.comments{margin-top:30px}.comment{gap:12px;margin-bottom:16px;display:flex}.comment .av{background:var(--primary-solid,var(--primary));color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:38px;height:38px;font-weight:800;display:grid;overflow:hidden}.comment .av img{object-fit:cover;width:100%;height:100%}.comment .bubble{background:var(--surface);border-radius:14px;flex:1;padding:10px 14px}.comment .bubble b{font-size:calc(13.5px * var(--fs,1))}.comment .bubble .tag{background:var(--primary-solid,var(--primary));color:#fff;font-size:calc(10px * var(--fs,1));border-radius:4px;margin-left:6px;padding:2px 6px;font-weight:800}.comment.reply{margin-left:50px}.field{margin-bottom:14px}.field label,.field .field-label{font-weight:600;font-size:calc(13.5px * var(--fs,1));margin-bottom:6px;display:block}label.field{display:block}.input,textarea.input{background:color-mix(in srgb, var(--text) 7%, transparent);border:1px solid var(--line);width:100%;color:var(--text);border-radius:12px;outline:none;padding:13px 15px;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 30%, transparent)}textarea.input{resize:vertical;min-height:90px}.page{max-width:860px;margin:0 auto;padding:24px max(4vw,16px)}.page h1{font-size:calc(28px * var(--fs,1));margin-bottom:18px;font-weight:800}.notif{border-radius:var(--radius);background:var(--surface);align-items:flex-start;gap:14px;margin-bottom:10px;padding:14px;display:flex}.notif.unread{box-shadow:inset 3px 0 0 var(--primary)}.notif .n-ic{background:color-mix(in srgb, var(--primary) 22%, transparent);width:44px;height:44px;color:var(--primary);border-radius:12px;flex-shrink:0;place-items:center;display:grid;overflow:hidden}.notif .n-ic img{object-fit:cover;width:100%;height:100%}.notif small{color:var(--muted)}.empty{text-align:center;color:var(--muted);padding:60px 20px}.empty .ico{opacity:.5;width:46px;height:46px;margin-bottom:10px}.profile-head{align-items:center;gap:18px;margin-bottom:24px;display:flex}.profile-head .big-av{background:var(--primary-solid,var(--primary));color:#fff;width:84px;height:84px;font-size:calc(34px * var(--fs,1));border-radius:50%;flex-shrink:0;place-items:center;font-weight:800;display:grid;overflow:hidden}.profile-head .big-av img{object-fit:cover;width:100%;height:100%}.stats{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px;display:grid}.stats div{background:var(--surface);border-radius:var(--radius);text-align:center;padding:14px}.stats b{font-size:calc(22px * var(--fs,1));display:block}.menu-list{background:var(--surface);border-radius:var(--radius);margin-bottom:18px;overflow:hidden}.menu-list a,.menu-list button,.menu-list summary{border-bottom:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;border-top:0;border-left:0;border-right:0;align-items:center;gap:14px;width:100%;padding:15px 18px;font-weight:600;list-style:none;display:flex}.menu-list>:last-child,.menu-list details:last-child summary{border-bottom:0}.menu-list summary::-webkit-details-marker{display:none}.menu-list .chev{color:var(--muted);margin-left:auto}.menu-list details>div{border-bottom:1px solid var(--line);padding:16px 18px}.danger{color:color-mix(in srgb, #ef4444 72%, var(--text))}.auth-body{min-height:100vh;padding:24px 16px calc(24px + env(safe-area-inset-bottom));justify-content:center;align-items:center;display:flex}.auth-bg{background:var(--auth-bg,radial-gradient(900px 600px at 0% 0%, color-mix(in srgb, var(--primary) 45%, transparent), transparent 60%), radial-gradient(800px 600px at 100% 100%, color-mix(in srgb, var(--secondary) 35%, transparent), transparent 60%)) center/cover;z-index:-2;position:fixed;inset:0}.auth-bg:after{content:"";background:color-mix(in srgb, var(--bg) 55%, transparent);position:absolute;inset:0}.auth-box{background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(20px);border:1px solid var(--line);border-radius:calc(var(--radius) + 8px);width:100%;max-width:420px;padding:34px 28px;box-shadow:0 30px 80px #00000059}.auth-logo{font-weight:800;font-size:calc(24px * var(--fs,1));justify-content:center;margin-bottom:22px;display:flex}.auth-logo img{object-fit:contain;max-width:220px;max-height:54px}.auth-box h1{font-size:calc(22px * var(--fs,1));text-align:center;margin-bottom:6px}.auth-box .lead{text-align:center;color:var(--muted);margin:0 0 22px}.auth-links{font-size:calc(14px * var(--fs,1));color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:16px;display:flex}.auth-links a{color:var(--text);font-weight:600}.divider{color:var(--muted);font-size:calc(13px * var(--fs,1));align-items:center;gap:12px;margin:20px 0;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:1px}.social{gap:10px;display:grid}.social a{background:color-mix(in srgb, var(--text) 8%, transparent);border:1px solid var(--line);border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:12px;font-weight:700;display:flex}.social a:hover{background:color-mix(in srgb, var(--text) 14%, transparent)}.code-input{text-align:center;font-size:calc(26px * var(--fs,1));letter-spacing:10px;font-weight:800}.auth-foot{text-align:center;color:var(--muted);font-size:calc(12px * var(--fs,1));margin:20px 0 0}.auth-foot a{color:inherit;text-decoration:underline}.pass-wrap{position:relative}.pass-wrap button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:6px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.tabbar{display:none}.sheet{left:50%;bottom:calc(20px + env(safe-area-inset-bottom));z-index:70;background:var(--surface);border:1px solid var(--line);border-radius:18px;align-items:center;gap:12px;width:min(560px,100vw - 24px);padding:14px;animation:.35s ease-out sheetIn;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 20px 60px #00000073}@keyframes sheetIn{0%{opacity:0;transform:translate(-50%,30px)}}.sheet-ic{background:color-mix(in srgb, var(--primary) 22%, transparent);width:46px;height:46px;color:var(--primary);border-radius:14px;flex-shrink:0;place-items:center;display:grid}.sheet-txt{flex:1;min-width:0}.sheet-txt small{color:var(--muted);font-size:calc(12.5px * var(--fs,1));display:block}.sheet-act{gap:6px;display:flex}.toast{left:50%;bottom:calc(90px + env(safe-area-inset-bottom));z-index:80;background:var(--text);color:var(--bg);font-weight:700;font-size:calc(14px * var(--fs,1));box-shadow:var(--card-shadow);border-radius:999px;padding:11px 18px;position:fixed;transform:translate(-50%)}.foot{text-align:center;color:var(--muted);font-size:calc(12.5px * var(--fs,1));padding:30px 16px 10px}.foot a{text-decoration:underline}.cert-btn{margin-top:12px}@media (max-width:1100px){.c-layout{grid-template-columns:1fr}.c-side{max-height:none;position:static}.p-body{grid-template-columns:1fr}.side-card{position:static}}@media (max-width:820px){.top-links,.top-search{display:none}.topbar{gap:12px}.topbar .bell,.topbar .avatar-btn{display:none}.tabbar{z-index:50;background:color-mix(in srgb, var(--bg) 94%, transparent);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom));display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar a{font-size:calc(11px * var(--fs,1));color:var(--muted);flex-direction:column;flex:1;align-items:center;gap:2px;min-width:0;padding:4px 0;font-weight:700;display:flex}.tabbar a>span:last-child{text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding:0 2px;overflow:hidden}.tabbar.many a{font-size:calc(10px * var(--fs,1));letter-spacing:-.01em}.tabbar a.on{color:var(--text)}.tabbar a.on .ico{color:var(--primary)}.tab-ic{position:relative}.tab-ic .dot{top:-6px;right:-10px}.main{padding-bottom:calc(84px + env(safe-area-inset-bottom))}.sheet{bottom:calc(76px + env(safe-area-inset-bottom))}.hero{height:70vh;min-height:460px}.hero-body{padding-bottom:100px}.hero-dots{bottom:74px;left:max(4vw,16px);right:auto}.p-hero{min-height:0;padding-top:90px}.p-hero-inner{flex-direction:column;align-items:flex-start;gap:18px}.p-cover{width:130px}.row-nav{display:none}.rail>*{flex-basis:var(--card-w-m)}.grid-cards{grid-template-columns:repeat(auto-fill, minmax(var(--card-w-m), 1fr));gap:12px}.audio-player{text-align:center;flex-direction:column;padding:22px}.audio-art{width:min(260px,70vw)}.audio-ctrls{justify-content:center}.c-layout{padding-top:10px}.player{border-radius:0;margin:0 -16px}.pdf-bar{top:0}}.card-pad{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius,14px);margin:12px 0;padding:16px}.card-pad summary{cursor:pointer;font-weight:600}.badge{background:var(--primary-solid,var(--primary));color:#fff;border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 6px;font-size:12px;font-weight:700;display:inline-grid}.chat{flex-direction:column;max-width:820px;height:calc(100dvh - 190px);margin:0 auto;display:flex}.chat-log{flex-direction:column;flex:1;gap:6px;padding:8px 2px;display:flex;overflow-y:auto}.bubble-row{display:flex}.bubble-row.me{justify-content:flex-end}.chat-bubble{background:var(--surface);border:1px solid var(--line);white-space:pre-wrap;word-break:break-word;border-radius:16px;max-width:78%;padding:8px 12px;font-size:15px}.bubble-row.me .chat-bubble{background:var(--primary-solid,var(--primary));color:#fff;border-color:#0000}.chat-meta{opacity:.65;gap:8px;margin-top:2px;font-size:11px;display:flex}.chat-meta button{color:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:11px;text-decoration:underline}.chat-compose{border-top:1px solid var(--line);align-items:flex-end;gap:8px;padding-top:8px;display:flex}.chat-compose textarea{resize:none;flex:1;min-height:44px;max-height:140px}.legal-page{max-width:760px;margin:0 auto;padding:28px 18px 60px}.legal-page .legal-back{color:var(--muted);font-size:calc(14px * var(--fs,1));margin-bottom:18px;display:inline-block}.legal h1{font-size:calc(26px * var(--fs,1));margin:0;font-weight:800}.legal .legal-updated{color:var(--muted);font-size:calc(13px * var(--fs,1));margin:6px 0 0}.legal h2{font-size:calc(17px * var(--fs,1));margin:26px 0 0}.legal p,.legal li{opacity:.92;margin:8px 0 0;line-height:1.65}.legal ul{margin:6px 0 0;padding-left:20px}.legal-links{flex-wrap:wrap;justify-content:center;gap:4px 14px;margin-top:8px;display:flex}.legal-links a{color:var(--muted)}.live-h{font-size:calc(18px * var(--fs,1));margin:22px 0 10px;font-weight:800}.live-list{gap:10px;display:grid}.live-cover{background:color-mix(in srgb, var(--primary) 18%, var(--surface));border-radius:12px;place-items:center;display:grid;overflow:hidden}.live-cover img{object-fit:cover;width:100%;height:100%}.live-badge{font-size:calc(11px * var(--fs,1));text-transform:uppercase;letter-spacing:.04em;color:#fff;background:#e11d48;border-radius:6px;margin-bottom:4px;padding:2px 7px;font-weight:800;display:inline-block}.live-hero{border-radius:var(--radius,14px);background:color-mix(in srgb, var(--primary) 18%, var(--surface));aspect-ratio:16/7;place-items:center;margin-bottom:16px;display:grid;overflow:hidden}.live-hero img{object-fit:cover;width:100%;height:100%}.live-meta{color:var(--muted);flex-wrap:wrap;gap:6px 14px;margin:6px 0 14px;display:flex}.live-actions{flex-wrap:wrap;gap:10px;margin:16px 0;display:flex}.live-next{z-index:4;border-radius:var(--radius,14px);background:var(--surface);border:1px solid var(--line);color:inherit;align-items:center;gap:14px;margin:0 max(4vw,16px) 18px;padding:14px 16px;display:flex;position:relative}.live-next .ico{background:color-mix(in srgb, var(--primary) 20%, transparent);width:44px;height:44px;color:var(--primary);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.age-gate{z-index:95;background:#0000008c;position:fixed;inset:0}.age-gate .age-sheet{z-index:96;bottom:calc(24px + env(safe-area-inset-bottom));display:block}.consent-sheet{z-index:90;bottom:calc(76px + env(safe-area-inset-bottom));max-height:calc(100vh - 120px);display:block;overflow:auto}.stories-section{margin-top:18px}.story-rail{scrollbar-width:none;gap:14px;padding:4px max(4vw,16px) 6px;display:flex;overflow-x:auto}.story-rail::-webkit-scrollbar{display:none}.story-bubble{width:76px;color:var(--text);cursor:pointer;background:0 0;border:0;flex-direction:column;flex:none;align-items:center;gap:6px;padding:0;display:flex}.story-ring{background:conic-gradient(from 210deg, var(--primary), #f59e0b, #ec4899, var(--primary));border-radius:50%;place-items:center;width:72px;height:72px;padding:3px;display:grid}.story-bubble.seen .story-ring{background:color-mix(in srgb, var(--text) 22%, transparent)}.story-thumb{border:3px solid var(--bg);background:var(--surface);border-radius:50%;place-items:center;width:100%;height:100%;display:grid;overflow:hidden}.story-thumb img{object-fit:cover;width:100%;height:100%}.story-label{font-size:calc(11.5px * var(--fs,1));text-overflow:ellipsis;white-space:nowrap;max-width:76px;color:var(--muted);overflow:hidden}.story-card{text-align:left;cursor:pointer;color:inherit;font:inherit;background:0 0;border:0;padding:0}.story-viewer{z-index:200;background:#000;place-items:center;animation:.2s ease-out storyIn;display:grid;position:fixed;inset:0}@keyframes storyIn{0%{opacity:0;transform:scale(.97)}}.story-frame{color:#fff;touch-action:pan-y;-webkit-user-select:none;user-select:none;background:#111;width:min(100vw,56.25dvh);height:100dvh;position:relative;overflow:hidden}.story-bars{top:calc(10px + env(safe-area-inset-top));z-index:3;gap:4px;display:flex;position:absolute;left:10px;right:10px}.story-bars span{background:#ffffff59;border-radius:3px;flex:1;height:3px;overflow:hidden}.story-bars i{background:#fff;height:100%;display:block}.story-head{top:calc(22px + env(safe-area-inset-top));z-index:4;text-shadow:0 1px 6px #00000080;align-items:center;gap:8px;display:flex;position:absolute;left:12px;right:8px}.story-head small{opacity:.8}.story-avatar{background:var(--primary);border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid;overflow:hidden}.story-avatar img{object-fit:cover;width:100%;height:100%}.story-close{color:#fff;cursor:pointer;background:0 0;border:0;margin-left:auto;padding:6px 10px;font-size:24px}.story-media{place-items:center;display:grid;position:absolute;inset:0}.story-media img{object-fit:contain;width:100%;height:100%}.story-media.text-only{background:linear-gradient(160deg, var(--primary), color-mix(in srgb, var(--primary) 40%, #000));padding:80px 28px 120px}.story-media.text-only p{font-size:calc(26px * var(--fs,1));text-align:center;white-space:pre-wrap;margin:0;font-weight:800;line-height:1.3}.story-caption{left:0;right:0;bottom:calc(76px + env(safe-area-inset-bottom));font-size:calc(15px * var(--fs,1));white-space:pre-wrap;z-index:2;background:linear-gradient(#0000,#000000bf);max-height:40%;margin:0;padding:40px 18px 14px;line-height:1.45;position:absolute;overflow:auto}.story-tap{z-index:1;cursor:pointer;background:0 0;border:0;position:absolute;top:70px;bottom:140px}.story-tap.prev{width:33%;left:0}.story-tap.next{width:67%;right:0}.story-link{left:50%;bottom:calc(150px + env(safe-area-inset-bottom));z-index:3;position:absolute;transform:translate(-50%)}.story-foot{padding:12px 12px calc(14px + env(safe-area-inset-bottom));z-index:3;background:#00000059;align-items:center;gap:10px;display:flex;position:absolute;bottom:0;left:0;right:0}.story-input{color:#fff;min-width:0;font:inherit;background:0 0;border:1px solid #ffffff8c;border-radius:999px;flex:1;padding:11px 16px;font-size:16px}.story-input::placeholder{color:#ffffffbf}.story-like,.story-send{color:#fff;cursor:pointer;background:0 0;border:0;padding:4px 6px;font-size:28px;line-height:1}.story-like.on{color:#f43f5e;animation:.3s ease-out pop}@keyframes pop{50%{transform:scale(1.35)}}.story-toast{left:50%;bottom:calc(80px + env(safe-area-inset-bottom));color:#111;z-index:5;background:#fffffff2;border-radius:999px;padding:8px 16px;font-weight:700;position:absolute;transform:translate(-50%)}.m-app{--spring:cubic-bezier(.34, 1.56, .64, 1);--ease-out:cubic-bezier(.22, 1, .36, 1)}.topbar{transition:background .3s var(--ease-out), box-shadow .3s, height .3s var(--ease-out)}.topbar.solid{background:color-mix(in srgb, var(--bg) 72%, transparent);-webkit-backdrop-filter:saturate(1.8)blur(20px)}.card,.btn,.list-card,.story-bubble,.live-next,.menu-list a,.cont-card,.continue-hero{transition:transform .25s var(--spring), filter .2s, box-shadow .25s}.card:active,.list-card:active,.story-bubble:active,.live-next:active,.continue-hero:active{transform:scale(.97)}.btn:active{transform:scale(.95)}@media (hover:hover){.card:hover .card-cover{transform:translateY(-4px);box-shadow:0 18px 40px #00000059}.card-cover{transition:transform .35s var(--ease-out), box-shadow .35s}}@supports (animation-timeline:view()){.nav-home .section,.page>*{animation:linear both rise;animation-timeline:view();animation-range:entry entry 40%}}@keyframes rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@media (max-width:820px){.tabbar{left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));border:1px solid color-mix(in srgb, var(--text) 10%, transparent);background:color-mix(in srgb, var(--surface) 70%, transparent);-webkit-backdrop-filter:saturate(1.8)blur(24px);border-radius:26px;padding:6px;box-shadow:0 10px 40px #00000059,inset 0 1px #ffffff1a}.tabbar a{z-index:1;border-radius:20px;padding:6px 0 5px;transition:color .25s;position:relative}.tabbar a .ico{transition:transform .35s var(--spring)}.tabbar a.on .ico{transform:translateY(-1px)scale(1.12)}.tab-pill{width:calc((100% - 12px) / var(--tabs));background:color-mix(in srgb, var(--primary) 20%, transparent);transform:translateX(calc(var(--active) * 100%));transition:transform .45s var(--spring);border-radius:20px;position:absolute;top:6px;bottom:6px;left:6px}.main{padding-bottom:calc(100px + env(safe-area-inset-bottom))}.sheet,.consent-sheet{bottom:calc(92px + env(safe-area-inset-bottom))}}.today{z-index:4;gap:14px;margin:18px max(4vw,16px) 6px;display:grid;position:relative}.today-head{align-items:center;gap:14px;display:flex}.today-head h2{font-size:calc(24px * var(--fs,1));letter-spacing:-.02em;margin:0;font-weight:800}.today-head small{color:var(--muted)}.level-ring{--p:0;background:conic-gradient(var(--primary) calc(var(--p) * 1turn), color-mix(in srgb, var(--text) 12%, transparent) 0);width:58px;height:58px;animation:ringIn 1.1s var(--ease-out) both;border-radius:50%;flex-shrink:0;place-items:center;display:grid;position:relative}.level-ring:before{content:"";background:var(--bg);border-radius:50%;position:absolute;inset:5px}.level-ring b{font-size:calc(18px * var(--fs,1));text-align:center;line-height:1;position:relative}.level-ring b small{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:9px;font-weight:700;display:block}@property --p{syntax:"<number>";inherits:false;initial-value:0}@keyframes ringIn{0%{--p:0}}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--surface);border:1px solid var(--line);font-weight:700;font-size:calc(13px * var(--fs,1));border-radius:999px;align-items:center;gap:6px;padding:7px 12px;display:inline-flex}.chip.hot{color:#fff;background:linear-gradient(135deg,#f97316,#ef4444);border-color:#0000;box-shadow:0 6px 20px #ef444459}.chip.hot .flame{transform-origin:50% 90%;animation:1.6s ease-in-out infinite flicker;display:inline-block}@keyframes flicker{0%,to{transform:scale(1)rotate(-3deg)}50%{transform:scale(1.15)rotate(3deg)}}.continue-hero{border-radius:calc(var(--radius) + 6px);color:#fff;isolation:isolate;background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 85%, #000), color-mix(in srgb, var(--secondary,var(--primary)) 60%, #000));align-items:flex-end;min-height:190px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000059}.continue-hero img{object-fit:cover;z-index:-2;width:100%;height:100%;animation:18s ease-in-out infinite alternate kenburns;position:absolute;inset:0}.continue-hero:after{content:"";z-index:-1;background:linear-gradient(#0000 20%,#000000d1);position:absolute;inset:0}@keyframes kenburns{to{transform:scale(1.12)translate(-2%,-2%)}}.continue-body{align-items:center;gap:14px;width:100%;padding:18px;display:flex}.continue-body .txt{flex:1;min-width:0}.continue-body small{opacity:.8;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:800}.continue-body b{font-size:calc(19px * var(--fs,1));margin:2px 0;line-height:1.25;display:block}.play-ring{--p:0;background:conic-gradient(#fff calc(var(--p) * 1turn), #ffffff40 0);width:60px;height:60px;animation:ringIn 1.2s var(--ease-out) both;border-radius:50%;flex-shrink:0;place-items:center;display:grid;position:relative}.play-ring:before{content:"";-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000073;border-radius:50%;position:absolute;inset:4px}.play-ring .ico{margin-left:3px;position:relative}.continue-hero:hover .play-ring{transform:scale(1.06)}.sk{background:linear-gradient(90deg, var(--surface) 0%, color-mix(in srgb, var(--surface) 60%, var(--text) 8%) 50%, var(--surface) 100%);border-radius:var(--radius);background-size:200% 100%;animation:1.3s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.sk-page{gap:16px;padding:90px max(4vw,16px) 120px;display:grid}.sk-rail{gap:12px;display:flex;overflow:hidden}.sk-rail .sk{flex:0 0 var(--card-w-m,150px);aspect-ratio:var(--card-ratio,3/4)}.celebrate{z-index:300;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;place-items:center;animation:.25s ease-out fadeIn;display:grid;position:fixed;inset:0}.celebrate canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.celebrate-card{background:var(--surface);border:1px solid var(--line);text-align:center;width:min(360px,100vw - 40px);animation:popIn .55s var(--spring) both;border-radius:28px;padding:28px 22px 20px;position:relative;box-shadow:0 30px 80px #00000080}.celebrate-card .medal{background:linear-gradient(135deg, var(--primary), #f59e0b);width:84px;height:84px;box-shadow:0 14px 34px color-mix(in srgb, var(--primary) 50%, transparent);animation:medal 1s var(--spring) .15s both;border-radius:50%;place-items:center;margin:-70px auto 10px;font-size:42px;display:grid}.celebrate-card h2{font-size:calc(24px * var(--fs,1));margin:4px 0 6px;font-weight:800}.celebrate-stats{flex-wrap:wrap;justify-content:center;gap:10px;margin:14px 0 18px;display:flex}.celebrate-stats .chip{animation:popIn .5s var(--spring) both}.celebrate-stats .chip:nth-child(2){animation-delay:.12s}.celebrate-stats .chip:nth-child(3){animation-delay:.24s}.celebrate-actions{gap:8px;display:grid}@keyframes popIn{0%{opacity:0;transform:scale(.8)translateY(14px)}}@keyframes medal{0%{transform:scale(0)rotate(-40deg)}}@keyframes fadeIn{0%{opacity:0}}::view-transition-old(.page-out){animation:.16s ease-in both vtOut}::view-transition-new(.page-in){animation:.32s var(--vt-ease,cubic-bezier(.22, 1, .36, 1)) 60ms both vtIn}@keyframes vtOut{to{opacity:0;filter:blur(2px);transform:translateY(-6px)}}@keyframes vtIn{0%{opacity:0;filter:blur(3px);transform:translateY(14px)}}::view-transition-group(.cover-morph){animation-duration:.42s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-image-pair(.cover-morph){animation-name:viaBlur}@keyframes viaBlur{35%{filter:blur(2px)}}@media (prefers-reduced-motion:reduce){.m-app *,.m-app :before,.m-app :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}.story-thumb:has(.story-text){background:linear-gradient(150deg, var(--primary), color-mix(in srgb, var(--secondary) 70%, #000))}.story-text{color:#fff;text-align:center;-webkit-line-clamp:3;-webkit-box-orient:vertical;padding:6px;font-size:9.5px;font-weight:800;line-height:1.15;display:-webkit-box;overflow:hidden}.link-btn{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.cookie-bar{z-index:92;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 30px #00000040}.cookie-bar-text{color:var(--muted);flex:260px;margin:0;font-size:13px;line-height:1.45}.cookie-bar-text b{color:var(--text)}.cookie-bar-text a{color:inherit;text-decoration:underline}.cookie-bar-actions{flex:auto;justify-content:flex-end;gap:8px;display:flex}.cookie-bar-actions .btn{flex:1 1 0;min-height:40px;padding:9px 14px;font-size:14px}@media (min-width:640px){.cookie-bar-actions,.cookie-bar-actions .btn{flex:none}}.top-search:focus-within{box-shadow:0 0 0 2px var(--primary)}@media (prefers-reduced-motion:reduce){.m-app *,.m-app :before,.m-app :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}