:root{--brand: #1e6fe0;--ink: #172033;--ink-soft: #4b5568;--mute: #8a93a5;--surface: #ffffff;--line: #dde2ec;--amber: #b45309;--amber-bg: #fdf3e0;--red: #b3261e;--red-bg: #fdecea;--ok: #0f6b3a;--ok-bg: #e8f5ec;--radius: 12px;--font: "Public Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display: "Space Grotesk", var(--font);--font-mono: "Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font);color:var(--ink);background:#eef1f6;line-height:1.5;-webkit-font-smoothing:antialiased}.mf-shell{max-width:520px;margin:0 auto;padding:14px 14px 84px}.mf-header{display:flex;align-items:center;justify-content:space-between;margin:6px 2px 12px}.mf-header h1{font-size:19px;margin:0}.mf-synced{font-size:11.5px;color:var(--ok);font-weight:600}.mf-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;margin-bottom:12px}.mf-card h1{margin:0 0 4px;font-size:19px}.mf-card h2{margin:0 0 6px;font-size:17px}.mf-card h3{margin:14px 0 6px;font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--mute)}.sub{color:var(--ink-soft);font-size:13px;margin:0 0 12px}.mf-field{margin-bottom:10px}.mf-field label{display:block;font-size:12px;font-weight:600;margin-bottom:3px}.mf-field input,.mf-field select{width:100%;padding:10px 11px;font-size:14px;border:1px solid var(--line);border-radius:9px;background:#fff}.mf-btn{display:block;width:100%;padding:12px 14px;font-size:14px;font-weight:700;border:0;border-radius:10px;cursor:pointer;text-align:center;background:#eef1f6;color:var(--ink);text-decoration:none}.mf-btn.primary{background:var(--brand);color:#fff}.mf-btn.secondary{width:auto;padding:8px 12px;font-size:12.5px;margin-bottom:10px}.mf-btn:disabled{opacity:.5;cursor:default}.mf-req{width:100%;text-align:left;background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin-bottom:8px;cursor:pointer;font:inherit}.mf-req-line{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:3px}.mf-strong{font-weight:700;font-size:13.5px}.mf-chev{color:var(--mute);font-size:16px}.mf-meta{font-size:11.5px;color:var(--mute)}.mf-confirmed{font-size:12.5px;color:var(--ok);font-weight:600}.mf-tag{display:inline-block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;border-radius:20px;padding:2px 8px}.mf-tag.good{background:var(--ok-bg);color:var(--ok)}.mf-tag.amber{background:var(--amber-bg);color:var(--amber)}.mf-tag.bad{background:var(--red-bg);color:var(--red)}.mf-tag.neutral{background:#eef1f6;color:var(--ink-soft)}.mf-status{border-radius:9px;padding:10px 12px;font-size:13px;margin:10px 0;cursor:pointer}.mf-status.ok{background:var(--ok-bg);color:var(--ok)}.mf-status.warn{background:var(--amber-bg);color:var(--amber)}.mf-status.err{background:var(--red-bg);color:var(--red)}.mf-slot{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);border-radius:9px;padding:10px 12px;margin-bottom:8px;cursor:pointer;background:#fff}.mf-slot.selected{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand)}.mf-msg{border:1px solid var(--line);border-radius:9px;padding:9px 11px;margin-bottom:8px;background:#fff}.mf-msg .mf-tag{margin-right:6px}.ref-link{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10.5px;word-break:break-all;margin-top:4px}.mf-note{font-size:12px;color:var(--mute);margin:8px 0 0;line-height:1.45}.mf-center{text-align:center}.mf-tabs{position:fixed;left:0;right:0;bottom:0;display:flex;background:#fffffff5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-top:1px solid var(--line);padding:6px 8px calc(6px + env(safe-area-inset-bottom));z-index:10;max-width:520px;margin:0 auto}.mf-tabs button{flex:1;padding:9px 4px;font-size:12px;font-weight:600;border:0;background:none;color:var(--mute);cursor:pointer;border-radius:8px}.mf-tabs button.on{color:var(--brand);background:var(--ok-bg)}h1,h2,h3,.mf-header h1,.mf-card h1,.mf-card h2,.mf-card h3{font-family:var(--font-display);letter-spacing:-.01em}button,a,input,select,textarea{outline-offset:2px}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}input,select,textarea{font-family:var(--font)}@media (max-width: 767px){input,select,textarea{font-size:16px!important}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.ref-link,.mf-meta{font-family:var(--font-mono)}
