[data-myboat]{min-height:16rem}[data-myboat] .system-state{padding:clamp(var(--space-5), 5vw, var(--space-7));background:linear-gradient(145deg, var(--surface-2), var(--surface-1));border:2px dashed var(--border-strong);border-radius:var(--radius-lg);box-shadow:0 1.4rem 3.5rem color-mix(in srgb, var(--ink) 7%, transparent)}[data-myboat] .system-state h2{margin-bottom:var(--space-2)}.mb-status{min-height:1.5rem;margin-top:var(--space-4);color:var(--ink-muted)}.mb-note{color:var(--ink-faint);font-size:var(--text-sm)}.mb-privacy{color:var(--ink-muted);font-size:var(--text-sm);max-width:var(--measure)}.mb h2:focus-visible,.mb-empty:focus-visible,.mb-confirm:focus-visible,.system-state:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius);outline:none}.mb-default{margin-left:var(--space-3);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--accent-ink);background:linear-gradient(120deg, var(--brand-violet), var(--brand-magenta));border-radius:var(--radius-pill);vertical-align:middle;padding:.2em .7em;font-weight:700}.mb-toolbar{gap:var(--space-4);margin-bottom:var(--space-6);padding:var(--space-5);background:linear-gradient(135deg, color-mix(in srgb, var(--surface-2) 93%, var(--brand-cyan)), var(--surface-1));border:var(--border-width) solid var(--border-strong);border-radius:var(--radius-lg);flex-wrap:wrap;justify-content:space-between;align-items:end;display:flex}.mb-switch{font-size:var(--text-sm);margin-bottom:var(--space-1);display:block}.mb-switch-wrap select{min-width:14rem}.mb-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.mb-detail{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));display:grid}.mb-group{padding:var(--space-5);background:linear-gradient(145deg, var(--surface-1), var(--surface-2));border:var(--border-width) solid var(--border);border-radius:var(--radius-lg)}.mb-group h3{margin-bottom:var(--space-3);color:var(--cyan-text);font-size:var(--text-sm);letter-spacing:.08em;text-transform:uppercase;font-weight:800}.mb-group dl{gap:var(--space-2) var(--space-4);grid-template-columns:1fr auto;margin:0;display:grid}.mb-group dt{color:var(--ink-muted)}.mb-group dd{text-align:right;margin:0;font-weight:600}.mb-form{padding:clamp(var(--space-5), 4vw, var(--space-7));background:linear-gradient(145deg, var(--surface-1), var(--surface-2));border:var(--border-width) solid var(--border-strong);border-radius:var(--radius-lg)}.mb-form fieldset{margin-bottom:var(--space-6);padding-top:var(--space-4);border:0;border-top:var(--border-width) solid var(--border)}.mb-form fieldset:first-child{border-top:0;padding-top:0}.mb-form legend{margin-bottom:var(--space-3);color:var(--cyan-text);font-size:var(--text-sm);letter-spacing:.08em;text-transform:uppercase;padding:0;font-weight:800}.mb-fields{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));display:grid}.mb-field label{margin-bottom:var(--space-1);display:block}.mb-field--checkbox{align-items:center;gap:var(--space-2);display:flex}.mb-field--checkbox input{width:auto;min-height:0}.mb-field--checkbox label{margin:0}.mb-req{color:var(--danger);margin-left:.15em}.mb-field-err:empty{display:none}.mb-field-err{margin:var(--space-1) 0 0;color:var(--danger);font-size:var(--text-sm)}.mb-form-actions{gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.mb-confirm{margin-top:var(--space-4);padding:var(--space-5);background:color-mix(in srgb, var(--warn) 8%, var(--surface-2));border:2px solid var(--warn);border-radius:var(--radius-lg)}.mb-data{margin-top:var(--space-8);padding-top:var(--space-6);border-top:2px solid var(--border-strong)}.mb-data h2{font-size:var(--text-xl)}@media (width<=36rem){.mb-toolbar,.mb-form{padding:var(--space-4)}.mb-toolbar{align-items:stretch}.mb-switch-wrap select{width:100%;min-width:0}.mb-actions,.mb-form-actions{width:100%}.mb-actions>*,.mb-form-actions>*{flex:auto}}@media print{.page-intro,.mb-toolbar,.mb-form,.mb-status,.mb-actions,.mb-data{display:none!important}.mb-detail{grid-template-columns:repeat(2,1fr)}.mb-group{box-shadow:none;background:#fff;border:1px solid #777}}
