*{box-sizing:border-box}
body{margin:0;font:20px/1.45 "DM Sans",system-ui,Roboto,sans-serif;background:#fff6ee;color:#1c1917}
header{background:linear-gradient(135deg,#0f766e,#14b8a6);color:#fff;padding:14px 16px}
h1{margin:0;font-size:1.5em;font-family:Georgia,"Times New Roman",serif}.sub{opacity:.9;font-size:.85em}
nav{display:flex;position:sticky;top:0;z-index:5;background:#fff;border-bottom:2px solid #f0e4d6;box-shadow:0 2px 8px rgba(15,118,110,.06)}
nav button{flex:1;font-size:.8em;padding:14px 2px;border:0;background:none;color:#0f766e;font-weight:600}
nav button.on{border-bottom:4px solid #e85d4c;background:#ccfbf1;color:#0b5c56}
main{padding:12px 14px;max-width:720px;margin:auto}h2{margin:.4em 0;color:#0b5c56}h3{font-size:1em;margin:1em 0 .3em;color:#0f766e}
label{display:block;margin:10px 0;font-weight:600}
input,select,textarea{display:block;width:100%;font-size:1.05em;padding:12px;border:2px solid #f0e4d6;border-radius:12px;background:#fff;margin-top:4px;font-family:inherit}
input:focus,select:focus,textarea:focus{outline:2px solid #14b8a6;border-color:#14b8a6}
fieldset{border:2px solid #f0e4d6;border-radius:14px;margin:12px 0;padding:6px 12px;background:#fff}legend{font-weight:700;padding:0 6px;color:#0f766e}
.row{display:flex;gap:8px}.row label{flex:1;font-size:.85em}
input[type=range]{padding:0;height:44px;border:0;background:none}output{float:right;font-size:1.2em;color:#e85d4c}
.checks label{display:flex;align-items:center;gap:10px;font-weight:500;margin:6px 0;min-height:44px}.checks input{width:30px;height:30px;margin:0}
.drop{background:#ffedd5;border:2px solid #fdba74;border-radius:12px;padding:12px;font-size:.95em}
.drop.warn{background:#fee2e2;border-color:#e85d4c}
.big{display:block;width:100%;font-size:1.05em;font-weight:700;padding:16px;margin:12px 0;border:0;border-radius:12px;background:#0f766e;color:#fff;text-align:center}
.big:hover{background:#0b5c56}.sec{background:#ccfbf1;color:#0b5c56}.link{background:none;border:0;color:#0f766e;text-decoration:underline;font-size:.9em;padding:8px 0}
.filebtn input{display:none}#msg,#emsg{font-weight:700;color:#0f766e;min-height:1.5em}
.card{background:#fff;border:2px solid #f0e4d6;border-radius:14px;padding:12px;margin:10px 0;box-shadow:0 4px 12px rgba(15,118,110,.08)}.card .t{font-weight:700}.card .btns{display:flex;gap:8px}.card .btns button{flex:1;padding:12px;font-size:.9em;border-radius:10px;border:0;background:#ccfbf1;color:#0b5c56;font-weight:700}.card .btns .del{background:#fee2e2;color:#9f1239}
canvas{width:100%;background:#fff;border:2px solid #f0e4d6;border-radius:12px}
footer{font-size:.8em;color:#5c534c;padding:8px 16px 30px;max-width:720px;margin:auto}
dialog{border:0;border-radius:14px;width:92%;max-width:500px;padding:1.2rem;box-shadow:0 12px 32px rgba(15,118,110,.2)}
table{border-collapse:collapse;width:100%;font-size:.7em}td,th{border:1px solid #f0e4d6;padding:4px;text-align:left;vertical-align:top}
@media print{.noprint,footer .noprint,nav,header,.nop{display:none!important}body{background:#fff;font-size:12px}main{max-width:none;padding:0}}