html{scroll-behavior:smooth;scroll-padding-top:132px}
body{--shadow:0 18px 50px #00000024}
.top{position:sticky;z-index:30;top:0;padding-left:max(24px,calc((100% - 1240px)/2));padding-right:max(24px,calc((100% - 1240px)/2));background:#09110ff2}
.top-actions{display:flex;align-items:center;gap:10px}
.mark{box-shadow:0 8px 24px #79e8b72b}
.workspace-nav{position:sticky;z-index:25;top:76px;border-bottom:1px solid var(--line);background:#0b1411ed;backdrop-filter:blur(18px)}
.workspace-nav>div{display:flex;gap:5px;width:min(1240px,calc(100% - 32px));margin:auto;padding:8px 0;overflow-x:auto}
.workspace-nav a{display:flex;align-items:center;gap:7px;padding:8px 12px;border-radius:9px;color:var(--muted);text-decoration:none;white-space:nowrap;font-size:12px;font-weight:750}
.workspace-nav a:hover,.workspace-nav a:focus-visible{background:var(--surface2);color:var(--text)}
.workspace-nav span{color:var(--mint);font:700 10px ui-monospace,monospace}
.shell{width:min(1240px,calc(100% - 32px));padding-top:46px}
.shell>section{scroll-margin-top:132px}
.shell>section+section{margin-top:22px}
.stats article,.panel,.card{box-shadow:var(--shadow)}
.panel{padding:clamp(18px,2.4vw,28px)}
.panel-head{padding-bottom:18px}
.panel-head h2{letter-spacing:-.02em}
button{transition:transform .15s ease,filter .15s ease,border-color .15s ease}
button:hover{filter:brightness(1.07);transform:translateY(-1px)}
button:active{transform:translateY(0)}
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--mint);outline-offset:2px}
@media(max-width:650px){
  html{scroll-padding-top:120px}
  .top{height:68px;padding:0 16px}
  .workspace-nav{top:68px}
  .workspace-nav>div{width:calc(100% - 20px)}
  .brand small{display:none}
  .mark{width:36px;height:36px}
  .language label span{display:none}
  .shell{width:min(100% - 20px,1240px);padding-top:30px}
  .hero h1{font-size:38px}
  .stats{grid-template-columns:repeat(3,1fr);gap:7px}
  .stats article{padding:14px 12px}
  .stats strong{font-size:25px}
  .stats span{font-size:10px}
  .panel{padding:16px;border-radius:14px}
}