@font-face{font-family:'Inter Tight';font-style:normal;font-display:swap;font-weight:100 900;src:url(/fonts/inter-tight-latin-wght-normal.woff2) format('woff2-variations');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter Tight';font-style:normal;font-display:swap;font-weight:100 900;src:url(/fonts/inter-tight-latin-ext-wght-normal.woff2) format('woff2-variations');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Inter Tight';font-style:normal;font-display:swap;font-weight:100 900;src:url(/fonts/inter-tight-cyrillic-wght-normal.woff2) format('woff2-variations');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Inter Tight';font-style:normal;font-display:swap;font-weight:100 900;src:url(/fonts/inter-tight-cyrillic-ext-wght-normal.woff2) format('woff2-variations');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:'Inter Tight';font-style:normal;font-display:swap;font-weight:100 900;src:url(/fonts/inter-tight-vietnamese-wght-normal.woff2) format('woff2-variations');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-display:swap;font-weight:100 800;src:url(/fonts/jetbrains-mono-latin-wght-normal.woff2) format('woff2-variations');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-display:swap;font-weight:100 800;src:url(/fonts/jetbrains-mono-latin-ext-wght-normal.woff2) format('woff2-variations');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Bricolage Grotesque';src:url(/fonts/bricolage-grotesque-latin-800-normal.woff2) format('woff2');font-weight:800;font-display:swap}

