/* Shared base for all auth pages: native controls, sized and aligned. Layout utilities come from Tailwind. */
/* color-scheme restyles native controls, links and the page background; light-dark() picks custom colours. */
:root{color-scheme:light dark}
body{font:16px/1.4 Arial,sans-serif;max-width:350px;margin:80px auto;padding:20px}
h1{font-size:24px;margin:0 0 20px}
p{margin:0 0 12px}
label{display:block;margin-top:12px;font-size:14px}
input:not([type=checkbox]),button{width:100%;padding:12px;margin:6px 0;box-sizing:border-box;font:inherit}
button{cursor:pointer}
small{display:block;color:light-dark(#666,#a0a0a0)}
details{margin:16px 0}
summary{cursor:pointer;font-size:14px}
.check{display:flex;align-items:center;gap:8px;margin:8px 0}
.or{display:flex;align-items:center;gap:10px;margin:15px 0;color:light-dark(#666,#a0a0a0)}
.or:before,.or:after{content:"";height:1px;background:light-dark(#ccc,#444);flex:1}
[data-notice]{padding:10px 12px;border:1px solid light-dark(#ccc,#444);background:light-dark(#f6f6f6,#1f1f1f);font-size:14px}
[role=alert][data-notice]{border-color:light-dark(#d33,#e55);background:light-dark(#fdf1f1,#2a1414)}
[hidden]{display:none!important}
meter{width:100%;height:10px}
form.htmx-request button{opacity:.6;cursor:progress}
.break{overflow-wrap:anywhere}
textarea{width:100%;padding:12px;margin:6px 0;box-sizing:border-box;font:inherit;resize:vertical}