:root{--bg:#ffffff;--ink:#000000;--muted:#6b6b6b;--line:#e2e2e2;--card:#ffffff;--soft:#f5f5f5;--s4:4px;--s8:8px;--s12:12px;--s16:16px;--s24:24px;--hit:44px}
/* v1.10 black & white: white ground, black type, black primary button, outlined secondary, gray hairlines. Photos stay in color. */
*{box-sizing:border-box}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,"Helvetica Neue",sans-serif;background:var(--bg);color:var(--ink);-webkit-text-size-adjust:100%}
a{color:inherit}
main{max-width:440px;margin:0 auto;padding:12px 12px calc(24px + env(safe-area-inset-bottom))}
/* UT1-Q8 host home only. Other pages keep the rule above. Side padding: 12, then 16 at 430, 24 at 540 and 820. */
main.home{max-width:none;width:100%;min-height:100vh;background:#fff;padding:var(--s12) var(--s12) calc(var(--s24) + env(safe-area-inset-bottom))}
@media (min-width:430px){main.home{padding-left:var(--s16);padding-right:var(--s16)}}
@media (min-width:540px){main.home{padding-left:var(--s24);padding-right:var(--s24)}}
@media (min-width:820px){body:has(main.home){background:#f3f3f3}main.home{max-width:440px}}
.hero{height:180px;border-radius:16px 16px 0 0;background-size:cover;background-position:center;position:relative;border:1px solid var(--line);border-bottom:0}
.badge{position:absolute;left:10px;bottom:10px;background:#fff;color:#000;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:600}
.inv{background:var(--card);border:1px solid var(--line);border-top:0;border-radius:0 0 16px 16px;padding:14px}
h1{margin:0 0 2px;font-size:24px;letter-spacing:-.02em}.when{color:var(--ink);font-weight:700;margin:0 0 10px}
.box{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px;margin:0 0 10px;font-size:14px}
.alink{display:inline-block;margin:6px 6px 0 0;padding:7px 11px;border-radius:999px;background:#fff;border:1px solid #000;color:#000;text-decoration:none;font-size:13px;font-weight:600}
.muted{color:var(--muted);font-size:13px}.meter{font-size:15px;margin:4px 0}.meter strong{font-size:18px}
input,select{width:100%;padding:12px;border-radius:12px;border:1px solid #cfcfcf;background:#fff;color:var(--ink);font-size:16px}
input:focus,select:focus{outline:2px solid #000;outline-offset:0;border-color:#000}
.btn{display:block;width:100%;margin-top:8px;padding:15px;border-radius:12px;border:1.5px solid #000;font-weight:750;font-size:16px;cursor:pointer;text-align:center;text-decoration:none}
.yes{background:#000;color:#fff}.no{background:#fff;color:#000}.s{background:#fff;color:#000}.w{background:#fff;color:#000}
.btn:disabled{opacity:.4}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.chips button{padding:8px 12px;border-radius:999px;border:1px solid #000;background:#fff;color:#000;font-size:13px}.chips button.on{background:#000;color:#fff}
.status{margin-top:10px;padding:12px;border-radius:12px;background:var(--soft);border:1px solid var(--line);font-size:15px}.hidden{display:none!important}
.pill{display:inline-block;background:#fff;border:1px solid var(--line);border-radius:999px;padding:4px 10px;margin:3px 3px 0 0;font-size:13px}
.imsg{background:var(--soft);border-radius:12px;padding:10px;white-space:pre-wrap;border:1px solid var(--line);font-size:14px}
.qr{background:#fff;border-radius:12px;padding:8px;width:220px;margin:8px auto;display:block;border:1px solid var(--line)}
.qr.big{width:100%;max-width:420px;height:auto}
.foot{text-align:center;margin-top:18px;font-size:13px;color:var(--muted)}.foot a{color:#000}
/* v1.9 business tab */
.bt{width:100%;border-collapse:collapse;font-size:13px;margin-bottom:12px}.bt th{text-align:left;color:var(--muted);font-weight:600;padding:4px 4px;border-bottom:1px solid var(--line)}.bt td{padding:6px 4px;border-bottom:1px solid var(--line)}.bt .n,.bt th+th{text-align:right}
h3{font-size:14px;margin:14px 0 6px}
/* v1.10 mono overrides for page-local styles */
.mini{border:1px solid #000!important}.tag{border:1px solid #000}.stat{border-color:var(--line)!important}
.bizstats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
.bizstats .stat{border:1px solid var(--line);border-radius:12px;padding:10px;text-align:center}
.bizstats .stat b{display:block;font-size:28px;letter-spacing:-.02em}
.bizstats .stat span{display:block;font-size:12px;color:var(--muted)}
/* UT1-A: red outline and a reserved message under the field. Same red as the start page. */
input.field-bad,textarea.field-bad,select.field-bad{outline:2px solid #8f1d1d;outline-offset:0;border-color:#8f1d1d}
input.field-bad:focus,textarea.field-bad:focus{outline:2px solid #8f1d1d;border-color:#8f1d1d}
.field-star::after{content:" *";color:#8f1d1d}
.ferr{color:#8f1d1d;font-size:14px;font-weight:700;line-height:1.35;margin:4px 0 0}