:root{color-scheme:light dark;font-family:system-ui,sans-serif}body{margin:0;background:#f3f5f9;color:#172033}main{max-width:620px;margin:8vh auto;padding:24px;background:#fff;border-radius:16px;box-shadow:0 12px 35px #18233a18}h1{margin:0 0 8px}header{display:flex;gap:16px;justify-content:space-between;align-items:start}header .muted{width:auto;white-space:nowrap}label,input,button,.button{display:block;box-sizing:border-box;width:100%;font:inherit}input{margin:8px 0 16px;padding:13px;border:1px solid #aab3c2;border-radius:9px}fieldset{border:0;padding:0;margin:0 0 16px;display:flex;gap:10px;flex-wrap:wrap}fieldset label{width:auto}fieldset input{display:inline;width:auto;margin:0 3px 0 0}button,.button{min-height:44px;padding:10px;border:0;border-radius:9px;background:#1d63d9;color:#fff;text-align:center;text-decoration:none;cursor:pointer}.muted{margin-top:10px;background:#667085}progress{width:100%;height:16px}.error{min-height:1.4em;color:#b42318}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.stats span{padding:10px;background:#eef3ff;border-radius:8px}@media(prefers-color-scheme:dark){body{background:#111827;color:#e5e7eb}main{background:#1f2937}input{background:#111827;color:#fff}.stats span{background:#27344b}}@media(max-width:480px){main{margin:0;min-height:100vh;border-radius:0;padding:20px}header{align-items:center}}