:root{--surface: #FFFFFF;--surface-sunken: #F1F5F9;--card: #FFFFFF;--sand: #F3F4F6;--line: #E5E7EB;--line-strong: #D1D5DB;--ink: #111827;--ink-2: #374151;--ink-3: #6B7280;--ink-4: #9CA3AF;--accent: #2563EB;--accent-press: #1D4ED8;--accent-soft: #EFF6FF;--accent-ink: #1D4ED8;--focus: #2563EB;--sev-1: #FCA5A5;--sev-2: #F87171;--sev-3: #DC2626;--sev-4: #7F1D1D;--sev-1-ink: #B91C1C;--sev-2-ink: #B91C1C;--sev-3-ink: #991B1B;--sev-4-ink: #7F1D1D;--r-sm: 8px;--r-md: 12px;--r-lg: 18px;--r-xl: 26px;--r-pill: 999px;--sh-1: 0 1px 2px rgba(17,24,39,.06), 0 1px 3px rgba(17,24,39,.04);--sh-2: 0 2px 8px rgba(17,24,39,.07), 0 8px 24px rgba(17,24,39,.06);--sh-3: 0 8px 28px rgba(17,24,39,.12), 0 24px 60px rgba(17,24,39,.1);--sh-pop: 0 12px 40px rgba(17,24,39,.18);--font: "Hanken Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif}.mend{font-family:var(--font);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;box-sizing:border-box}.mend *,.mend *:before,.mend *:after{box-sizing:border-box}.mend button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}@keyframes mtoast{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.m-pill{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 16px;border-radius:var(--r-pill);background:var(--card);border:1.5px solid var(--line);font-size:14.5px;font-weight:600;color:var(--ink-2);white-space:nowrap;transition:all .15s ease}.m-pill:hover{border-color:var(--line-strong);color:var(--ink)}.m-pill:disabled{opacity:.5;cursor:default}.m-pill.is-active{border-color:var(--accent);color:var(--accent-ink);background:var(--accent-soft)}.m-pill.is-primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 1px 2px #2563eb4d,0 6px 16px #2563eb2e}.m-pill.is-ghost{background:transparent;border-color:transparent}.m-pill.is-ghost:hover{background:var(--sand)}.m-iconbtn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--r-md);background:var(--card);border:1.5px solid var(--line);color:var(--ink-2);transition:all .15s ease}.m-iconbtn:hover{border-color:var(--line-strong);color:var(--ink);background:var(--sand)}.m-label{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.m-h1{font-size:30px;font-weight:800;letter-spacing:-.02em;line-height:1.05}.m-sub{font-size:16px;color:var(--ink-2);line-height:1.4}.m-card{background:var(--card);border-radius:var(--r-lg);border:1px solid var(--line);box-shadow:var(--sh-1)}.m-seg{display:inline-flex;background:var(--sand);border-radius:var(--r-pill);padding:4px;gap:2px}.m-seg button{height:34px;padding:0 16px;border-radius:var(--r-pill);font-size:14px;font-weight:600;color:var(--ink-2);transition:all .15s;display:inline-flex;align-items:center;gap:6px}.m-seg button.is-active{background:var(--card);color:var(--ink);box-shadow:var(--sh-1)}
