/* Gatherova "Clarity" look, matching the plugin's v3 skin: white ground, soft #f3f3f0 pills, Figtree, big calm titles. */
@font-face{font-family:'Figtree';font-style:normal;font-weight:300 900;font-display:swap;src:url('fonts/figtree-latin.woff2') format('woff2')}
:root{--ink:#0f1115;--muted:#6b7280;--line:#ececec;--soft:#f3f3f0;--card:#fff;--ok:#0f875d;--warn:#b45309;--bad:#c62828;--acc:#11768d;
 --acc-tint:color-mix(in srgb,var(--acc) 10%,#fff);--acc-soft:color-mix(in srgb,var(--acc) 5%,#fff);--acc-ink:color-mix(in srgb,var(--acc) 80%,#000)}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{margin:0}
body{font-family:'Figtree','DM Sans',system-ui,sans-serif;color:var(--ink);background:#fff;font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased}
button,input,select{font:inherit;color:inherit}
h1{font-size:40px;font-weight:600;letter-spacing:-.03em;line-height:1.1;margin:0}
h2{font-size:22px;font-weight:600;letter-spacing:-.02em;margin:0 0 6px}
h3{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 12px}
.mut{color:var(--muted)}
.mark{display:inline-block;width:32px;height:32px;background:var(--acc);-webkit-mask:url(icon.png) center/contain no-repeat;mask:url(icon.png) center/contain no-repeat;flex:none}

/* buttons: pills */
.btn{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:999px;padding:11px 20px;font-weight:600;background:var(--soft);color:var(--ink);cursor:pointer;text-decoration:none;white-space:nowrap}
.btn:hover{background:#e9e9e5}
.btn.pri{background:var(--acc);color:#fff}.btn.pri:hover{background:var(--acc-ink)}
.btn.bad{background:var(--bad);color:#fff}
.btn.sm{padding:7px 14px;font-size:14px}
.btn.icon{width:44px;height:44px;padding:0;justify-content:center}
.btn[disabled]{opacity:.5;cursor:default}
.btn svg,.ico{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
input[type=text],input[type=email],input[type=search],input[type=password],select{border:0;background:var(--soft);border-radius:999px;padding:12px 18px;outline:0;min-width:0}
input:focus,select:focus{box-shadow:0 0 0 2px var(--acc)}
.field{display:block;margin:0 0 14px}.field>span{display:block;font-weight:600;margin-bottom:6px}

/* cards without boxes: soft blocks */
.block{background:var(--soft);border-radius:20px;padding:20px}
.pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600;background:var(--acc-tint);color:var(--acc-ink)}
.pill.bad{background:#fdecec;color:var(--bad)}.pill.warn{background:#fdf3e2;color:var(--warn)}.pill.ok{background:#e3f4ee;color:var(--ok)}
.dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--acc);flex:none}
.bar{height:10px;background:#fff;border-radius:999px;overflow:hidden}.bar i{display:block;height:100%;background:var(--acc);border-radius:999px;transition:none}

/* sheet / modal */
.overlay{position:fixed;inset:0;background:rgba(15,17,21,.32);display:none;align-items:center;justify-content:center;z-index:50;padding:16px}
.overlay.on{display:flex}
.sheet{background:#fff;border-radius:28px;width:100%;max-width:560px;max-height:92vh;overflow:auto;padding:32px;box-shadow:0 0 80px rgba(15,17,21,.18)}
.sheet .x{float:right}
@media(max-width:768px){h1{font-size:30px}.sheet{padding:22px;border-radius:24px}}