:root{
  --lime:#c7f33c;
  --lime-tint-6:color-mix(in srgb,var(--lime) 6%,white);
  --lime-tint-12:color-mix(in srgb,var(--lime) 12%,white);
  --lime-tint-24:color-mix(in srgb,var(--lime) 24%,white);
  --lime-shade-35:color-mix(in srgb,var(--lime) 35%,black);
  --ink:#171717;
  --text:#333;
  --muted:#5e5e5e;
  --line:#dedede;
  --line-strong:#bfbfbf;
  --canvas:#fafafa;
  --white:#fff;
  --dark:#161616;
  --layout-width:50%;
  --mono:ui-monospace,"SFMono-Regular",Consolas,monospace;
  --sans:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;
  color:var(--ink);background:var(--canvas);font-family:var(--sans);font-synthesis:none;
  -webkit-font-smoothing:antialiased;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-width:300px}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
img,svg{display:block;max-width:100%}
img{height:auto}
h1,h2,h3,p,figure,ul,ol{margin:0}
[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--lime-shade-35);outline-offset:4px}
.wrap{width:var(--layout-width);margin-inline:auto}
.brand{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:31px;line-height:1;letter-spacing:-.085em;white-space:nowrap;width:max-content}
.brand__mark{width:31px;height:31px;background:var(--lime);color:var(--ink);display:grid;place-items:center;border-radius:8px;flex:none}
.brand__mark svg{width:22px;height:22px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:46px;padding:10px 18px;font-size:14px;font-weight:650;line-height:1.35;border:1px solid transparent;border-radius:7px;transition:background-color .2s,border-color .2s,color .2s,transform .2s}
.btn:hover{transform:translateY(-1px)}
.btn:active{transform:none}
.btn svg{width:17px;height:17px;flex:none}
.btn--lime{background:var(--lime);border-color:var(--lime);color:var(--ink)}
.btn--lime:hover{background:color-mix(in srgb,var(--lime) 74%,white);border-color:color-mix(in srgb,var(--lime) 74%,white)}
.btn--outline{background:transparent;border-color:var(--line-strong);color:var(--ink)}
.btn--outline:hover{border-color:var(--lime-shade-35);background:var(--lime-tint-12)}
.skip-link{position:fixed;top:12px;left:12px;z-index:100;background:var(--ink);color:#fff;padding:10px 16px;border-radius:6px;transform:translateY(-150%)}
.skip-link:focus{transform:none}
@media(max-width:767px){.wrap{width:100%;padding-inline:20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
