:root{font-family:system-ui,'Yu Gothic',sans-serif;color:#253047;background:#f5f6f9}*{box-sizing:border-box}body{margin:0}header{background:#fff;border-bottom:1px solid #ddd;padding:20px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}main{max-width:1060px;margin:24px auto;padding:0 16px}section,#records article{background:white;border:1px solid #e1e4ea;border-radius:12px;padding:20px}#login{max-width:480px;margin:auto}label{display:block;margin:12px 0}input,select,textarea{display:block;width:100%;padding:12px;border:1px solid #b4bdcc;border-radius:6px;font:inherit}button{border:1px solid #bcc4d1;background:#fff;border-radius:7px;padding:10px 15px;font:inherit;cursor:pointer}button:hover{background:#eef1f8}button:disabled{opacity:.5;cursor:default}button[type=submit],#demo-button{background:#a72530;color:white;border:0}.toolbar,nav{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.cards div{padding:18px;background:#f1f3f8;border-radius:8px}.cards b{display:block;font-size:24px}#records{display:grid;gap:12px}#records article{padding:16px;overflow-wrap:anywhere}h1{font-size:24px}h2{font-size:19px}h3{margin:0 0 8px}p{line-height:1.7}#notice,#edit-error{color:#a0202d;overflow-wrap:anywhere}dialog{border:1px solid #ddd;border-radius:12px;width:min(540px,calc(100% - 24px));max-height:90vh}dialog::backdrop{background:#0007}footer{text-align:center;padding:24px;font-size:13px}[hidden]{display:none!important}@media(max-width:600px){.cards{grid-template-columns:1fr}section{padding:14px}header{padding:16px}h1{font-size:21px}nav button{flex:1;padding:10px}main{margin:16px auto}input,select,textarea{font-size:16px}}

body{padding-bottom:env(safe-area-inset-bottom)}header{padding-top:max(16px,env(safe-area-inset-top));overflow-wrap:anywhere}button{min-height:44px;touch-action:manipulation}input,select,textarea{min-height:44px;font-size:16px}dialog{max-height:85vh;max-height:85dvh;overflow-y:auto;overscroll-behavior:contain}#fields{min-width:0}#records p{overflow-wrap:anywhere}nav{position:sticky;top:0;background:#f5f6f9;padding:8px 0;z-index:1}dialog .toolbar{position:sticky;bottom:0;background:#fff;padding:10px 0}.toolbar h1{overflow-wrap:anywhere}@media(max-width:600px){main{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.toolbar{gap:8px}#workspace>.toolbar h1{width:100%;margin:6px 0}nav button{flex:1 1 calc(50% - 8px)}#records .toolbar button{flex:1}dialog{padding:14px}input,select,textarea{width:100%;max-width:100%;min-width:0}.cards b{font-size:23px}}