*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#0f172a;background:radial-gradient(circle at top left,rgba(124,58,237,.12),transparent 28%),linear-gradient(180deg,#f8fafc,#eef2ff)}button,input,label{font:inherit}input[type=range]{width:100%;accent-color:#7c3aed}