:root{--bg-deep:#0a1418;--bg:#0e1b21;--surface-1:#16272f;--surface-2:#1d323b;--surface-3:#264350;--ink:#e8eef0;--ink-muted:#a9bac0;--ink-faint:#8aa0a8;--line:#2a424c;--line-strong:#4a6672;--line-control:#5f7b87;--copper:#d98b5f;--copper-hover:#e39d75;--copper-press:#c87a4f;--on-copper:#0e1b21;--copper-text:#e8a47d;--copper-wash:#33251d;--verified:#7cc4a5;--verified-text:#8fd3bd;--verified-wash:#173a33;--danger:#f09088;--danger-text:#f5a7a0;--danger-wash:#3a1f20;--warn:#e6bc62;--warn-text:#efcb80;--warn-wash:#3a2f17;--info:#86bbd4;--info-text:#9ccbe0;--info-wash:#173444;--focus:#f2b48f;--scrim:#050b0ecc;--photo-lake:#1f3b45;--photo-slate:#33404f;--photo-dusk:#4a3a33;--photo-pine:#2b4a45;--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-12:48px;--space-16:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-pill:999px;--shadow-pop:0 8px 24px #00000066, 0 2px 6px #00000040;--shadow-modal:0 24px 64px #000000a6, 0 4px 12px #00000059;--font-sans:"Schibsted Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-voice:"Newsreader", Georgia, "Times New Roman", serif;}
.display-xl{font:500 56px/58px var(--font-sans);letter-spacing:-0.02em;}
.display-l{font:500 44px/48px var(--font-sans);letter-spacing:-0.02em;}
.display-m{font:500 32px/38px var(--font-sans);letter-spacing:-0.015em;}
.title-l{font:500 24px/30px var(--font-sans);letter-spacing:-0.01em;}
.title-m{font:500 20px/26px var(--font-sans);}
.title-s{font:500 17px/24px var(--font-sans);}
.body-l{font:400 17px/26px var(--font-sans);}
.body{font:400 15px/22px var(--font-sans);}
.body-s{font:400 13px/19px var(--font-sans);}
.label{font:500 13px/16px var(--font-sans);letter-spacing:0.01em;}
.caption{font:400 12px/16px var(--font-sans);}
.voice-l{font:italic 400 24px/32px var(--font-voice);}
.voice{font:400 18px/28px var(--font-voice);}
*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--ink); font: 400 15px/22px var(--font-sans); -webkit-font-smoothing: antialiased; }
h1, h2, h3, h4, p { margin: 0; }
button, input, textarea, select { font: inherit; color: inherit; }
.bc-i { display: inline-flex; flex: none; line-height: 0; }
.bc-stack { display: flex; flex-direction: column; gap: var(--space-3); }
.bc-row { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3); }
.bc-muted { color: var(--ink-muted); }
:where(a, button, input, textarea, select, [tabindex]):focus-visible { outline: none; box-shadow: 0 0 0 2px var(--bg), 0 0 0 4px var(--focus); }

/* Button */
.bc-btn { display: inline-flex; align-items: center; justify-content: center; gap: var(--space-2); min-height: 44px; padding: 10px var(--space-5); border: 1px solid transparent; border-radius: var(--radius-pill); background: none; font: 500 15px/1.2 var(--font-sans); text-align: center; text-decoration: none; cursor: pointer; transition: background .15s, border-color .15s, color .15s; }
.bc-btn--primary { background: var(--copper); color: var(--on-copper); }
.bc-btn--primary:hover { background: var(--copper-hover); }
.bc-btn--primary:active { background: var(--copper-press); }
.bc-btn--secondary { border-color: var(--line-control); color: var(--ink); }
.bc-btn--secondary:hover { background: var(--surface-2); }
.bc-btn--ghost { color: var(--copper-text); }
.bc-btn--ghost:hover { background: var(--copper-wash); }
.bc-btn--danger { background: var(--danger-wash); color: var(--danger-text); }
.bc-btn--danger:hover { background: var(--danger); color: var(--on-copper); }
.bc-btn--sm { min-height: 36px; padding: 6px var(--space-4); font-size: 13px; }
.bc-btn--lg { min-height: 52px; padding: 14px var(--space-6); font-size: 16px; }
.bc-btn--block { display: flex; width: 100%; }
.bc-btn[disabled], .bc-btn.is-disabled { background: var(--surface-2); border-color: transparent; color: var(--ink-faint); cursor: not-allowed; }
.bc-btn.is-loading { pointer-events: none; }
.bc-btn.is-loading::before { content: ""; width: 16px; height: 16px; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; animation: bc-spin .8s linear infinite; }
.bc-icon-btn { display: inline-grid; place-items: center; width: 44px; height: 44px; border: 0; border-radius: 50%; background: var(--scrim); color: var(--ink); cursor: pointer; }
.bc-icon-btn:hover { background: var(--surface-3); }
.bc-icon-btn.is-on { color: var(--copper-text); }
@keyframes bc-spin { to { transform: rotate(360deg); } }

