/* Mock-up marker (not part of the app or its design system). */
#mk-fb-root{position:fixed;inset:0;pointer-events:none;z-index:2147483000;font:600 15px/1.2 "Instrument Sans",system-ui,-apple-system,sans-serif;-webkit-user-select:none;user-select:none}
#mk-fb-root *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.mk-mfab{pointer-events:auto;position:fixed;width:48px;height:48px;border-radius:50%;border:0;padding:0;background:rgba(18,20,19,.78);color:#FF5068;display:grid;place-items:center;box-shadow:0 0 0 1.5px rgba(255,255,255,.3),0 3px 12px rgba(0,0,0,.3);touch-action:none;cursor:grab;transition:left .18s ease,top .18s ease,transform .12s}
.mk-mfab.drag{transition:none;transform:scale(1.08);cursor:grabbing}
.mk-mfab[hidden]{display:none}
.mk-mfab:focus-visible{outline:3px solid #FF5068;outline-offset:2px}
.mk-mk{pointer-events:auto;position:fixed;inset:0;background:transparent;touch-action:none;overscroll-behavior:contain}
.mk-mk.ready:not(.live){background:#000}
.mk-mshot{position:absolute;inset:0}
.mk-mimg{position:absolute;inset:0;width:100%!important;height:100%!important;display:block}
.mk-mink{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair}
.mk-mk.nopen .mk-mink{cursor:default}
.mk-mframe{position:absolute;inset:0;border:3px solid #FF5068;pointer-events:none}
.mk-mwait{position:absolute;left:50%;top:calc(12px + env(safe-area-inset-top));transform:translateX(-50%);margin:0;padding:8px 14px;border-radius:16px;background:rgba(18,20,19,.86);color:#fff;font-size:14px}
.mk-mbar{position:absolute;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));display:flex;gap:8px;padding:6px;border-radius:20px;background:rgba(18,20,19,.92);box-shadow:0 0 0 1px rgba(255,255,255,.12),0 6px 22px rgba(0,0,0,.4)}
.mk-mb{flex:1;min-height:60px;border:0;border-radius:15px;background:transparent;color:#fff;font:inherit;font-size:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer}
.mk-mb.on{background:#FF5068;color:#fff}
.mk-mb:focus-visible,.mk-ma:focus-visible,.mk-mcol:focus-visible,.mk-mundo:focus-visible{outline:3px solid #fff;outline-offset:-3px}
.mk-mpens{position:absolute;left:10px;bottom:calc(88px + env(safe-area-inset-bottom));display:flex;gap:6px;padding:4px;border-radius:26px;background:rgba(18,20,19,.92);box-shadow:0 0 0 1px rgba(255,255,255,.12)}
.mk-mk.nopen .mk-mpens{display:none}
.mk-mcol,.mk-mundo{width:44px;height:44px;border:0;border-radius:50%;background:transparent;display:grid;place-items:center;padding:0;cursor:pointer;color:#fff}
.mk-mcol i{width:24px;height:24px;border-radius:50%;box-shadow:0 0 0 2px rgba(255,255,255,.25)}
.mk-mcol.on i{box-shadow:0 0 0 3px #fff}
.mk-mundo[disabled]{opacity:.35}
.mk-msheet{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center}
.mk-mscrim{position:absolute;inset:0;background:rgba(0,0,0,.55)}
.mk-mcard{position:relative;width:100%;max-width:480px;padding:16px 14px calc(14px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;background:#151816;color:#fff;display:flex;flex-direction:column;align-items:center;gap:12px;animation:mk-mup .22s ease}
.mk-mprev{max-height:42vh;max-width:70%;border-radius:12px;box-shadow:0 0 0 1px rgba(255,255,255,.18);display:block}
.mk-macts{display:flex;gap:8px;width:100%}
.mk-ma{flex:1;min-height:64px;border:0;border-radius:15px;background:rgba(255,255,255,.1);color:#fff;font:inherit;font-size:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer}
.mk-ma.mk-mgrok{background:#FF5068}
.mk-ma[disabled]{opacity:.6}
.mk-mback{min-height:48px;width:100%;border:0;border-radius:14px;background:transparent;color:rgba(255,255,255,.8);font:inherit;font-size:15px;cursor:pointer}
.mk-mtoast{position:fixed;left:50%;top:calc(14px + env(safe-area-inset-top));transform:translateX(-50%);z-index:2;max-width:86vw;padding:10px 16px;border-radius:18px;background:rgba(18,20,19,.94);color:#fff;font-size:14px;text-align:center;box-shadow:0 0 0 1px rgba(255,255,255,.14)}
@keyframes mk-mup{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.mk-mcard{animation:none}.mk-mfab{transition:none}}
/* Council 17: rests at 40% after 2 s untouched */
.mk-mfab{transition:left .18s ease,top .18s ease,transform .12s,opacity .3s ease}
.mk-mfab.idle{opacity:.4}
.mk-mfab.idle:focus-visible,.mk-mfab.drag{opacity:1}
