:root,:root[data-theme=a]{--bg-0:#001a33;--bg-1:#036;--surface-0:#071226bd;--surface-1:#091a34c7;--border:#7dc6ff2e;--border-strong:#7dc6ff47;--text:#e6f1ffdb;--text-h:#eaf2ff;--muted:#e6f1ffb8;--accent:#00c2ff;--accent-hover:#22d3ee;--accent-2:#6d6aff;--accent-2-hover:#8b82ff;--glow:0 0 12px #0096ff4d;--glow-strong:0 0 16px #0096ff73;--bg-image:url(/backgrounds/starfield.png);--bg-gradient:linear-gradient(135deg, var(--bg-0), var(--bg-1));--code-bg:#0a1224d9;--shadow:#0000008c 0 14px 22px -10px, #00000047 0 6px 10px -6px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg-gradient);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root,:root[data-theme=a]{font-size:16px}}:root[data-theme=b]{--bg-0:#00142b;--bg-1:#1a0a3d;--surface-0:#0c0c22bd;--surface-1:#120e2cc7;--border:#c5a2ff2e;--border-strong:#c5a2ff47;--text:#f0ecffdb;--text-h:#f7f2ff;--muted:#f0ecffb8;--accent:#c084fc;--accent-hover:#e879f9;--accent-2:#00c2ff;--accent-2-hover:#22d3ee;--glow:0 0 12px #c084fc4d;--glow-strong:0 0 16px #c084fc73;--code-bg:#0c0a24d9;--shadow:#0000008c 0 14px 22px -10px, #00000047 0 6px 10px -6px;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:linear-gradient(135deg, var(--bg-0), var(--bg-1));font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root[data-theme=b]{font-size:16px}}#social .button-icon{filter:invert()brightness(2)}#root{box-sizing:border-box;width:1100px;max-width:100%;min-height:100svh;margin:0 auto}body{background:radial-gradient(900px circle at 16% 12%, #00c2ff2e, transparent 62%), radial-gradient(820px circle at 84% 18%, #6d6aff24, transparent 64%), var(--bg-image), var(--bg-gradient);background-blend-mode:screen, screen, normal, normal;background-position:50%,50%,50%,50%;background-repeat:no-repeat;background-size:auto,auto,cover,cover;background-attachment:scroll,scroll,fixed,fixed;margin:0;position:relative}body:before{content:"";pointer-events:none;opacity:.16;background:repeating-linear-gradient(90deg,#ffffff05 0 1px,#0000 1px 60px),repeating-linear-gradient(0deg,#ffffff05 0 1px,#0000 1px 60px);animation:16s linear infinite gridDrift;position:fixed;inset:0;transform:translate(0,0)}body:after{content:"";pointer-events:none;opacity:.15;background:radial-gradient(1200px at 10% 18%,#ffffff26,#0000 58%),radial-gradient(980px at 86% 20%,#ffffff1f,#0000 62%);animation:11s ease-in-out infinite shimmerDrift;position:fixed;inset:0;transform:translate(0,0)}@media (width<=900px){body{background-attachment:scroll,scroll,scroll,scroll}}@keyframes gridDrift{0%{transform:translate(0,0)}to{transform:translate(-60px,60px)}}@keyframes shimmerDrift{0%{transform:translate(0,0)}50%{transform:translate(40px,-22px)}to{transform:translate(0,0)}}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.page{box-sizing:border-box;flex-direction:column;min-height:100svh;padding:28px 28px 36px;display:flex}.page a{color:var(--text-h)}.page a:hover{color:var(--accent-hover)}.homeHero{border:1px solid var(--border-strong);background:radial-gradient(900px circle at 20% 10%, #00c2ff2e, transparent 60%), radial-gradient(780px circle at 85% 20%, #6d6aff24, transparent 58%), linear-gradient(135deg, var(--surface-0), var(--surface-1));box-shadow:var(--shadow);border-radius:22px;padding:22px;position:relative;overflow:hidden}.homeHero:after{content:"";opacity:.22;filter:blur(18px);pointer-events:none;background:linear-gradient(90deg,#00c2ff2e,#6d6aff1f,#00c2ff2e);position:absolute;inset:-2px;transform:translate(0,0)}.homeHeroGrid{z-index:1;grid-template-columns:.58fr 1.42fr;align-items:center;gap:18px;min-height:420px;display:grid;position:relative}.homeHeroLeft{justify-content:center;align-items:center;display:flex}.avatarFrame{border-radius:999px;width:320px;max-width:100%;height:320px;max-height:100%;position:relative;overflow:hidden}.avatarImg{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.homeHeroRight{padding:6px 4px}.introStack{border:1px solid var(--border);background:var(--surface-0);box-shadow:var(--shadow);border-radius:16px;gap:10px;margin-top:8px;padding:14px 14px 16px;display:grid;position:relative;overflow:hidden}.introStack:before{content:"";opacity:.25;pointer-events:none;background:repeating-linear-gradient(#ffffff0d 0 1px,#0000 1px 7px);position:absolute;inset:0}.introMedia{border-radius:16px;height:clamp(72px,10vh,120px);overflow:hidden}.introMediaImg{object-fit:cover;width:100%;height:100%;display:block}.introLine{color:var(--text);opacity:0;filter:blur(4px);animation:.7s cubic-bezier(.2,.9,.2,1) forwards introPop;animation-delay:var(--d,0s);margin:0;position:relative;transform:translateY(10px)}@keyframes introPop{0%{opacity:0;filter:blur(4px);transform:translateY(10px)}to{opacity:1;filter:blur();transform:translateY(0)}}.homeMain{margin-top:18px}.channelSection{border:1px solid var(--border);background:var(--surface-0);box-shadow:var(--shadow);border-radius:22px;padding:18px}.sectionHead{gap:8px;margin-bottom:14px;display:grid}.sectionTitle{margin:0;font-size:20px}.sectionHint{color:var(--muted);margin:0;font-size:14px}.channelRow{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.channelCard{border:1px solid var(--border);background:var(--surface-0);box-shadow:var(--shadow);border-radius:18px;display:grid;overflow:hidden}.channelCard:hover{box-shadow:var(--shadow), var(--glow)}.channelButton{height:46px;color:var(--text-h);letter-spacing:.2px;border-bottom:1px solid var(--border);background:radial-gradient(420px at 10% 0,#00c2ff38,#0000 60%),radial-gradient(420px at 95% 40%,#6d6aff2e,#0000 60%),#001a3359;justify-content:center;align-items:center;font-weight:600;text-decoration:none;transition:transform .12s,filter .2s,box-shadow .2s;display:inline-flex}.channelButton:hover{filter:brightness(1.08);box-shadow:inset 0 0 0 1px #00c2ff4d, var(--glow);transform:translateY(-1px)}.channelButton:focus-visible{outline-offset:-2px;box-shadow:inset 0 0 0 1px #00c2ff4d, var(--glow);outline:2px solid #00c2ffd9}.channelCoverFrame{padding:12px}.channelCover{object-fit:cover;border:1px solid var(--border);border-radius:14px;width:100%;height:160px;display:block}.channelDesc{color:var(--muted);margin:0;padding:0 12px 14px;font-size:14px}.hero{border:1px solid var(--border);box-shadow:var(--shadow);background:linear-gradient(135deg,#aa3bff1f,#0000);border-radius:18px;grid-template-columns:1.45fr .55fr;align-items:end;gap:18px;padding:20px;display:grid}.title{letter-spacing:-1.2px;margin:14px 0 10px;font-size:46px;line-height:110%}.subtitle{max-width:56ch;color:var(--text)}.avatarCard{border:1px solid var(--border);background:color-mix(in oklab, var(--bg) 92%, transparent);border-radius:16px;overflow:hidden}.avatarLabel{color:var(--text-h);padding:10px 12px;font-size:14px}.grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px;display:grid}.card{border:1px solid var(--border);background:color-mix(in oklab, var(--bg) 92%, transparent);box-shadow:var(--shadow);border-radius:18px;flex-direction:column;display:flex;overflow:hidden}.cardCover{object-fit:cover;width:100%;height:160px;display:block}.cardBody{gap:10px;padding:14px 14px 16px;display:grid}.cardTitle{margin:0;font-size:20px;line-height:125%}.cardSubtitle{color:var(--text);margin:0;font-size:15px}.cardButton{height:40px;color:var(--text-h);border:1px solid color-mix(in oklab, var(--accent) 55%, var(--border));background:linear-gradient(135deg, color-mix(in oklab, var(--accent) 22%, transparent), transparent);border-radius:12px;justify-content:center;align-items:center;text-decoration:none;transition:transform .12s,box-shadow .2s;display:inline-flex}.cardButton:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.ghostButton{height:38px;color:var(--text-h);border:1px solid var(--border);box-shadow:var(--glow);background:#001a3359;border-radius:12px;justify-content:center;align-items:center;padding:0 12px;text-decoration:none;transition:transform .12s,box-shadow .2s,filter .2s;display:inline-flex}.ghostButton:hover{filter:brightness(1.06);box-shadow:var(--glow-strong);transform:translateY(-1px)}.ghostButton:focus-visible{outline-offset:3px;box-shadow:var(--glow-strong);outline:2px solid #00c2ffd9}.pageHeader{border:1px solid var(--border);background:color-mix(in oklab, var(--bg) 92%, transparent);box-shadow:var(--shadow);border-radius:18px;padding:20px}.topRow{justify-content:flex-start;display:flex}.channelHero{grid-template-columns:.9fr 1.1fr;align-items:center;gap:16px;margin-top:14px;display:grid}.channelHeroCover{object-fit:cover;border:1px solid var(--border);border-radius:14px;width:100%;height:220px}.pageTitle{letter-spacing:-.9px;margin:0 0 8px;font-size:36px;line-height:112%}.pageSubtitle{color:var(--text);margin:0}.content{grid-template-columns:1fr;gap:14px;margin-top:16px;display:grid}.contentCard{border:1px solid var(--border);background:var(--surface-0);box-shadow:var(--shadow);text-align:left;border-radius:18px;padding:16px}.contentCard:hover{box-shadow:var(--shadow), var(--glow)}.contentTitle{color:var(--text-h);margin:0 0 10px;font-size:18px}.contentText{color:var(--text);margin:0 0 10px}.contentList{color:var(--text);margin:0;padding-left:18px}.footer{margin-top:auto;padding-top:18px}.footerGrid{border:1px solid var(--border);background:var(--surface-0);box-shadow:var(--shadow);border-radius:22px;grid-template-columns:1.2fr 1fr 1fr;gap:14px;padding:18px;display:grid}.footerBlock{gap:8px;display:grid}.footerBrand{color:var(--text-h);font-size:16px;font-weight:650}.footerHint{color:var(--muted);font-size:14px}.footerTitle{color:var(--text-h);font-size:14px;font-weight:600}.footerText{color:var(--muted);font-size:13px}.footerTop{border:1px solid var(--border);height:36px;color:var(--text-h);cursor:pointer;box-shadow:var(--glow);background:#001a3359;border-radius:12px;margin-top:6px;transition:transform .12s,filter .2s,box-shadow .2s}.footerTop:hover{filter:brightness(1.08);box-shadow:var(--glow-strong);transform:translateY(-1px)}.footerTop:focus-visible{outline-offset:3px;box-shadow:var(--glow-strong);outline:2px solid #00c2ffd9}.footerBar{color:var(--text);justify-content:space-between;gap:12px;padding:14px 6px 0;font-size:12px;display:flex}@media (width<=1024px){.page{padding:18px 16px 24px}.homeHeroGrid{min-height:unset;grid-template-columns:1fr}.channelRow,.footerGrid{grid-template-columns:1fr}.hero{grid-template-columns:1fr;align-items:start}.title{font-size:34px}.grid,.channelHero{grid-template-columns:1fr}.pageTitle{font-size:30px}}