/* Badge */
.bc-badge { display: inline-flex; align-items: center; gap: var(--space-1); height: 24px; padding: 0 10px; border-radius: var(--radius-pill); background: var(--surface-2); color: var(--ink-muted); font: 500 12px/1 var(--font-sans); white-space: nowrap; }
.bc-badge--verified { background: var(--verified-wash); color: var(--verified-text); }
.bc-badge--role { background: var(--copper-wash); color: var(--copper-text); }
.bc-badge--info { background: var(--info-wash); color: var(--info-text); }
.bc-badge--warn { background: var(--warn-wash); color: var(--warn-text); }
.bc-badge--danger { background: var(--danger-wash); color: var(--danger-text); }
.bc-badge--on-photo { background: var(--scrim); color: var(--verified-text); }
.bc-count { display: inline-grid; place-items: center; min-width: 20px; height: 20px; padding: 0 6px; border-radius: var(--radius-pill); background: var(--copper); color: var(--on-copper); font: 600 11px/1 var(--font-sans); }
.bc-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--verified); }

/* Field */
.bc-field { display: grid; gap: 6px; }
.bc-label { font: 500 13px/16px var(--font-sans); color: var(--ink); }
.bc-help { font: 400 13px/19px var(--font-sans); color: var(--ink-muted); }
.bc-msg { display: flex; align-items: flex-start; gap: 6px; font: 400 13px/19px var(--font-sans); }
.bc-msg--error { color: var(--danger-text); }
.bc-msg--ok { color: var(--verified-text); }
.bc-input, .bc-textarea, .bc-select { width: 100%; min-height: 48px; padding: 0 14px; border: 1px solid var(--line-control); border-radius: var(--radius-md); background: var(--bg-deep); color: var(--ink); font: 400 15px/22px var(--font-sans); transition: border-color .15s; }
.bc-textarea { min-height: 96px; padding: 12px 14px; resize: vertical; }
.bc-select { appearance: none; padding-right: 40px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a9bac0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; background-size: 20px; }
.bc-input::placeholder, .bc-textarea::placeholder { color: var(--ink-faint); }
.bc-input:hover, .bc-textarea:hover, .bc-select:hover { border-color: var(--ink-faint); }
.bc-input:focus-visible, .bc-textarea:focus-visible, .bc-select:focus-visible { border-color: var(--focus); }
.bc-input.is-error, .bc-textarea.is-error { border-color: var(--danger); }
.bc-input.is-ok { border-color: var(--verified); }
.bc-input:disabled, .bc-textarea:disabled, .bc-select:disabled { background: var(--surface-1); border-color: var(--line); color: var(--ink-faint); cursor: not-allowed; }
.bc-check { display: flex; align-items: flex-start; gap: var(--space-3); font: 400 15px/22px var(--font-sans); cursor: pointer; }
.bc-check input { appearance: none; flex: none; width: 22px; height: 22px; margin: 0; border: 1.5px solid var(--line-control); border-radius: var(--radius-sm); background: var(--bg-deep); cursor: pointer; }
.bc-check input[type="radio"] { border-radius: 50%; }
.bc-check input:checked { background-color: var(--copper); border-color: var(--copper); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230e1b21' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E"); background-size: 16px; background-position: center; background-repeat: no-repeat; }
.bc-check input[type="radio"]:checked { background-image: radial-gradient(circle, var(--on-copper) 0 4px, transparent 5px); background-size: auto; }
.bc-switch { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); cursor: pointer; }
.bc-switch input { appearance: none; flex: none; position: relative; width: 46px; height: 28px; margin: 0; border: 1.5px solid var(--line-control); border-radius: var(--radius-pill); background: var(--bg-deep); cursor: pointer; transition: background .15s; }
.bc-switch input::after { content: ""; position: absolute; top: 3px; left: 3px; width: 19px; height: 19px; border-radius: 50%; background: var(--ink-muted); transition: transform .15s, background .15s; }
.bc-switch input:checked { background: var(--copper); border-color: var(--copper); }
.bc-switch input:checked::after { transform: translateX(18px); background: var(--on-copper); }

