/* My Pet On It shared system — owner: code E. Consumers import; do not edit. */
:root {
  --paper:#FAF8F1; --white:#FFFEFA; --surface:#F0EEE6; --soft:var(--surface);
  --ink:#253348; --muted:#68717E; --accent:#2855D9; --blue:var(--accent);
  --accent-hover:#2149BD; --yellow:#F1D778; --line:#DFDFD7;
  --selection:#EDF1FB; --selection-line:#B6C4EC; --success:#35715A; --error:#B84136; --danger:var(--error);
  --font-sans:Arial,Helvetica,sans-serif; --radius:18px; --radius-input:12px; --radius-pill:999px;
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:20px;
  --space-6:24px; --space-8:32px; --space-10:40px; --space-15:60px;
  --page-gutter:24px; --content-width:1100px;
}
.mpoi { margin:0; color:var(--ink); background:var(--paper); font:14px/1.6 var(--font-sans); -webkit-font-smoothing:antialiased; }
.mpoi *, .mpoi *::before, .mpoi *::after { box-sizing:border-box; }
.mpoi :is(button,input,select,textarea) { font-family:var(--font-sans); }
.mpoi :is(button,a) { touch-action:manipulation; -webkit-tap-highlight-color:transparent; }
.mpoi :is(a,button,input,select,textarea,summary):focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
.mpoi :is(button,a)[aria-disabled=true], .mpoi button:disabled { cursor:default; }
.mpoi .mpoi-container { width:100%; max-width:var(--content-width); margin-inline:auto; padding-inline:var(--page-gutter); }
.mpoi .mpoi-section { padding-block:var(--space-15); }
.mpoi .mpoi-h1 { margin:0; font:700 38px/1.02 var(--font-sans); letter-spacing:-1.65px; }
.mpoi .mpoi-h2 { margin:0 0 20px; font:700 43px/1.03 var(--font-sans); letter-spacing:-1.9px; }
.mpoi .mpoi-h3 { margin:0; font:600 18px/1.2 var(--font-sans); }
.mpoi .mpoi-muted { color:var(--muted); }
.mpoi .mpoi-button { display:inline-flex; align-items:center; justify-content:space-between; gap:16px; width:100%; min-height:56px; padding:14px 21px; border:1px solid var(--accent); border-radius:var(--radius-pill); background:var(--accent); color:var(--white); font:700 14px/1.5 var(--font-sans); text-decoration:none; cursor:pointer; }
.mpoi .mpoi-button:hover { background:var(--accent-hover); border-color:var(--accent-hover); }
.mpoi .mpoi-button:active { transform:translateY(1px); }
.mpoi .mpoi-button-secondary { background:transparent; color:var(--accent); border-color:#B6C2E5; }
.mpoi .mpoi-button-secondary:hover { background:var(--selection); color:var(--accent); }
.mpoi .mpoi-option { min-height:44px; padding:10px 15px; border:1px solid var(--line); border-radius:var(--radius-pill); background:transparent; color:var(--ink); font-size:12px; cursor:pointer; }
.mpoi .mpoi-option:is([aria-pressed=true],[aria-selected=true]) { background:var(--selection); border-color:var(--selection-line); color:var(--accent); }
.mpoi .mpoi-card { min-width:0; padding:16px; border:1px solid var(--line); border-radius:var(--radius); background:var(--surface); }
.mpoi .mpoi-card img { display:block; max-width:100%; object-fit:contain; }
.mpoi .mpoi-field { display:block; width:100%; min-height:52px; margin-top:8px; padding:12px 14px; border:1px solid var(--line); border-radius:var(--radius-input); background:var(--white); color:var(--ink); font:400 16px/1.5 var(--font-sans); }
.mpoi .mpoi-error { margin-top:8px; color:var(--error); font-size:16px; }
.mpoi .mpoi-segment { display:flex; padding:4px; border-radius:var(--radius-pill); background:#EDEDE6; }
.mpoi .mpoi-segment > * { flex:1; min-height:44px; }
.mpoi .mpoi-segment [aria-selected=true] { background:var(--white); color:var(--accent); box-shadow:0 1px 4px #25334812; }
@media(max-width:359px) { :root { --page-gutter:20px; } .mpoi .mpoi-h1 { font-size:33px; } .mpoi .mpoi-h2 { font-size:37px; } }
@media(min-width:900px) { .mpoi { font-size:16px; } .mpoi .mpoi-h1 { font-size:62px; line-height:1.03; letter-spacing:-2.7px; } .mpoi .mpoi-h2 { font-size:64px; letter-spacing:-2.8px; } .mpoi .mpoi-h3 { font-size:22px; } .mpoi .mpoi-button { max-width:410px; } }
@media(prefers-reduced-motion:reduce) { .mpoi .mpoi-button:active { transform:none; } }