/* tapak asas sahaja — token, kerangka dan keadaan ada di css/ */
*{box-sizing:border-box}
[hidden]{display:none!important}

html,body{margin:0;padding:0}
body{
  overflow:hidden;
  background:var(--scene-bg);
  color:var(--ink);
  font-family:var(--font-body);
  font-synthesis:none;
  -webkit-text-size-adjust:100%;
}

main{min-height:100dvh}

button,select,input{font:inherit;color:inherit}
button{
  min-height:44px;
  border:0;
  border-radius:var(--r-2);
  padding:10px 15px;
  background:var(--surface);
  color:var(--ink);
  cursor:pointer;
  white-space:nowrap;
}
button[aria-pressed=true]{background:var(--ink);color:var(--surface)}

@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{animation:none!important;transition:none!important}
}