/* Card */
.bc-card { background: var(--surface-1); border: 1px solid var(--line); border-radius: var(--radius-lg); padding: var(--space-5); }

/* Photo (placeholder tones until real photography) */
.bc-photo { position: relative; overflow: hidden; aspect-ratio: 4 / 5; background: var(--photo-lake); }
.bc-photo::before, .bc-photo::after { content: ""; position: absolute; left: 50%; background: #e8eef01f; transform: translateX(-50%); }
.bc-photo::before { top: 24%; width: 30%; aspect-ratio: 1; border-radius: 50%; }
.bc-photo::after { bottom: -14%; width: 74%; height: 46%; border-radius: 50% 50% 0 0; }
.bc-photo--slate { background: var(--photo-slate); }
.bc-photo--dusk { background: var(--photo-dusk); }
.bc-photo--pine { background: var(--photo-pine); }
.bc-photo--round { aspect-ratio: 1; border-radius: 50%; }
.bc-photo--sq { aspect-ratio: 1; border-radius: var(--radius-md); }
.bc-photo--private::before, .bc-photo--private::after { display: none; }
.bc-photo__lock { position: absolute; inset: 0; display: grid; place-items: center; align-content: center; gap: 6px; color: var(--ink-muted); font: 500 12px/16px var(--font-sans); text-align: center; }
.bc-photo__tag { position: absolute; top: var(--space-2); left: var(--space-2); z-index: 1; }
.bc-photo__fav { position: absolute; top: var(--space-2); right: var(--space-2); z-index: 1; }
.bc-av { width: 40px; height: 40px; } .bc-av--lg { width: 64px; height: 64px; } .bc-av--sm { width: 32px; height: 32px; }

/* ProfileCard */
.bc-pcard { display: flex; flex-direction: column; overflow: hidden; background: var(--surface-1); border: 1px solid var(--line); border-radius: var(--radius-lg); }
.bc-pcard__body { display: grid; gap: var(--space-2); padding: var(--space-4); }
.bc-pcard__name { font: 500 17px/24px var(--font-sans); }
.bc-pcard__meta { font: 400 13px/19px var(--font-sans); color: var(--ink-muted); }
.bc-pcard__seek { font: 400 13px/19px var(--font-sans); color: var(--ink-muted); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.bc-pcard__seek b { color: var(--ink); font-weight: 500; }
.bc-prow { display: grid; grid-template-columns: 88px 1fr auto; align-items: center; gap: var(--space-4); padding: var(--space-3) var(--space-4) var(--space-3) var(--space-3); background: var(--surface-1); border: 1px solid var(--line); border-radius: var(--radius-lg); }
.bc-prow .bc-photo { border-radius: var(--radius-md); }

/* ContactRequest */
.bc-quote { font: 400 18px/28px var(--font-voice); color: var(--ink); }
.bc-status { display: inline-flex; align-items: center; gap: 6px; font: 500 13px/16px var(--font-sans); }
.bc-status--pending { color: var(--warn-text); } .bc-status--accepted { color: var(--verified-text); } .bc-status--declined { color: var(--ink-muted); }
.bc-steps { display: flex; align-items: center; gap: var(--space-2); font: 500 12px/16px var(--font-sans); color: var(--ink-faint); }
.bc-steps__dot { width: 10px; height: 10px; border-radius: 50%; border: 1.5px solid var(--line-control); }
.bc-steps__dot.is-done { background: var(--verified); border-color: var(--verified); }
.bc-steps__dot.is-now { border-color: var(--warn); background: var(--warn); }
.bc-steps__bar { flex: 1; height: 1.5px; background: var(--line-strong); min-width: 16px; }
.bc-steps .is-on { color: var(--ink); }

/* Conversation */
.bc-thread { display: flex; flex-direction: column; gap: var(--space-2); }
.bc-bubble { max-width: 78%; padding: 10px 14px; border-radius: 18px 18px 18px 6px; background: var(--surface-2); font: 400 15px/22px var(--font-sans); align-self: flex-start; }
.bc-bubble--me { align-self: flex-end; border-radius: 18px 18px 6px 18px; background: var(--copper-wash); }
.bc-time { font: 400 12px/16px var(--font-sans); color: var(--ink-faint); margin: 2px var(--space-2) var(--space-2); }
.bc-time--me { align-self: flex-end; }
.bc-system { align-self: center; padding: 6px 14px; border-radius: var(--radius-pill); background: var(--surface-1); color: var(--ink-muted); font: 400 13px/19px var(--font-sans); text-align: center; }
.bc-composer { display: flex; align-items: center; gap: var(--space-2); padding: var(--space-2); border: 1px solid var(--line-control); border-radius: var(--radius-pill); background: var(--bg-deep); }
.bc-composer input { flex: 1; min-width: 0; border: 0; background: none; padding: 0 var(--space-3); outline: none; }
.bc-composer input::placeholder { color: var(--ink-faint); }
.bc-composer .bc-btn { width: 40px; min-height: 40px; padding: 0; }

/* Nav */
.bc-brand { display: inline-flex; align-items: center; gap: 10px; color: var(--ink); text-decoration: none; font: 500 19px/1 var(--font-sans); letter-spacing: -0.01em; }
.bc-brand .bc-i { color: var(--copper-text); }
.bc-topbar { display: flex; align-items: center; gap: var(--space-8); height: 64px; padding: 0 var(--space-6); background: var(--bg-deep); border-bottom: 1px solid var(--line); }
.bc-topbar__links { display: flex; gap: var(--space-1); flex: 1; }
.bc-topbar__link { position: relative; display: inline-flex; align-items: center; gap: var(--space-2); padding: 8px 14px; border-radius: var(--radius-pill); color: var(--ink-muted); font: 500 14px/1 var(--font-sans); text-decoration: none; }
.bc-topbar__link:hover { background: var(--surface-2); color: var(--ink); }
.bc-topbar__link[aria-current="page"] { background: var(--surface-2); color: var(--ink); }
.bc-tabbar { display: grid; grid-template-columns: repeat(5, 1fr); padding: var(--space-2) var(--space-2) calc(var(--space-2) + env(safe-area-inset-bottom, 0px)); background: var(--bg-deep); border-top: 1px solid var(--line); }
.bc-tab { position: relative; display: grid; justify-items: center; gap: 3px; padding: 6px 2px; border-radius: var(--radius-md); color: var(--ink-muted); font: 500 11px/14px var(--font-sans); text-decoration: none; }
.bc-tab[aria-current="page"] { color: var(--copper-text); }
.bc-tab[aria-current="page"]::before { content: ""; position: absolute; top: -9px; width: 24px; height: 3px; border-radius: 0 0 3px 3px; background: var(--copper); }
.bc-tab .bc-count { position: absolute; top: 0; left: calc(50% + 6px); }

/* Modal */
.bc-scrim { display: grid; place-items: center; padding: var(--space-6); background: var(--scrim); min-height: 100%; }
.bc-modal { width: 100%; max-width: 440px; padding: var(--space-6); background: var(--surface-2); border-radius: var(--radius-xl); box-shadow: var(--shadow-modal); display: grid; gap: var(--space-4); }
.bc-modal__head { display: flex; justify-content: space-between; align-items: flex-start; gap: var(--space-4); }
.bc-modal__foot { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: var(--space-2); }
.bc-sheet { width: 100%; max-width: 440px; padding: var(--space-3) var(--space-5) var(--space-6); background: var(--surface-2); border-radius: var(--radius-xl) var(--radius-xl) 0 0; box-shadow: var(--shadow-modal); display: grid; gap: var(--space-4); }
.bc-sheet__grab { width: 40px; height: 4px; margin: 0 auto var(--space-1); border-radius: 4px; background: var(--line-control); }
.bc-choice { display: flex; align-items: center; gap: var(--space-3); padding: var(--space-3) var(--space-4); border: 1px solid var(--line-control); border-radius: var(--radius-md); background: var(--bg-deep); cursor: pointer; }
.bc-choice:has(input:checked) { border-color: var(--copper); background: var(--copper-wash); }

/* Notice */
.bc-toast { display: flex; align-items: center; gap: var(--space-3); width: fit-content; max-width: 100%; padding: 12px var(--space-4); background: var(--surface-3); border-radius: var(--radius-md); box-shadow: var(--shadow-pop); font: 400 14px/20px var(--font-sans); }
.bc-toast .bc-i { color: var(--verified); }
.bc-toast button { border: 0; background: none; color: var(--copper-text); font: 500 14px/20px var(--font-sans); cursor: pointer; padding: 0 0 0 var(--space-2); }
.bc-banner { display: flex; align-items: flex-start; gap: var(--space-3); padding: var(--space-3) var(--space-4); border-radius: var(--radius-md); font: 400 14px/20px var(--font-sans); }
.bc-banner--info { background: var(--info-wash); color: var(--info-text); }
.bc-banner--ok { background: var(--verified-wash); color: var(--verified-text); }
.bc-banner--warn { background: var(--warn-wash); color: var(--warn-text); }
.bc-banner--danger { background: var(--danger-wash); color: var(--danger-text); }
.bc-banner b { font-weight: 500; }

/* EmptyState */
.bc-empty { display: grid; justify-items: center; gap: var(--space-3); max-width: 360px; margin: 0 auto; padding: var(--space-10) var(--space-4); text-align: center; }
.bc-empty__icon { display: grid; place-items: center; width: 64px; height: 64px; margin-bottom: var(--space-1); border-radius: 50%; background: var(--surface-2); color: var(--copper-text); }
.bc-empty h3 { font: 500 20px/26px var(--font-sans); }
.bc-empty p { color: var(--ink-muted); }

/* Skeleton */
.bc-skel { background: var(--surface-2); border-radius: var(--radius-sm); animation: bc-pulse 1.4s ease-in-out infinite; }
.bc-skel--line { height: 12px; } .bc-skel--title { height: 18px; width: 60%; } .bc-skel--pill { height: 24px; width: 72px; border-radius: var(--radius-pill); }
@keyframes bc-pulse { 50% { opacity: .5; } }

/* Segmented, chips, tabs */
.bc-seg { display: inline-flex; padding: 3px; border: 1px solid var(--line-control); border-radius: var(--radius-pill); background: var(--bg-deep); }
.bc-seg button { display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 0 var(--space-4); border: 0; border-radius: var(--radius-pill); background: none; color: var(--ink-muted); font: 500 14px/1 var(--font-sans); cursor: pointer; }
.bc-seg button[aria-pressed="true"] { background: var(--surface-3); color: var(--ink); }
.bc-chips { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.bc-chip { display: inline-flex; align-items: center; gap: 6px; min-height: 40px; padding: 0 var(--space-4); border: 1px solid var(--line-control); border-radius: var(--radius-pill); background: none; color: var(--ink); font: 500 14px/1 var(--font-sans); cursor: pointer; }
.bc-chip:hover { background: var(--surface-2); }
.bc-chip[aria-pressed="true"] { background: var(--copper-wash); border-color: var(--copper); color: var(--copper-text); }
.bc-tabs { display: flex; gap: var(--space-6); border-bottom: 1px solid var(--line-strong); overflow-x: auto; }
.bc-tabs button { padding: 12px 0; border: 0; border-bottom: 2px solid transparent; margin-bottom: -1px; background: none; color: var(--ink-muted); font: 500 15px/1 var(--font-sans); white-space: nowrap; cursor: pointer; }
.bc-tabs button[aria-selected="true"] { color: var(--ink); border-bottom-color: var(--copper); }

/* Referral */
.bc-linkbox { display: flex; align-items: center; gap: var(--space-2); padding: 6px 6px 6px var(--space-4); border: 1px solid var(--line-control); border-radius: var(--radius-pill); background: var(--bg-deep); }
.bc-linkbox > span { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 500 14px/20px var(--font-sans); color: var(--ink); }
.bc-progress { height: 6px; border-radius: 6px; background: var(--surface-2); overflow: hidden; }
.bc-progress > i { display: block; height: 100%; border-radius: 6px; background: var(--copper); }
.bc-invite { display: flex; align-items: center; gap: var(--space-3); padding: var(--space-3) 0; border-bottom: 1px solid var(--line); }
.bc-invite__icon { display: grid; place-items: center; flex: none; width: 40px; height: 40px; border-radius: 50%; background: var(--surface-2); color: var(--copper-text); }

@media (prefers-reduced-motion: reduce) { .bc-skel, .bc-btn.is-loading::before { animation: none; } * { transition: none !important; } }

.ic{display:inline-block;flex:none;width:20px;height:20px;background:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}
.ic-check{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")}
.ic-heart{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z'/%3E%3C/svg%3E")}
.ic-search{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E")}
.ic-message{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'/%3E%3C/svg%3E")}
.ic-user{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E")}
.ic-users{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E")}
.ic-home{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpath d='M9 22V12h6v10'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpath d='M9 22V12h6v10'/%3E%3C/svg%3E")}
.ic-bell{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9'/%3E%3Cpath d='M10.3 21a1.94 1.94 0 0 0 3.4 0'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9'/%3E%3Cpath d='M10.3 21a1.94 1.94 0 0 0 3.4 0'/%3E%3C/svg%3E")}
.ic-shield{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E")}
.ic-x{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E")}
.ic-plus{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M12 5v14'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M12 5v14'/%3E%3C/svg%3E")}
.ic-flag{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z'/%3E%3Cpath d='M4 22v-7'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z'/%3E%3Cpath d='M4 22v-7'/%3E%3C/svg%3E")}
.ic-ban{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m4.9 4.9 14.2 14.2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m4.9 4.9 14.2 14.2'/%3E%3C/svg%3E")}
.ic-eyeoff{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.88 9.88a3 3 0 1 0 4.24 4.24'/%3E%3Cpath d='M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68'/%3E%3Cpath d='M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61'/%3E%3Cpath d='m2 2 20 20'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.88 9.88a3 3 0 1 0 4.24 4.24'/%3E%3Cpath d='M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68'/%3E%3Cpath d='M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61'/%3E%3Cpath d='m2 2 20 20'/%3E%3C/svg%3E")}
.ic-lock{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='11' rx='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='11' rx='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E")}
.ic-pin{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E")}
.ic-calendar{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E")}
.ic-sliders{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 21v-7M4 10V3M12 21v-9M12 8V3M20 21v-5M20 12V3M1 14h6M9 8h6M17 16h6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 21v-7M4 10V3M12 21v-9M12 8V3M20 21v-5M20 12V3M1 14h6M9 8h6M17 16h6'/%3E%3C/svg%3E")}
.ic-chevron{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E")}
.ic-down{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}
.ic-send{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m22 2-7 20-4-9-9-4Z'/%3E%3Cpath d='M22 2 11 13'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m22 2-7 20-4-9-9-4Z'/%3E%3Cpath d='M22 2 11 13'/%3E%3C/svg%3E")}
.ic-grid{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7' rx='1'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7' rx='1'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1'/%3E%3C/svg%3E")}
.ic-list{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 6h13M8 12h13M8 18h13M3 6h.01M3 12h.01M3 18h.01'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 6h13M8 12h13M8 18h13M3 6h.01M3 12h.01M3 18h.01'/%3E%3C/svg%3E")}
.ic-info{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4M12 8h.01'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4M12 8h.01'/%3E%3C/svg%3E")}
.ic-alert{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3'/%3E%3Cpath d='M12 9v4M12 17h.01'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3'/%3E%3Cpath d='M12 9v4M12 17h.01'/%3E%3C/svg%3E")}
.ic-phone{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E")}
.ic-image{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Ccircle cx='9' cy='9' r='2'/%3E%3Cpath d='m21 15-3.09-3.09a2 2 0 0 0-2.82 0L6 21'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Ccircle cx='9' cy='9' r='2'/%3E%3Cpath d='m21 15-3.09-3.09a2 2 0 0 0-2.82 0L6 21'/%3E%3C/svg%3E")}
.ic-more{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='1'/%3E%3Ccircle cx='19' cy='12' r='1'/%3E%3Ccircle cx='5' cy='12' r='1'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='1'/%3E%3Ccircle cx='19' cy='12' r='1'/%3E%3Ccircle cx='5' cy='12' r='1'/%3E%3C/svg%3E")}
.ic-mail{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E")}
.ic-link{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='12' r='6'/%3E%3Ccircle cx='15' cy='12' r='6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='12' r='6'/%3E%3Ccircle cx='15' cy='12' r='6'/%3E%3C/svg%3E")}

.scr{position:relative;overflow:hidden;background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-size:15px;line-height:22px}
.scr h1,.scr h2,.scr h3,.scr h4,.scr p{margin:0}
.scr a{color:inherit}
.bc-photo--fill{aspect-ratio:auto;width:100%;height:100%}
.rule{height:1px;background:var(--line);border:0;margin:0}
/* Mise en page du site (s'ajoute au design system « bc »). app.css = bc.css + ce fichier. */
html { background: var(--bg); color-scheme: dark; -webkit-text-size-adjust: 100%; }
body.app { margin: 0; min-height: 100vh; display: flex; flex-direction: column; background: var(--bg); color: var(--ink); font: 400 15px/22px var(--font-sans); -webkit-font-smoothing: antialiased; }
body.has-tabbar { padding-bottom: calc(72px + env(safe-area-inset-bottom, 0px)); }
a { color: var(--copper-text); text-underline-offset: 3px; }
a:hover { color: var(--ink); }
h1, h2, h3, h4, p { margin: 0; }
hr { border: 0; border-top: 1px solid var(--line); margin: var(--space-6) 0; }
img { max-width: 100%; }

.skip { position: absolute; left: -999px; top: 0; background: var(--copper); color: var(--on-copper); padding: .6rem 1rem; z-index: 100; }
.skip:focus { left: 0; }

.container { width: 100%; max-width: 1120px; margin: 0 auto; padding: 0 var(--space-4); }
.container-narrow { max-width: 760px; }
.container-form { max-width: 460px; }
main.page { flex: 1; padding-block: var(--space-6) var(--space-12); }
.page-title { font: 500 28px/34px var(--font-sans); letter-spacing: -.01em; margin-bottom: var(--space-2); }
.page-lead { color: var(--ink-muted); margin-bottom: var(--space-6); max-width: 60ch; }

.site-header { position: sticky; top: 0; z-index: 30; background: var(--bg-deep); border-bottom: 1px solid var(--line); }
.site-header__inner { display: flex; align-items: center; gap: var(--space-4); min-height: 60px; }
.site-nav { display: none; }
.site-actions { margin-left: auto; display: flex; align-items: center; gap: var(--space-3); }
.site-actions__me { display: none; color: var(--ink); text-decoration: none; font-weight: 500; max-width: 12ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.langs { position: relative; }
.langs summary { list-style: none; cursor: pointer; display: inline-flex; align-items: center; gap: 4px; color: var(--ink); font: 600 12px/1 var(--font-sans); letter-spacing: .04em; padding: 8px 8px; border: 1px solid var(--line, var(--surface-2)); border-radius: 8px; }
.langs summary::-webkit-details-marker { display: none; }
.langs__list { position: absolute; right: 0; top: calc(100% + 4px); z-index: 50; display: flex; flex-direction: column; min-width: 64px; background: var(--surface, #16272f); border: 1px solid var(--line, var(--surface-2)); border-radius: 10px; padding: 4px; box-shadow: 0 8px 24px rgba(0,0,0,.35); }
.langs__list a { color: var(--ink-muted); text-decoration: none; font: 600 12px/1 var(--font-sans); letter-spacing: .04em; padding: 10px 12px; border-radius: 6px; }
.langs__list a:hover { color: var(--ink); background: var(--surface-2); }
.langs__list a[aria-current] { color: var(--ink); background: var(--surface-2); }
.icon-link { position: relative; display: inline-grid; place-items: center; width: 40px; height: 40px; color: var(--ink); border-radius: 50%; text-decoration: none; }
.icon-link:hover { background: var(--surface-2); }
.icon-link__count { position: absolute; top: 0; right: 0; }
.hide-sm { display: none; }
.tabbar-fixed { position: fixed; left: 0; right: 0; bottom: 0; z-index: 40; }

.flashes { display: grid; gap: var(--space-2); margin-top: var(--space-4); }

.site-footer { border-top: 1px solid var(--line); padding: var(--space-6) 0 calc(var(--space-6) + 8px); color: var(--ink-muted); font-size: 13px; }
.site-footer__inner { display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--space-3) var(--space-6); }
.site-footer__links { display: flex; flex-wrap: wrap; gap: var(--space-4); }
.site-footer a { color: var(--ink-muted); }

.bare__main { flex: 1; width: 100%; max-width: 460px; margin: 0 auto; padding: var(--space-8) var(--space-4); display: grid; gap: var(--space-4); align-content: start; }
.bare__brand { justify-self: start; }
.bare__card { display: grid; gap: var(--space-3); }

/* utilitaires */
.stack { display: grid; gap: var(--space-4); }
.stack-sm { display: grid; gap: var(--space-2); }
.stack-lg { display: grid; gap: var(--space-8); }
.row-wrap { display: flex; flex-wrap: wrap; gap: var(--space-3); align-items: center; }
.between { display: flex; justify-content: space-between; align-items: center; gap: var(--space-3); flex-wrap: wrap; }
.muted { color: var(--ink-muted); }
.faint { color: var(--ink-faint); }
.center { text-align: center; }
.right { text-align: right; }
.small { font-size: 13px; line-height: 19px; }
.nowrap { white-space: nowrap; }
.grow { flex: 1; min-width: 0; }
.section-title { font: 500 20px/26px var(--font-sans); margin-bottom: var(--space-3); }
.label-caps { font: 500 12px/16px var(--font-sans); letter-spacing: .1em; text-transform: uppercase; color: var(--ink-muted); }

.form { display: grid; gap: var(--space-4); }
.form-actions { display: flex; flex-wrap: wrap; gap: var(--space-3); align-items: center; }
.form-2col { display: grid; gap: var(--space-4); }

.cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3); }
.list { display: grid; gap: var(--space-3); }
.pager { display: flex; justify-content: center; align-items: center; gap: var(--space-3); margin-top: var(--space-8); }

/* photos réelles dans le cadre « bc-photo » */
.bc-photo.has-img::before, .bc-photo.has-img::after { display: none; }
.bc-photo > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.bc-photo__tag, .bc-photo__fav { z-index: 2; }

/* tableaux */
.table-wrap { overflow-x: auto; }
table.table { width: 100%; border-collapse: collapse; }
table.table th, table.table td { text-align: left; padding: 10px 12px; border-bottom: 1px solid var(--line); vertical-align: top; }
table.table th { font: 500 12px/16px var(--font-sans); color: var(--ink-muted); letter-spacing: .06em; text-transform: uppercase; white-space: nowrap; }

@media (min-width: 768px) {
  .container { padding: 0 var(--space-6); }
  .site-nav { display: flex; gap: 4px; flex: 1; margin-left: var(--space-6); }
  .hide-sm { display: inline-flex; }
  body.has-tabbar { padding-bottom: 0; }
  .tabbar-fixed { display: none; }
  .cards { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-4); }
  .form-2col { grid-template-columns: 1fr 1fr; }
  .page-title { font-size: 34px; line-height: 40px; }
}
@media (min-width: 1100px) {
  .cards { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

.beta-btn { display: inline-flex; align-items: center; gap: 6px; min-height: 32px; padding: 0 10px; border: 1px solid var(--copper); border-radius: var(--radius-pill); color: var(--copper-text, var(--copper)); font: 600 12px/1 var(--font-sans); text-decoration: none; white-space: nowrap; }
.beta-btn:hover { background: var(--copper-wash, transparent); }
.badge-shield { display: none; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: var(--verified-wash); color: var(--verified-text); }
@media (min-width: 768px) {
  .site-actions__me { display: inline-block; }
  .badge-shield { display: inline-grid; }
}
.bill-bank { display: grid; grid-template-columns: max-content 1fr; gap: 8px 16px; margin: 0; }
.bill-bank dt { color: var(--ink-muted); }
.bill-bank dd { margin: 0; overflow-wrap: anywhere; }