:root{--bg:#0B0B0B;--tray:#151515;--card:#1B1B1B;--card2:#212121;--fg:#F3F2EE;--mut:rgba(243,242,238,.58);--dim:rgba(243,242,238,.36);--line:rgba(255,255,255,.07);--amb:#FFB547;--ambd:#E8952B;--ink:#F3F2EE;--inkfg:#0B0B0B;--markline:#4A4A4F;--tl:rgba(150,130,255,.05);--tp:rgba(255,160,110,.05);--tm:rgba(110,220,150,.045);--ts:rgba(110,160,255,.05);color-scheme:dark}
:root:has(#pi-theme:checked),:root[data-theme="light"]{--bg:#FAFAFA;--tray:#EDEDED;--card:#FFFFFF;--card2:#F4F4F4;--fg:#0F0F0F;--mut:rgba(15,15,15,.6);--dim:rgba(15,15,15,.36);--line:rgba(15,15,15,.08);--amb:#F2A33C;--ambd:#C9811E;--ink:#0F0F0F;--inkfg:#FAFAFA;--markline:#3A3A3C;--tl:#F1EFFC;--tp:#FDF1E8;--tm:#EDF7EF;--ts:#EAF2FC;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--fg);font-family:'Inter Tight',system-ui,-apple-system,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.pg{background:var(--bg);color:var(--fg);min-height:100vh;transition:background .4s,color .4s;overflow-x:clip}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
code,kbd{font-family:'JetBrains Mono',ui-monospace,monospace}
/* fixed, so focusing the hidden switch (theme, menu, radios) never scrolls the page to the top */
.pi-tg{position:fixed;top:0;left:0;opacity:0;pointer-events:none;width:0;height:0}
.wm{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;letter-spacing:-.045em;white-space:nowrap;line-height:1}
.wm-i{position:relative;display:inline-block}.paw{position:absolute;left:50%;top:-.02em;width:.34em;height:.34em;transform:translateX(-48%)}
.wrap{width:100%;max-width:960px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.wide-wrap{max-width:1160px}
.sec{padding-block:120px 20px}
/* nav */
.nav{position:sticky;top:0;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px max(24px,env(safe-area-inset-right,0px)) 14px max(24px,env(safe-area-inset-left,0px));background:color-mix(in srgb,var(--bg) 78%,transparent);backdrop-filter:blur(14px)}
.nv-logo{display:flex;align-items:center;gap:9px}
.menu{position:absolute;left:50%;top:14px;transform:translateX(-50%);display:flex;align-items:center;gap:14px;height:40px;padding:0 5px 0 14px;border-radius:11px;background:#0E0E0E;color:#F3F2EE;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 8px 24px -10px rgba(0,0,0,.6);font-size:14px;font-weight:600;cursor:pointer;user-select:none}
.mn-l{display:flex;align-items:center;gap:8px}.mn-p{min-width:40px;height:30px;padding:0 8px;border-radius:8px;background:#262626;display:flex;align-items:center;justify-content:center;font-size:11.5px;font-variant-numeric:tabular-nums}
@property --pct{syntax:'<integer>';inherits:true;initial-value:0}
@keyframes pct{to{--pct:100}}
.mn-n::after{content:counter(p) "%";counter-reset:p var(--pct)}
@supports (animation-timeline: scroll()){.pg{animation:pct linear both;animation-timeline:scroll(root)}}
.nv-r{display:flex;gap:8px;align-items:center}
.theme{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--card);box-shadow:0 0 0 1px var(--line);cursor:pointer}
.btn-top{height:36px;padding:0 14px;border-radius:9px;background:var(--ink);color:var(--inkfg);font-size:13.5px;font-weight:600;display:flex;align-items:center;white-space:nowrap}
.drawer{position:fixed;left:50%;top:62px;transform:translate(-50%,-8px);z-index:61;background:#0E0E0E;color:#F3F2EE;border-radius:14px;padding:8px;display:grid;gap:2px;min-width:230px;opacity:0;pointer-events:none;transition:.3s cubic-bezier(.2,.8,.2,1);box-shadow:0 0 0 1px rgba(255,255,255,.08),0 20px 40px -12px rgba(0,0,0,.6)}
.drawer a{padding:10px 12px;border-radius:9px;font-size:14px}.drawer a:hover{background:#1E1E1E}
.drawer-bg{position:fixed;inset:0;z-index:59;display:none}
.pg:has(#pi-menu:checked) .drawer{opacity:1;pointer-events:auto;transform:translate(-50%,0)}.pg:has(#pi-menu:checked) .drawer-bg{display:block}
/* type */
.h1{margin:0;font-weight:400;font-size:clamp(38px,5.6vw,72px);line-height:1.03;letter-spacing:-.045em;text-wrap:balance}
.h2{margin:0;font-weight:400;font-size:clamp(30px,4.2vw,46px);line-height:1.08;letter-spacing:-.03em;text-wrap:balance}
.h2 .lt{color:var(--dim)}
.lead{max-width:56ch;font-size:17px;line-height:1.55;color:var(--mut);margin:22px 0 0}
.sub{max-width:56ch;margin:16px auto 0;font-size:16px;line-height:1.55;color:var(--mut)}
.fine{font-size:12.5px;color:var(--dim)}
.eb{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:600;letter-spacing:.04em;margin-bottom:18px;text-transform:uppercase}
.ico{width:28px;height:28px;border-radius:8px;background:var(--ink);color:var(--inkfg);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.sh{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;flex-wrap:wrap;margin-bottom:36px}
.sh-l{flex:1 1 420px}.sh-r{flex:0 1 330px;font-size:14.5px;line-height:1.55;color:var(--mut)}.sh-r p{margin:0 0 16px}
.c{text-align:center}
.btn-p{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 22px;border-radius:12px;background:var(--ink);color:var(--inkfg);font-size:15px;font-weight:600;transition:transform .25s,box-shadow .25s;white-space:nowrap}
.btn-p:hover{transform:translateY(-2px);box-shadow:0 14px 30px -12px rgba(0,0,0,.5)}.btn-p.sm{height:38px;padding:0 16px;font-size:13.5px}.btn-p.full{width:100%}
.btn-g{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 20px;border-radius:12px;background:var(--card);box-shadow:0 0 0 1px var(--line);font-size:15px;font-weight:500;white-space:nowrap}
.btn-s{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 13px;border-radius:10px;background:var(--card2);box-shadow:0 0 0 1px var(--line);font-size:13px;font-weight:500;white-space:nowrap}
.cta-row{display:flex;gap:10px;flex-wrap:wrap}
.tray{background:var(--tray);border-radius:24px;padding:6px;display:grid;gap:6px;box-shadow:0 0 0 1px var(--line)}
.t3{grid-template-columns:repeat(3,minmax(0,1fr))}.t2{grid-template-columns:repeat(2,minmax(0,1fr))}.t4{grid-template-columns:repeat(4,minmax(0,1fr))}.one{grid-template-columns:1fr}
.card{background:var(--card);border-radius:18px}
.pill-ai{display:inline-flex;align-items:center;gap:7px;height:24px;padding:0 9px;border-radius:7px;background:rgba(255,181,71,.12);color:var(--ambd);font-size:11px;font-weight:600}
.dot{width:6px;height:6px;border-radius:50%;background:var(--amb);display:inline-block}
.ck{width:18px;height:18px;border-radius:5px;background:rgba(255,181,71,.15);color:var(--ambd);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.lg{box-shadow:0 0 0 1px rgba(0,0,0,.06)}
/* scroll reveal: CSS only, survives template re-renders */
@keyframes rvIn{from{opacity:0;transform:translateY(26px);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}
@supports (animation-timeline: view()){.rv{animation:rvIn both cubic-bezier(.2,.7,.2,1);animation-timeline:view();animation-range:entry 0% entry 70%}}
/* footer */
.foot{padding:120px max(10px,env(safe-area-inset-left,0px)) 0}
.ft-card{background:var(--card);border-radius:28px 28px 0 0;padding:44px max(28px,4vw) 28px;box-shadow:0 0 0 1px var(--line)}
.ft-top{display:grid;grid-template-columns:minmax(220px,1.1fr) 3.4fr;gap:48px}
.ft-logo{display:flex;align-items:center;gap:9px;margin-bottom:14px}.ft-b p{margin:0 0 18px;max-width:30ch;font-size:13.5px;line-height:1.55;color:var(--mut)}
.ft-soc{display:flex;gap:8px;flex-wrap:wrap}.ft-soc a{height:30px;padding:0 11px;border-radius:9px;background:var(--card2);box-shadow:0 0 0 1px var(--line);display:flex;align-items:center;font-size:12.5px;font-weight:500}
.ft-cols{display:grid;grid-template-columns:1fr 1fr 1.6fr 1.1fr .8fr;gap:28px}
.fc{display:flex;flex-direction:column;gap:9px;font-size:13.5px;min-width:0}.fc b{font-size:12px;font-weight:600;color:var(--mut);margin-bottom:4px}.fc a{opacity:.82;line-height:1.35}.fc a:hover{opacity:1}
.ft-bot{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-top:44px;padding-top:20px;border-top:1px solid var(--line);font-size:12.5px;color:var(--dim)}
.ft-langs{display:flex;flex-wrap:wrap;gap:6px 14px;justify-content:flex-end;max-width:640px}.ft-langs a{color:var(--mut)}.ft-langs a:hover{color:var(--fg)}
.ft-legal{margin:16px 0 0;font-size:12px;line-height:1.55;color:var(--dim);max-width:80ch}
@media(max-width:820px){.ft-top{grid-template-columns:1fr;gap:32px}.ft-cols{grid-template-columns:1fr 1fr;gap:28px 20px}.fc.wide{grid-column:1/-1}.ft-bot{flex-direction:column}.ft-langs{justify-content:flex-start}.t3,.t2,.t4{grid-template-columns:1fr}.nv-logo .wm{display:none}}
@media(max-width:600px){.menu{position:static;transform:none}.theme{display:none}.sec{padding-block:84px 10px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.mnav{display:flex;align-items:center;gap:16px;padding:18px max(24px,env(safe-area-inset-right,0px)) 18px max(24px,env(safe-area-inset-left,0px));border-bottom:1px solid var(--line)}
.mnav-l{font-size:13px;color:var(--mut);padding-left:16px;border-left:1px solid var(--line)}
.mnav-r{margin-left:auto;display:flex;align-items:center;gap:10px;font-size:13.5px}.mnav-r a{color:var(--mut)}.mnav-r a:hover{color:var(--fg)}
.mfoot{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:28px max(24px,env(safe-area-inset-right,0px)) 32px max(24px,env(safe-area-inset-left,0px));border-top:1px solid var(--line);font-size:12.5px;color:var(--dim)}
.mfoot nav{display:flex;gap:18px;flex-wrap:wrap}.mfoot a:hover{color:var(--fg)}
.field{display:grid;gap:8px;font-size:13px;font-weight:600}
.inp{height:48px;width:100%;padding:0 14px;border-radius:12px;border:0;background:var(--card2);color:var(--fg);box-shadow:inset 0 0 0 1px var(--line);font:inherit;font-size:15px;font-weight:400;outline:none;transition:box-shadow .2s}
.inp:focus{box-shadow:inset 0 0 0 1.5px var(--amb),0 0 0 4px rgba(255,181,71,.14)}
.alert{margin:0;padding:11px 14px;border-radius:11px;background:rgba(255,95,87,.1);color:#FF7A6E;font-size:13.5px;line-height:1.45}
@media(max-width:600px){.mnav-l{display:none}.mnav .wm{display:none}}

.dl{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 0 0 1px rgba(0,0,0,.06)}.dl>svg{width:1em;height:1em}
.isl-fig{margin:0;display:grid;gap:10px}
.isl-scr{position:relative;border-radius:22px;padding-top:0;min-height:260px;background:radial-gradient(90% 80% at 50% 0%,#26231E 0%,#141414 60%,#0F0F0F 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);overflow:hidden;display:flex;justify-content:center}
.isl{position:relative;width:min(440px,88%);animation:byIn .9s cubic-bezier(.3,1.25,.45,1) both .2s}
.isl-in{background:#000;color:#F3F2EE;border-radius:0 0 28px 28px;padding:12px 16px 16px;display:grid;gap:10px;box-shadow:0 30px 60px -20px rgba(0,0,0,.8)}
.isl-top{display:flex;align-items:center;gap:10px}.isl-pet{width:32px;height:32px;display:flex;align-items:center;justify-content:center}
.isl-h{display:flex;align-items:center;gap:8px;font-size:12.5px;color:rgba(243,242,238,.62)}
.isl-t{font-family:'JetBrains Mono',monospace;font-size:13.5px;color:#fff}
.isl-code{display:grid;gap:3px;padding:10px 12px;border-radius:12px;background:#111;font-family:'JetBrains Mono',monospace;font-size:12px;color:rgba(243,242,238,.75);overflow-x:auto}
.isl-code .m{color:#FF8A80}.isl-code .p{color:#7EE2A0}.isl-code .c{color:rgba(243,242,238,.45)}
.isl-b{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:6px}.isl-b.one{grid-template-columns:1fr}.isl-b span{height:34px;border-radius:11px;background:#1C1C1E;display:flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:600}.isl-b .ok{background:#F3F2EE;color:#0B0B0B}
.isl-fig figcaption{font-size:12px;color:var(--dim);text-align:center}
.by-ear{position:absolute;top:0;width:18px;height:18px;overflow:hidden}.by-ear::before{content:"";position:absolute;width:36px;height:36px;border-radius:50%;box-shadow:0 0 0 22px #000}
.by-ear.l{left:-18px}.by-ear.l::before{left:-18px;top:0}.by-ear.r{right:-18px}.by-ear.r::before{right:-18px;top:0}
@keyframes byIn{from{transform:scale(.45,.2);opacity:.6}to{transform:none}}
.ctab{margin-top:120px;padding:56px 28px;border-radius:32px;background:radial-gradient(60% 100% at 50% 0%,rgba(255,181,71,.10),transparent 70%),var(--card);box-shadow:0 0 0 1px var(--line);text-align:center;display:grid;justify-items:center;gap:14px}
.ctab-pets{display:flex;gap:10px;margin-bottom:6px}.ctab-pets svg{animation:hop 2.8s ease-in-out infinite}.ctab-pets svg:nth-child(2){animation-delay:.3s}.ctab-pets svg:nth-child(3){animation-delay:.6s}
@keyframes hop{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.ctab .btn-p{margin-top:8px}
.yes{display:inline-flex;align-items:center;gap:5px;color:#4ADE80;font-weight:600}.no{color:var(--dim)}
.tbl{overflow-x:auto;border-radius:18px;background:var(--card);box-shadow:0 0 0 1px var(--line)}
.tbl table{width:100%;border-collapse:collapse;font-size:14px;min-width:520px}
.tbl th{text-align:left;font-size:12px;font-weight:600;color:var(--mut);padding:14px 18px;border-bottom:1px solid var(--line)}
.tbl td{padding:14px 18px;border-bottom:1px solid var(--line);color:var(--mut)}.tbl td:first-child{color:var(--fg)}.tbl tr:last-child td{border-bottom:0}
.crumb{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--dim);margin-bottom:18px;flex-wrap:wrap}.crumb a{color:var(--mut)}.crumb a:hover{color:var(--fg)}
.faq{display:grid;gap:6px}
.faq details{background:var(--card);border-radius:16px;padding:0 20px;box-shadow:0 0 0 1px var(--line)}
.faq summary{list-style:none;cursor:pointer;padding:18px 0;font-weight:600;font-size:15px;display:flex;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";font-weight:400;color:var(--mut);font-size:20px;line-height:1;transition:transform .25s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{margin:0 0 18px;color:var(--mut);font-size:14.5px;line-height:1.6}
.pagehead{padding-block:72px 0}
.lnk{color:var(--fg);text-decoration:underline;text-decoration-color:var(--dim);text-underline-offset:3px}

.nv-in{height:36px;padding:0 12px;border-radius:9px;display:flex;align-items:center;font-size:13.5px;font-weight:500;color:var(--mut);white-space:nowrap}.nv-in:hover{color:var(--fg);background:var(--card)}
@media(max-width:600px){.nv-in{display:none}}
.mf-l{display:flex;align-items:center;gap:10px}
.pg:has(.mfoot),.pg:has(>.foot){display:flex;flex-direction:column}.pg>.foot{margin-top:auto}.pg:has(.mfoot)>main,.pg:has(.mfoot)>[data-dc-root]{flex:1 0 auto;width:100%}
/* hidden number: drifting particles over transparent text, like a chat spoiler */
.spoil{position:relative;display:inline-block;color:transparent!important;border-radius:5px;user-select:none;pointer-events:none;vertical-align:baseline;overflow:hidden;background-color:color-mix(in srgb,var(--fg) 5%,transparent)}
.spoil::before,.spoil::after{content:"";position:absolute;inset:-40%;pointer-events:none;opacity:.85}
.spoil::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2230%22%20height%3D%2216%22%20fill%3D%22%23fff%22%3E%3Ccircle%20cx%3D%229.7%22%20cy%3D%222.4%22%20r%3D%220.61%22%20fill-opacity%3D%220.40%22/%3E%3Ccircle%20cx%3D%2216.1%22%20cy%3D%225.9%22%20r%3D%220.37%22%20fill-opacity%3D%220.68%22/%3E%3Ccircle%20cx%3D%221.1%22%20cy%3D%226.9%22%20r%3D%220.38%22%20fill-opacity%3D%220.41%22/%3E%3Ccircle%20cx%3D%2212.7%22%20cy%3D%2213.2%22%20r%3D%220.40%22%20fill-opacity%3D%220.50%22/%3E%3Ccircle%20cx%3D%2218.8%22%20cy%3D%2215.2%22%20r%3D%220.58%22%20fill-opacity%3D%220.61%22/%3E%3Ccircle%20cx%3D%2229.3%22%20cy%3D%220.7%22%20r%3D%220.69%22%20fill-opacity%3D%220.54%22/%3E%3Ccircle%20cx%3D%224.3%22%20cy%3D%221.9%22%20r%3D%220.47%22%20fill-opacity%3D%220.88%22/%3E%3Ccircle%20cx%3D%225.4%22%20cy%3D%229.3%22%20r%3D%220.61%22%20fill-opacity%3D%220.59%22/%3E%3Ccircle%20cx%3D%2216.4%22%20cy%3D%221.0%22%20r%3D%220.37%22%20fill-opacity%3D%220.48%22/%3E%3Ccircle%20cx%3D%2220.4%22%20cy%3D%226.8%22%20r%3D%220.48%22%20fill-opacity%3D%220.73%22/%3E%3Ccircle%20cx%3D%2213.6%22%20cy%3D%224.8%22%20r%3D%220.67%22%20fill-opacity%3D%220.80%22/%3E%3Ccircle%20cx%3D%227.3%22%20cy%3D%229.2%22%20r%3D%220.56%22%20fill-opacity%3D%220.92%22/%3E%3Ccircle%20cx%3D%2221.9%22%20cy%3D%224.6%22%20r%3D%220.74%22%20fill-opacity%3D%220.43%22/%3E%3Ccircle%20cx%3D%2212.5%22%20cy%3D%2212.1%22%20r%3D%220.41%22%20fill-opacity%3D%220.67%22/%3E%3Ccircle%20cx%3D%221.2%22%20cy%3D%2210.7%22%20r%3D%220.66%22%20fill-opacity%3D%220.72%22/%3E%3Ccircle%20cx%3D%2226.3%22%20cy%3D%225.0%22%20r%3D%220.63%22%20fill-opacity%3D%220.74%22/%3E%3Ccircle%20cx%3D%2217.4%22%20cy%3D%227.3%22%20r%3D%220.69%22%20fill-opacity%3D%220.96%22/%3E%3Ccircle%20cx%3D%2214.2%22%20cy%3D%2210.6%22%20r%3D%220.37%22%20fill-opacity%3D%220.81%22/%3E%3Ccircle%20cx%3D%2219.4%22%20cy%3D%2215.9%22%20r%3D%220.68%22%20fill-opacity%3D%220.53%22/%3E%3Ccircle%20cx%3D%2211.6%22%20cy%3D%2210.7%22%20r%3D%220.36%22%20fill-opacity%3D%220.65%22/%3E%3Ccircle%20cx%3D%225.0%22%20cy%3D%221.9%22%20r%3D%220.37%22%20fill-opacity%3D%220.85%22/%3E%3Ccircle%20cx%3D%223.9%22%20cy%3D%224.0%22%20r%3D%220.51%22%20fill-opacity%3D%220.92%22/%3E%3Ccircle%20cx%3D%222.4%22%20cy%3D%227.2%22%20r%3D%220.57%22%20fill-opacity%3D%220.92%22/%3E%3Ccircle%20cx%3D%2224.6%22%20cy%3D%2213.8%22%20r%3D%220.46%22%20fill-opacity%3D%220.62%22/%3E%3Ccircle%20cx%3D%2210.8%22%20cy%3D%2214.1%22%20r%3D%220.73%22%20fill-opacity%3D%220.45%22/%3E%3Ccircle%20cx%3D%225.3%22%20cy%3D%223.7%22%20r%3D%220.44%22%20fill-opacity%3D%220.67%22/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2222%22%20height%3D%2213%22%20fill%3D%22%23fff%22%3E%3Ccircle%20cx%3D%2220.3%22%20cy%3D%2212.3%22%20r%3D%220.80%22%20fill-opacity%3D%220.40%22/%3E%3Ccircle%20cx%3D%2213.0%22%20cy%3D%225.5%22%20r%3D%220.64%22%20fill-opacity%3D%220.43%22/%3E%3Ccircle%20cx%3D%224.2%22%20cy%3D%225.8%22%20r%3D%220.50%22%20fill-opacity%3D%220.65%22/%3E%3Ccircle%20cx%3D%220.5%22%20cy%3D%221.1%22%20r%3D%220.72%22%20fill-opacity%3D%220.62%22/%3E%3Ccircle%20cx%3D%2211.3%22%20cy%3D%229.5%22%20r%3D%220.56%22%20fill-opacity%3D%220.39%22/%3E%3Ccircle%20cx%3D%2217.2%22%20cy%3D%227.7%22%20r%3D%220.70%22%20fill-opacity%3D%220.75%22/%3E%3Ccircle%20cx%3D%2221.4%22%20cy%3D%224.7%22%20r%3D%220.74%22%20fill-opacity%3D%220.59%22/%3E%3Ccircle%20cx%3D%2212.6%22%20cy%3D%228.6%22%20r%3D%220.54%22%20fill-opacity%3D%220.41%22/%3E%3Ccircle%20cx%3D%2210.4%22%20cy%3D%229.3%22%20r%3D%220.67%22%20fill-opacity%3D%220.64%22/%3E%3Ccircle%20cx%3D%2214.1%22%20cy%3D%222.4%22%20r%3D%220.48%22%20fill-opacity%3D%220.56%22/%3E%3Ccircle%20cx%3D%2217.9%22%20cy%3D%222.5%22%20r%3D%220.45%22%20fill-opacity%3D%220.41%22/%3E%3Ccircle%20cx%3D%220.9%22%20cy%3D%223.6%22%20r%3D%220.66%22%20fill-opacity%3D%220.88%22/%3E%3Ccircle%20cx%3D%227.3%22%20cy%3D%224.8%22%20r%3D%220.53%22%20fill-opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%2217.1%22%20cy%3D%227.1%22%20r%3D%220.52%22%20fill-opacity%3D%220.42%22/%3E%3C/svg%3E");background-size:30px 16px,22px 13px;animation:spoilA 2.4s linear infinite}
.spoil::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2238%22%20height%3D%2220%22%20fill%3D%22%23fff%22%3E%3Ccircle%20cx%3D%2217.2%22%20cy%3D%2211.2%22%20r%3D%220.62%22%20fill-opacity%3D%220.65%22/%3E%3Ccircle%20cx%3D%2219.3%22%20cy%3D%2211.7%22%20r%3D%220.36%22%20fill-opacity%3D%220.68%22/%3E%3Ccircle%20cx%3D%2223.9%22%20cy%3D%2215.9%22%20r%3D%220.33%22%20fill-opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%223.4%22%20cy%3D%2216.2%22%20r%3D%220.54%22%20fill-opacity%3D%220.38%22/%3E%3Ccircle%20cx%3D%2237.3%22%20cy%3D%2219.3%22%20r%3D%220.53%22%20fill-opacity%3D%220.75%22/%3E%3Ccircle%20cx%3D%226.0%22%20cy%3D%220.3%22%20r%3D%220.48%22%20fill-opacity%3D%220.39%22/%3E%3Ccircle%20cx%3D%227.2%22%20cy%3D%224.8%22%20r%3D%220.31%22%20fill-opacity%3D%220.65%22/%3E%3Ccircle%20cx%3D%2216.7%22%20cy%3D%2216.8%22%20r%3D%220.48%22%20fill-opacity%3D%220.77%22/%3E%3Ccircle%20cx%3D%2219.0%22%20cy%3D%2213.2%22%20r%3D%220.46%22%20fill-opacity%3D%220.53%22/%3E%3Ccircle%20cx%3D%2237.9%22%20cy%3D%2219.9%22%20r%3D%220.59%22%20fill-opacity%3D%220.81%22/%3E%3Ccircle%20cx%3D%2212.0%22%20cy%3D%224.6%22%20r%3D%220.40%22%20fill-opacity%3D%220.40%22/%3E%3Ccircle%20cx%3D%2229.1%22%20cy%3D%228.0%22%20r%3D%220.60%22%20fill-opacity%3D%220.60%22/%3E%3Ccircle%20cx%3D%2236.4%22%20cy%3D%2216.9%22%20r%3D%220.30%22%20fill-opacity%3D%220.49%22/%3E%3Ccircle%20cx%3D%2234.6%22%20cy%3D%229.4%22%20r%3D%220.64%22%20fill-opacity%3D%220.61%22/%3E%3Ccircle%20cx%3D%222.8%22%20cy%3D%2212.6%22%20r%3D%220.57%22%20fill-opacity%3D%220.53%22/%3E%3Ccircle%20cx%3D%223.3%22%20cy%3D%226.7%22%20r%3D%220.64%22%20fill-opacity%3D%220.84%22/%3E%3Ccircle%20cx%3D%224.5%22%20cy%3D%224.9%22%20r%3D%220.34%22%20fill-opacity%3D%220.39%22/%3E%3Ccircle%20cx%3D%2230.3%22%20cy%3D%223.6%22%20r%3D%220.50%22%20fill-opacity%3D%220.64%22/%3E%3Ccircle%20cx%3D%227.2%22%20cy%3D%2214.6%22%20r%3D%220.35%22%20fill-opacity%3D%220.77%22/%3E%3Ccircle%20cx%3D%224.4%22%20cy%3D%228.4%22%20r%3D%220.37%22%20fill-opacity%3D%220.53%22/%3E%3Ccircle%20cx%3D%2236.9%22%20cy%3D%2216.1%22%20r%3D%220.41%22%20fill-opacity%3D%220.93%22/%3E%3Ccircle%20cx%3D%228.0%22%20cy%3D%227.9%22%20r%3D%220.60%22%20fill-opacity%3D%220.77%22/%3E%3Ccircle%20cx%3D%223.8%22%20cy%3D%2219.8%22%20r%3D%220.37%22%20fill-opacity%3D%220.52%22/%3E%3Ccircle%20cx%3D%2229.4%22%20cy%3D%226.6%22%20r%3D%220.40%22%20fill-opacity%3D%220.40%22/%3E%3Ccircle%20cx%3D%223.4%22%20cy%3D%2211.7%22%20r%3D%220.39%22%20fill-opacity%3D%220.74%22/%3E%3Ccircle%20cx%3D%2214.1%22%20cy%3D%229.1%22%20r%3D%220.64%22%20fill-opacity%3D%220.66%22/%3E%3Ccircle%20cx%3D%2221.8%22%20cy%3D%2217.3%22%20r%3D%220.36%22%20fill-opacity%3D%220.45%22/%3E%3Ccircle%20cx%3D%2234.5%22%20cy%3D%2216.4%22%20r%3D%220.39%22%20fill-opacity%3D%220.47%22/%3E%3Ccircle%20cx%3D%2228.1%22%20cy%3D%2218.8%22%20r%3D%220.37%22%20fill-opacity%3D%220.97%22/%3E%3Ccircle%20cx%3D%2233.5%22%20cy%3D%2212.1%22%20r%3D%220.45%22%20fill-opacity%3D%220.42%22/%3E%3C/svg%3E");background-size:38px 20px;animation:spoilB 3.1s linear infinite,spoilF 1.3s ease-in-out infinite alternate}
:root:has(#pi-theme:checked) .spoil::before,:root:has(#pi-theme:checked) .spoil::after,:root[data-theme="light"] .spoil::before,:root[data-theme="light"] .spoil::after{filter:invert(1)}
@keyframes spoilA{from{transform:translate(0,0)}to{transform:translate(30px,-16px)}}
@keyframes spoilB{from{transform:translate(0,0)}to{transform:translate(-38px,20px)}}
@keyframes spoilF{from{opacity:.45}to{opacity:.95}}
@media(prefers-reduced-motion:reduce){.spoil::before,.spoil::after{animation:none}}

.nv-r .pi-switch-btn,.mnav-r .pi-switch-btn{height:36px;border-radius:10px;background:var(--card);border:0;box-shadow:0 0 0 1px var(--line);color:var(--mut)}
.ft-bot .pi-switch-btn{color:var(--mut)}
.pg .pi-switch-panel{background:var(--card);border-color:var(--line)}
.pg .pi-switch-panel a{color:var(--fg)}
.pg .pi-switch-panel a:hover,.pg .pi-switch-panel a:focus{background:var(--card2)}
@media(max-width:600px){.nv-r .pi-switch-btn{font-size:0;gap:2px;padding:0 10px}}
.pg details summary::before{content:none;display:none}
.ft-soc a.soc{width:34px;height:34px;padding:0;justify-content:center;color:var(--fg,currentColor);transition:transform .15s}.ft-soc a.soc:hover{transform:translateY(-1px)}