:root{color-scheme:light;font-family:Aptos,"Trebuchet MS",sans-serif;color:#332c24;background:#f7f3ed}
*{box-sizing:border-box}body{margin:0}.csui{max-width:640px;margin:6vh auto;padding:20px}
.csui-panel{background:#fff;border:1px solid #e9e0d3;border-radius:16px;padding:32px;box-shadow:0 8px 28px #332c240a}
.csui-brand{color:#786d5f;font-weight:700;margin:0 0 12px}h1{font-family:"Palatino Linotype",Palatino,Georgia,serif;font-size:30px;line-height:1.2;margin:0 0 20px}
p,li{line-height:1.6}ul{padding-left:22px}.csui-field{margin:22px 0}.csui-label{display:block;font-weight:700;margin-bottom:8px}
.csui-input{display:block;width:100%;min-height:46px;border:1px solid #d9cdbd;border-radius:9px;background:white;padding:10px 12px;font:inherit}
.csui-input:focus{outline:3px solid #aa886155;border-color:#796044}.csui-help{color:#786d5f;font-size:14px;margin:8px 0}
.csui-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.csui-button{font:inherit;font-weight:700;border:1px solid #d9cdbd;border-radius:9px;background:#f7f3ed;color:#332c24;padding:12px 16px;cursor:pointer}
.csui-button--primary{background:#796044;color:#fff;border-color:#796044}.csui-button--primary:hover{background:#5e4831}
.csui-button:focus-visible{outline:3px solid #aa8861;outline-offset:3px}.csui-error{border-left:4px solid #a13425;background:#fff5f2;padding:12px;color:#7a281d}
@media(max-width:480px){.csui{padding:12px;margin:2vh auto}.csui-panel{padding:22px}.csui-actions{flex-direction:column}.csui-button{width:100%}}