/* Minimal, self-hosted styles to approximate previous Pico look */

:root{
  --radius:12px;
  --border:#2b2b2e;
  --bg:#0b0b0c;
  --text:#f5f5f5;
  --muted:#9aa0a6;
  --accent:#688AEB;
}

*,*:before,*:after{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text)}

h1,h2{margin:.25rem 0 1rem;font-weight:700}

button, [role="button"]{
  appearance:none;-webkit-appearance:none;cursor:pointer;
  background:#f5f5f5;color:#0b0b0c;border:0;border-radius:var(--radius);
  padding:.55rem 1rem;font-weight:700;line-height:1.1;display:inline-block
}
button:disabled{opacity:.6;cursor:not-allowed}
button:hover,[role="button"]:hover{background:#e9e9ea}

input,select{
  background:transparent;border:none;border-bottom:1px solid var(--border);
  color:var(--text);padding:.5rem 0;border-radius:0;outline:none;
  width:100%;display:block;margin:0 0 1rem 0;
}
input::placeholder{color:#6e6e73}
select{color-scheme:dark}
input:focus,select:focus{border-bottom-color:var(--accent)}

progress{width:100%;height:6px;background:#202124;border:0;border-radius:999px;overflow:hidden}
progress::-webkit-progress-bar{background:#202124}
progress::-webkit-progress-value{background:var(--accent)}
progress::-moz-progress-bar{background:var(--accent)}