@font-face{font-family:doto;src:url(../media/Doto_Variable-s.p.2n2r_n-1i2zq8.woff2)format("woff2");font-display:swap;font-weight:700 900}@font-face{font-family:doto Fallback;src:local(Arial);ascent-override:72.25%;descent-override:19.01%;line-gap-override:0.0%;size-adjust:131.49%}.doto_91ee14fe-module__zE2-6W__className{font-family:doto,doto Fallback}.doto_91ee14fe-module__zE2-6W__variable{--font-doto:"doto", "doto Fallback"}
.hop-body{--hop-bg:#0b0b0b;--hop-surface:#141414;--hop-dot:#fff;--hop-text:#ffffffeb;--hop-text-dim:#ffffff8c;--hop-text-faint:#ffffff52;--hop-accent:#ffd60a;--hop-line:#ffffff1a;background:var(--hop-bg);color:var(--hop-text);font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace}.hop-body ::selection{background:var(--hop-accent);color:#0b0b0b}.hop-doto{font-family:var(--font-doto), ui-monospace, monospace}.hop-glow{text-shadow:0 0 6px #ffffff38}.hop-glow-soft{text-shadow:0 0 5px #ffffff24}.hop-glow-accent{color:var(--hop-accent);text-shadow:0 0 6px #ffd60a47}.hop-body h1,.hop-body h2{text-wrap:balance}.hop-body p,.hop-body li{text-wrap:pretty}.hop-focus{position:relative;overflow:hidden}.hop-focus-dim{-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);pointer-events:none;background:#0505059e;position:absolute;left:0;right:0}.hop-star-glow{filter:drop-shadow(0 0 7px #ffd60a2e)}.hop-shot{border:1px solid var(--hop-line);border-radius:14px;box-shadow:0 0 40px #ffffff0a,0 24px 80px #0000008c}.hop-faq summary{cursor:pointer;list-style:none}.hop-faq summary::-webkit-details-marker{display:none}.hop-faq summary:before{content:"+";width:1.4em;color:var(--hop-text-faint);display:inline-block}.hop-faq details[open] summary:before{content:"−";color:var(--hop-accent)}.hop-lang{position:relative}.hop-lang summary{cursor:pointer;border:1px solid var(--hop-line);color:var(--hop-text-dim);border-radius:999px;align-items:center;gap:.5em;padding:6px 14px;font-size:12px;list-style:none;display:inline-flex}.hop-lang summary::-webkit-details-marker{display:none}.hop-lang summary:after{content:"";background-color:currentColor;flex-shrink:0;width:11px;height:11px;transition:transform .15s;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 6l4.5 4.5L12.5 6' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 6l4.5 4.5L12.5 6' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat}.hop-lang[open] summary:after{transform:rotate(180deg)}.hop-lang[open] summary,.hop-lang summary:hover{color:var(--hop-text);border-color:#ffffff4d}.hop-lang-menu{z-index:50;background:var(--hop-surface);border:1px solid var(--hop-line);border-radius:12px;flex-direction:column;min-width:160px;padding:6px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 48px #0009}.hop-lang-menu a{color:var(--hop-text-dim);border-radius:8px;padding:7px 12px;font-size:12px}.hop-lang-menu a:hover{color:var(--hop-text);background:#ffffff0f}.hop-lang-menu a[aria-current=page]{color:var(--hop-accent)}html:has(.hop-body){scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html:has(.hop-body){scroll-behavior:auto}}.hop-noise{z-index:40;pointer-events:none;opacity:.07;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:160px 160px;animation:1.6s steps(8,end) infinite hop-grain;position:fixed;inset:-160px}@keyframes hop-grain{0%{transform:translate(0)}12.5%{transform:translate(-42px,18px)}25%{transform:translate(24px,-54px)}37.5%{transform:translate(-66px,-30px)}50%{transform:translate(48px,42px)}62.5%{transform:translate(-18px,60px)}75%{transform:translate(60px,-12px)}87.5%{transform:translate(-36px,-48px)}to{transform:translate(0)}}@media (max-width:640px){.hop-noise{opacity:.11;background-size:110px 110px}}@media (prefers-reduced-motion:reduce){.hop-noise{animation:none}}