/* ============================================================
   WECKET — App Dark Premium Theme
   Deep-black base · professional white accent · no decorative color.
   Every selector kept identical so app JS continues to work unchanged.
   ============================================================ */

/* ---------- Material Symbols base ---------- */
.material-symbols-rounded {
    font-family: 'Material Symbols Rounded';
    font-weight: normal;
    font-style: normal;
    font-size: 20px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
}
.material-symbols-rounded.filled { font-variation-settings: 'FILL' 1; }

/* ---------- Reset & base ---------- */
* { margin: 0; padding: 0; box-sizing: border-box; -webkit-tap-highlight-color: transparent; }

.post-content, .msg-text, .pm-bio-text, .comment-text, .pm-about-text,
.comm-header-body, .comm-card-body, .create-post-placeholder {
    overflow-wrap: break-word; word-break: break-word;
}

h1, h2, h3, .section-title, .btn, .nav-tab, .bottom-nav-item,
.modal-card h2, .pm-full-name, .pm-btn, .auth-tab, .contact-name, .post-author {
    font-family: 'Comfortaa', cursive; font-weight: 700;
}

:root {
    /* Base */
    --black: #0A0A0B;
    --black-2: #101013;
    --surface: #16161A;
    --surface-2: #1C1C22;
    --surface-3: #23232B;

    /* Professional white accent */
    --accent: #FFFFFF;
    --accent-hover: #F4F4F5;
    --accent-soft: rgba(255, 255, 255, 0.08);
    --accent-line: rgba(255, 255, 255, 0.16);

    /* Text */
    --text-primary: #F5F5F4;
    --text-secondary: #A1A1AA;
    --text-muted: #71717A;

    /* Surfaces that used to be "white" */
    --white: #16161A;
    --bg-page: #0A0A0B;
    --border-light: rgba(255, 255, 255, 0.06);
    --border-strong: rgba(255, 255, 255, 0.12);

    /* Backwards-compatible aliases -- JS and inline styles reference these names,
       so they still resolve. They now point to the professional white accent. */
    --indigo: #FFFFFF;
    --indigo-light: #F4F4F5;
    --indigo-dark: #D4D4D8;

    /* Legacy gold names -- kept as aliases so nothing that still references
       them breaks during the transition. All resolve to white. */
    --gold: #FFFFFF;
    --gold-bright: #FFFFFF;
    --gold-soft: rgba(255, 255, 255, 0.08);
    --gold-line: rgba(255, 255, 255, 0.16);

    /* Semantic */
    --success: #10B981;
    --error: #F43F5E;
    --online: #34D399;
    --offline: #6B7280;
    --verified: #38BDF8;

    /* Shadows */
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.35);
    --shadow-md: 0 8px 22px rgba(0, 0, 0, 0.45);
    --shadow-lg: 0 20px 50px rgba(0, 0, 0, 0.55);
}

body {
    font-family: 'Inter', -apple-system, "Segoe UI", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
    background: var(--black);
    color: var(--text-primary);
    min-height: 100vh;
    -webkit-font-smoothing: antialiased;
    background-image:
        radial-gradient(1200px 700px at 50% -20%, rgba(255, 255, 255, 0.03), transparent 60%),
        radial-gradient(900px 600px at 100% 10%, rgba(255, 255, 255, 0.015), transparent 55%);
    background-attachment: fixed;
}

/* ---------- Boot screen ---------- */
#bootScreen { position: fixed; inset: 0; z-index: 99999; background: var(--black); display: flex; align-items: center; justify-content: center; transition: opacity 0.5s ease, visibility 0.5s ease; }
#bootScreen.hide { opacity: 0; visibility: hidden; pointer-events: none; }
.boot-logo-wrap { position: relative; display: inline-block; }
.boot-logo-text { font-family: 'Comfortaa', cursive; font-size: 44px; font-weight: 800; color: var(--text-primary); letter-spacing: -1px; animation: bootPulse 1.8s ease-in-out infinite; display: inline-block; }
.boot-logo-dot { position: absolute; width: 11px; height: 11px; border-radius: 50%; background: var(--accent); top: -6px; right: -16px; animation: bootBlink 1.1s ease-in-out infinite; }
@keyframes bootBlink { 0%, 100% { opacity: 1; } 50% { opacity: 0.15; } }
@keyframes bootPulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.75; } }

/* ---------- Auth ---------- */
#authContainer { min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 20px; background: var(--black); }
.auth-card { background: linear-gradient(160deg, var(--surface) 0%, var(--black-2) 100%); border-radius: 24px; padding: 36px 32px; width: 100%; max-width: 440px; border: 1px solid var(--border-light); box-shadow: var(--shadow-lg); }
.logo { font-family: 'Comfortaa', cursive; font-size: 40px; font-weight: 800; text-align: center; color: var(--text-primary); margin-bottom: 28px; letter-spacing: -0.5px; position: relative; display: inline-block; width: 100%; }
.logo-dot { display: inline-block; width: 9px; height: 9px; border-radius: 50%; background: var(--accent); margin-left: 2px; position: relative; top: -18px; }
.auth-tabs { display: flex; gap: 8px; margin-bottom: 28px; background: var(--black-2); border-radius: 50px; padding: 4px; border: 1px solid var(--border-light); }
.auth-tab { flex: 1; text-align: center; padding: 10px; cursor: pointer; border-radius: 40px; font-weight: 600; font-size: 14px; color: var(--text-secondary); transition: all 0.2s; }
.auth-tab.active { background: var(--accent); color: #0A0A0B; }
.auth-form { display: none; }
.auth-form.active { display: block; }
.form-group { margin-bottom: 16px; }
.form-group input, .form-group textarea, .form-group select { width: 100%; padding: 12px 14px; background: var(--black-2); border: 1px solid var(--border-light); border-radius: 12px; font-size: 14px; font-family: 'Inter', sans-serif; color: var(--text-primary); transition: border-color .15s, box-shadow .15s; }
.form-group input::placeholder, .form-group textarea::placeholder { color: var(--text-muted); }
.form-group input:focus, .form-group textarea:focus, .form-group select:focus { outline: none; border-color: var(--accent-line); box-shadow: 0 0 0 3px rgba(255,255,255,0.06); }
.btn { width: 100%; padding: 12px; background: var(--accent); color: #0A0A0B; border: none; border-radius: 40px; font-weight: 700; font-size: 15px; cursor: pointer; transition: transform .15s, filter .15s; }
.btn:hover { transform: translateY(-1px); filter: brightness(0.96); }
.btn-secondary { background: transparent; border: 1.5px solid var(--border-strong); color: var(--text-primary); }
.btn-secondary:hover { background: rgba(255,255,255,0.04); color: var(--text-primary); }
.btn-danger { background: var(--error); color: #fff; }
.btn-danger:hover { filter: brightness(0.92); }

/* ---------- App shell ---------- */
#appContainer { display: none; min-height: 100vh; background: transparent; }

/* ---------- Top nav ---------- */
.top-nav {
    background: rgba(10, 10, 11, 0.82);
    backdrop-filter: saturate(180%) blur(18px);
    -webkit-backdrop-filter: saturate(180%) blur(18px);
    border-bottom: 1px solid var(--border-light);
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 56px;
    position: sticky;
    top: 0;
    z-index: 1000;
}

/* The wordmark's wrapper div -- pin it to its natural width so it never
   squeezes the tab strip. */
.top-nav > div:first-child {
    flex: 0 0 auto;
    min-width: 0;
}

.nav-brand {
    font-family: 'Comfortaa', cursive;
    font-size: 21px;
    font-weight: 800;
    color: var(--text-primary);
    letter-spacing: -0.3px;
    flex: 0 0 auto;
    position: relative;
    padding-right: 8px;
    /* No background, no z-index -- the wordmark and tabs are siblings and
       should never need to overlap. */
}

.nav-brand .logo-dot { width: 6px; height: 6px; top: -12px; }

.nav-center {
    display: flex;
    gap: 2px;
    flex: 1 1 auto;
    justify-content: center;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    min-width: 0;
    margin: 0 12px;
}
.nav-center::-webkit-scrollbar { display: none; }

.nav-tab {
    padding: 8px 18px;
    cursor: pointer;
    border-radius: 20px;
    font-weight: 500;
    font-size: 13px;
    color: var(--text-secondary);
    display: flex;
    align-items: center;
    gap: 6px;
    transition: all 0.2s;
    white-space: nowrap;
    flex-shrink: 0;
}
.nav-tab i { font-size: 14px; }
.nav-tab .material-symbols-rounded { font-size: 15px; }
.bottom-nav-item .material-symbols-rounded { font-size: 19px; }
.attach-menu-icon .material-symbols-rounded { font-size: 17px; }

.nav-tab.active {
    background: rgba(255, 255, 255, 0.08);
    color: var(--text-primary);
    font-weight: 600;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.06);
}
.nav-tab:hover:not(.active) {
    background: rgba(255,255,255,0.04);
    color: var(--text-primary);
}

.nav-right { display: flex; align-items: center; gap: 10px; flex: 0 0 auto; }

.nav-user {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
    color: var(--text-primary);
}

.nav-avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    background: linear-gradient(135deg, var(--accent), #6B6B72);
    display: flex;
    align-items: center;
    justify-content: center;
}
.nav-avatar img { width: 100%; height: 100%; object-fit: cover; }

.online-dot {
    position: absolute;
    bottom: 1px;
    right: 1px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--online);
    border: 2px solid var(--black);
}
.offline-dot {
    position: absolute;
    bottom: 1px;
    right: 1px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--offline);
    border: 2px solid var(--black);
}

.notification-badge { position: relative; color: var(--text-secondary); }
.notification-dot {
    position: absolute;
    top: -5px;
    right: -8px;
    background: var(--error);
    color: #fff;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    font-size: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}

.notif-dropdown {
    position: absolute;
    top: 32px;
    right: -10px;
    width: 280px;
    background: var(--surface);
    border-radius: 14px;
    box-shadow: var(--shadow-lg);
    border: 1px solid var(--border-light);
    z-index: 2600;
    display: none;
    overflow: hidden;
}
.notif-dropdown.show { display: block; animation: notifSlideIn 0.2s ease; }
@keyframes notifSlideIn {
    from { opacity: 0; transform: translateY(-6px); }
    to { opacity: 1; transform: translateY(0); }
}
.notif-drop-item { display: flex; align-items: center; gap: 10px; padding: 10px 12px; cursor: pointer; transition: background 0.15s; }
.notif-drop-item:hover { background: rgba(255,255,255,0.04); }
.notif-drop-item img { width: 34px; height: 34px; border-radius: 50%; object-fit: cover; flex-shrink: 0; }
.notif-drop-item-text { font-size: 12px; line-height: 1.4; color: var(--text-secondary); }
.notif-drop-item-text strong { font-weight: 700; color: var(--text-primary); }

.menu-btn { display: none; font-size: 20px; cursor: pointer; color: var(--text-primary); }
.logout-icon { cursor: pointer; color: var(--text-muted); font-size: 16px; padding: 6px; margin-left: 8px; transition: color .15s; }
.logout-icon:hover { color: var(--error); }

.nav-search { position: relative; width: 220px; }
.nav-search input {
    width: 100%;
    padding: 8px 12px 8px 34px;
    background: var(--black-2);
    border: 1px solid var(--border-light);
    border-radius: 20px;
    font-size: 13px;
    font-family: 'Inter', sans-serif;
    color: var(--text-primary);
    outline: none;
    transition: all 0.2s;
}
.nav-search input::placeholder { color: var(--text-muted); }
.nav-search input:focus {
    border-color: var(--accent-line);
    box-shadow: 0 0 0 3px rgba(255,255,255,0.06);
}
.nav-search i.fa-search {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--text-muted);
    font-size: 12px;
}

.nav-search-results {
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    background: var(--surface);
    border-radius: 14px;
    box-shadow: var(--shadow-lg);
    max-height: 320px;
    overflow-y: auto;
    display: none;
    z-index: 2500;
    border: 1px solid var(--border-light);
}
.nav-search-results.show { display: block; }
.nav-search-item {
    padding: 10px 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    transition: background 0.15s;
    color: var(--text-primary);
}
.nav-search-item:hover { background: rgba(255,255,255,0.04); }
.nav-search-item img { width: 32px; height: 32px; border-radius: 50%; object-fit: cover; }
.nav-search-empty { padding: 16px; text-align: center; color: var(--text-muted); font-size: 12px; }

/* ---------- Responsive top-nav ---------- */
@media (max-width: 768px) {
    .nav-search { position: relative; width: auto; flex: 1; margin: 0 8px; }
    .nav-search-results { left: 0; right: 0; top: 40px; }
    .top-nav { gap: 6px; padding: 0 12px; }
}
@media (max-width: 768px) {
    .nav-center {
        position: fixed;
        top: 56px;
        left: 0;
        right: 0;
        background: var(--black-2);
        flex-direction: column;
        padding: 8px;
        border-bottom: 1px solid var(--border-light);
        box-shadow: var(--shadow-lg);
        display: none;
        z-index: 999;
    }
    .nav-center.show { display: flex; }
    .nav-tab { border-radius: 8px; padding: 12px 16px; }
    .menu-btn { display: block; }
    .nav-user span { display: none; }
    .nav-user, .logout-icon { display: none; }
}

/* Medium laptops: 9 nav tabs is a lot of horizontal content. Shrink the
   wordmark and tighten margins so the tab strip fits without clipping. */
@media (min-width: 769px) and (max-width: 1300px) {
    .nav-tab { padding: 8px 12px; font-size: 12px; gap: 4px; }
    .nav-search { width: 160px; }
    .nav-brand { font-size: 18px; }
    .nav-center { margin: 0 6px; }
}

.content-section { display: none; padding: 20px; max-width: 680px; margin: 0 auto; min-height: calc(100vh - 56px); }
.content-section.active { display: block; }

.bottom-nav {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 58px;
    background: rgba(10, 10, 11, 0.92);
    backdrop-filter: saturate(180%) blur(16px);
    -webkit-backdrop-filter: saturate(180%) blur(16px);
    border-top: 1px solid var(--border-light);
    z-index: 1500;
    align-items: center;
    padding-bottom: env(safe-area-inset-bottom);
}
.bottom-nav-item {
    flex: 1;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    color: var(--text-muted);
    font-size: 10px;
    font-weight: 600;
    cursor: pointer;
    position: relative;
    transition: color 0.2s;
}
.bottom-nav-item i { font-size: 19px; }
.bottom-nav-item.active { color: var(--accent); }
.bottom-nav-item .bn-badge {
    position: absolute;
    top: 2px;
    right: calc(50% - 16px);
    background: var(--error);
    color: #fff;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    font-size: 8px;
    display: none;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}
@media (max-width: 768px) {
    .bottom-nav { display: flex; }
    .content-section { padding-bottom: 76px; }
    #profileSection { padding-bottom: 76px; }
}

/* ---------- Tiny AI widget ---------- */
.tiny-fab {
    position: fixed;
    right: 18px;
    bottom: 78px;
    width: 50px;
    height: 50px;
    background: var(--accent);
    border: none;
    color: #0A0A0B;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    cursor: pointer;
    border-radius: 50%;
    box-shadow: 0 8px 24px rgba(255, 255, 255, 0.10);
    z-index: 1400;
    transition: transform 0.15s, filter 0.15s;
}
.tiny-fab:hover { transform: scale(1.08); filter: brightness(0.94); }
.tiny-fab:active { transform: scale(0.94); }
@media (min-width: 769px) { .tiny-fab { bottom: 24px; } }

.tiny-panel {
    position: fixed;
    z-index: 4000;
    background: var(--black-2);
    display: none;
    flex-direction: column;
    overflow: hidden;
    box-shadow: var(--shadow-lg);
    border: 1px solid var(--border-light);
}
.tiny-panel.active { display: flex; animation: tinyPanelIn 0.22s cubic-bezier(.2,.8,.3,1); }
@keyframes tinyPanelIn {
    from { opacity: 0; transform: translateY(14px) scale(0.98); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}
@media (min-width: 769px) { .tiny-panel { right: 20px; bottom: 20px; width: 400px; height: 620px; border-radius: 20px; } }
@media (max-width: 768px) { .tiny-panel { inset: 0; border-radius: 0; } }

.tiny-panel-header {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px;
    background: var(--black);
    border-bottom: 1px solid var(--border-light);
    color: var(--text-primary);
    flex-shrink: 0;
    position: relative;
    z-index: 1;
}
.tiny-panel-header .tiny-avatar-badge {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: var(--accent-soft);
    border: 1px solid var(--accent-line);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: var(--accent);
}
.tiny-panel-header i.fa-brain { font-size: 15px; }
.tiny-panel-header .tiny-title-wrap { flex: 1; display: flex; flex-direction: column; line-height: 1.25; }
.tiny-panel-header .tiny-title { font-family: 'Comfortaa', cursive; font-weight: 700; font-size: 15px; }
.tiny-panel-header .tiny-subtitle { font-size: 10px; opacity: 0.8; display: flex; align-items: center; gap: 4px; color: var(--text-muted); }
.tiny-panel-header .tiny-subtitle .dot { width: 6px; height: 6px; border-radius: 50%; background: var(--accent); display: inline-block; }
.tiny-panel-header a, .tiny-panel-header .tiny-close {
    color: var(--text-secondary);
    opacity: 0.85;
    cursor: pointer;
    padding: 6px;
    font-size: 15px;
    text-decoration: none;
    border-radius: 8px;
    transition: background 0.15s, opacity 0.15s, color 0.15s;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tiny-panel-header a:hover, .tiny-panel-header .tiny-close:hover {
    opacity: 1;
    background: rgba(255,255,255,0.04);
    color: var(--text-primary);
}
.tiny-panel-body { flex: 1; position: relative; overflow: hidden; display: flex; flex-direction: column; }
.tiny-messages { flex: 1; overflow-y: auto; padding: 18px 16px; display: flex; flex-direction: column; gap: 18px; background: var(--black-2); }
.tiny-row { display: flex; gap: 10px; align-items: flex-start; width: 100%; }
.tiny-row.user { justify-content: flex-end; }
.tiny-row .tiny-avatar {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: var(--accent-soft);
    border: 1px solid var(--accent-line);
    color: var(--accent);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    flex-shrink: 0;
    margin-top: 1px;
}
.tiny-msg { font-size: 14px; line-height: 1.6; white-space: pre-wrap; }
.tiny-msg.assistant { flex: 1; padding: 0; background: none; border: none; box-shadow: none; color: var(--text-primary); max-width: 100%; }
.tiny-msg.user { background: var(--surface); color: var(--text-primary); padding: 9px 14px; border-radius: 16px; max-width: 78%; border: 1px solid var(--border-light); }
.tiny-msg.typing { padding: 2px 0; }
.tiny-msg.typing span { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: var(--text-muted); margin-right: 3px; animation: tinyBounce 1.2s infinite; }
.tiny-msg.typing span:nth-child(2) { animation-delay: 0.15s; }
.tiny-msg.typing span:nth-child(3) { animation-delay: 0.3s; }
@keyframes tinyBounce {
    0%, 60%, 100% { transform: translateY(0); opacity: 0.5; }
    30% { transform: translateY(-4px); opacity: 1; }
}
.tiny-panel-input { display: flex; gap: 8px; padding: 10px 12px calc(10px + env(safe-area-inset-bottom)); border-top: 1px solid var(--border-light); background: var(--black-2); flex-shrink: 0; }
.tiny-panel-input input {
    flex: 1;
    padding: 11px 15px;
    border-radius: 22px;
    border: 1px solid var(--border-light);
    background: var(--black);
    font-size: 13px;
    outline: none;
    color: var(--text-primary);
    transition: border-color 0.15s, box-shadow 0.15s;
}
.tiny-panel-input input::placeholder { color: var(--text-muted); }
.tiny-panel-input input:focus { border-color: var(--accent-line); box-shadow: 0 0 0 3px rgba(255,255,255,0.06); }
.tiny-panel-input button {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: none;
    background: var(--accent);
    color: #0A0A0B;
    cursor: pointer;
    flex-shrink: 0;
    transition: transform 0.15s;
}
.tiny-panel-input button:hover { transform: scale(1.06); filter: brightness(0.94); }
.tiny-panel-input button:active { transform: scale(0.94); }

.tiny-welcome { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; padding: 24px; text-align: center; background: var(--black-2); }
.tiny-welcome i.fa-brain { font-size: 40px; color: var(--accent); }
.tiny-welcome h3 { font-family: 'Comfortaa', cursive; font-size: 18px; color: var(--text-primary); }
.tiny-welcome p { font-size: 12px; color: var(--text-muted); max-width: 260px; }
.tiny-chips { display: flex; flex-wrap: wrap; gap: 6px; justify-content: center; }
.tiny-chip {
    padding: 7px 12px;
    border-radius: 16px;
    border: 1px solid var(--border-light);
    background: var(--surface);
    color: var(--text-secondary);
    font-size: 11px;
    cursor: pointer;
    transition: all 0.15s;
}
.tiny-chip:hover { background: var(--surface-2); border-color: var(--accent-line); color: var(--accent); }

.tiny-sessions-panel { position: absolute; inset: 0; background: var(--black-2); z-index: 10; display: flex; flex-direction: column; }
.tiny-sessions-panel.hidden { display: none; }
.tiny-sessions-header { display: flex; align-items: center; gap: 10px; padding: 12px 14px; border-bottom: 1px solid var(--border-light); flex-shrink: 0; }
.tiny-sessions-header span.title { font-family: 'Comfortaa', cursive; font-weight: 700; font-size: 14px; flex: 1; color: var(--text-primary); }
.tiny-sessions-list { flex: 1; overflow-y: auto; padding: 8px; }
.tiny-session-item { display: flex; align-items: center; gap: 8px; padding: 10px 12px; border-radius: 10px; cursor: pointer; font-size: 12px; transition: background 0.15s; color: var(--text-primary); }
.tiny-session-item:hover { background: rgba(255,255,255,0.04); }
.tiny-session-item .stitle { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tiny-session-item .sdel { color: var(--text-muted); padding: 4px; }
.tiny-session-item .sdel:hover { color: var(--error); }
.tiny-new-chat-btn {
    margin: 8px 12px;
    padding: 9px;
    border-radius: 10px;
    border: 1.5px dashed var(--border-light);
    background: none;
    color: var(--accent);
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    text-align: center;
}
.tiny-new-chat-btn:hover { background: rgba(255,255,255,0.04); }

/* ---------- Livestreaming ---------- */
.go-live-card {
    background: linear-gradient(135deg, var(--surface-2), var(--black-2));
    border: 1px solid var(--border-light);
    border-radius: 16px;
    padding: 20px;
    color: var(--text-primary);
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 16px;
    cursor: pointer;
    transition: border-color .15s;
}
.go-live-card:hover { border-color: var(--accent-line); }
.go-live-card i { font-size: 26px; color: var(--accent); }
.go-live-card-text h3 { font-family: 'Comfortaa', cursive; font-size: 16px; margin-bottom: 3px; }
.go-live-card-text p { font-size: 12px; color: var(--text-muted); }

.live-stream-card {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    border-radius: 14px;
    background: var(--surface);
    border: 1px solid var(--border-light);
    margin-bottom: 10px;
    cursor: pointer;
    transition: border-color .15s;
}
.live-stream-card:hover { border-color: var(--accent-line); }
.live-stream-thumb {
    width: 54px;
    height: 54px;
    border-radius: 12px;
    background: linear-gradient(135deg, #2A2A30, var(--surface-3));
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    flex-shrink: 0;
}
.live-stream-thumb img { width: 100%; height: 100%; object-fit: cover; border-radius: 12px; }
.live-badge {
    position: absolute;
    top: -4px;
    left: -4px;
    background: var(--error);
    color: #fff;
    font-size: 8px;
    font-weight: 800;
    padding: 2px 5px;
    border-radius: 5px;
    letter-spacing: .5px;
}
.live-stream-meta { flex: 1; min-width: 0; }
.live-stream-title { font-weight: 600; font-size: 13px; color: var(--text-primary); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.live-stream-sub { font-size: 11px; color: var(--text-muted); margin-top: 2px; }

#liveStageModal { position: fixed; inset: 0; background: #000; z-index: 5500; display: none; flex-direction: column; }
#liveStageModal.active { display: flex; }
.live-stage-header {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    color: #fff;
    background: linear-gradient(to bottom, rgba(0,0,0,.6), transparent);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 3;
}
.live-stage-header img { width: 32px; height: 32px; border-radius: 50%; object-fit: cover; }
.live-pill { background: var(--error); color: #fff; font-size: 10px; font-weight: 800; padding: 3px 8px; border-radius: 8px; letter-spacing: .5px; }
.live-viewer-count { font-size: 11px; opacity: .9; display: flex; align-items: center; gap: 4px; }
.live-stage-close { margin-left: auto; color: #fff; font-size: 20px; cursor: pointer; padding: 6px; }
.live-video-wrap { flex: 1; position: relative; background: #111; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.live-video-wrap video { width: 100%; height: 100%; object-fit: contain; }
.live-video-wrap video.mirror-self { transform: scaleX(-1); }
#liveCameraSwitchBtn.spinning i { animation: spin .6s linear infinite; }
@keyframes spin { from { transform: rotate(0); } to { transform: rotate(360deg); } }
.live-waiting { color: rgba(255,255,255,.6); font-size: 13px; text-align: center; }
.live-stage-actions { position: absolute; bottom: 100px; right: 12px; display: flex; flex-direction: column; gap: 12px; z-index: 3; }
.live-action-btn { width: 42px; height: 42px; border-radius: 50%; background: rgba(255,255,255,.15); color: #fff; display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 16px; }
.live-action-btn.liked { color: #ff4d6d; }
.live-chat-panel { position: absolute; bottom: 0; left: 0; right: 100px; max-height: 40%; overflow-y: auto; padding: 10px 14px; display: flex; flex-direction: column; gap: 5px; z-index: 2; }
.live-chat-msg { font-size: 12px; color: #fff; background: rgba(0,0,0,.35); padding: 5px 10px; border-radius: 10px; align-self: flex-start; max-width: 90%; }
.live-chat-msg strong { color: var(--accent); margin-right: 5px; }
.live-chat-input-row { display: flex; gap: 8px; padding: 10px 12px calc(10px + env(safe-area-inset-bottom)); background: rgba(0,0,0,.5); position: relative; z-index: 3; }
.live-chat-input-row input { flex: 1; padding: 9px 14px; border-radius: 20px; border: none; background: rgba(255,255,255,.15); color: #fff; font-size: 13px; outline: none; }
.live-chat-input-row input::placeholder { color: rgba(255,255,255,.6); }
.live-chat-input-row button { width: 36px; height: 36px; border-radius: 50%; border: none; background: var(--accent); color: #0A0A0B; cursor: pointer; }

.audience-option {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    border-radius: 10px;
    border: 1px solid var(--border-light);
    margin-bottom: 8px;
    cursor: pointer;
    font-size: 13px;
    color: var(--text-primary);
    background: var(--surface);
}
.audience-option.selected { border-color: var(--accent-line); background: var(--accent-soft); color: var(--accent); }
.invite-pick-item { display: flex; align-items: center; gap: 8px; padding: 8px; border-radius: 8px; cursor: pointer; font-size: 12px; color: var(--text-primary); }
.invite-pick-item:hover { background: rgba(255,255,255,0.04); }
.invite-pick-item input { width: auto; }

/* ---------- Feed ---------- */
.create-post-card {
    background: var(--surface);
    border-radius: 16px;
    margin-bottom: 16px;
    padding: 16px;
    border: 1px solid var(--border-light);
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 12px;
    transition: all 0.2s;
}
.create-post-card:hover { background: var(--surface-2); border-color: var(--border-strong); }
.create-post-avatar { width: 40px; height: 40px; border-radius: 50%; overflow: hidden; }
.create-post-avatar img { width: 100%; height: 100%; object-fit: cover; }
.create-post-placeholder { flex: 1; padding: 10px 16px; background: var(--black-2); border-radius: 24px; color: var(--text-muted); font-size: 14px; }

.new-posts-pill {
    position: sticky;
    top: 8px;
    z-index: 50;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: fit-content;
    margin: 0 auto 14px;
    padding: 9px 18px;
    background: var(--accent);
    color: #0A0A0B;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 6px 20px rgba(255,255,255,.10);
    animation: newPostsDrop .3s ease;
}
.new-posts-pill:hover { filter: brightness(0.94); }
@keyframes newPostsDrop {
    from { transform: translateY(-12px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}

.feed-post {
    background: var(--surface);
    border-radius: 16px;
    margin-bottom: 16px;
    overflow: hidden;
    border: 1px solid var(--border-light);
    transition: border-color .2s;
    position: relative;
}
.feed-post:hover { border-color: var(--border-strong); }

.post-header { padding: 14px 16px; display: flex; align-items: center; gap: 10px; cursor: pointer; }
.post-avatar { width: 40px; height: 40px; border-radius: 50%; overflow: hidden; position: relative; }
.post-avatar img { width: 100%; height: 100%; object-fit: cover; }
.verified-badge {
    position: absolute;
    bottom: -2px;
    right: -2px;
    background: var(--verified);
    color: #fff;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    font-size: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--black);
}
.post-author { font-weight: 600; font-size: 14px; color: var(--text-primary); display: flex; align-items: center; gap: 4px; flex-wrap: wrap; }
.post-time { font-size: 11px; color: var(--text-muted); margin-top: 2px; }
.post-content { padding: 0 16px 12px; font-size: 14px; line-height: 1.5; color: var(--text-primary); overflow-wrap: break-word; word-break: break-word; }
.post-tag {
    background: var(--accent-soft);
    color: var(--accent);
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 11px;
    cursor: pointer;
    display: inline-block;
    margin: 0 2px;
    border: 1px solid var(--accent-line);
}
.post-tag:hover { background: var(--accent); color: #0A0A0B; }

.post-media { padding: 0 16px 12px; }
.post-media-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 6px; }
.post-media-item { border-radius: 10px; overflow: hidden; cursor: pointer; position: relative; background: #000; aspect-ratio: 1; }
.post-media-item img, .post-media-item video { width: 100%; height: 100%; object-fit: cover; }

.post-media-ig { margin: 0 0 12px; position: relative; }
.post-media-single { position: relative; width: 100%; aspect-ratio: 4/5; max-height: 620px; overflow: hidden; cursor: pointer; background: #000; }
.post-media-single img, .post-media-single video { width: 100%; height: 100%; object-fit: cover; display: block; }
.post-media-carousel { position: relative; }
.post-media-track { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
.post-media-track::-webkit-scrollbar { display: none; }
.post-media-slide { flex: 0 0 100%; scroll-snap-align: center; aspect-ratio: 4/5; max-height: 620px; position: relative; cursor: pointer; background: #000; }
.post-media-slide img, .post-media-slide video { width: 100%; height: 100%; object-fit: cover; display: block; }
.post-media-dots { position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); display: flex; gap: 5px; z-index: 3; }
.post-media-dot { width: 6px; height: 6px; border-radius: 50%; background: rgba(255,255,255,.55); transition: all .2s; }
.post-media-dot.active { background: #fff; width: 16px; border-radius: 3px; }
.post-media-counter { position: absolute; top: 10px; right: 10px; background: rgba(0,0,0,.45); color: #fff; font-size: 11px; padding: 2px 9px; border-radius: 10px; z-index: 3; pointer-events: none; }
.post-media-play { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: rgba(255,255,255,.9); font-size: 46px; pointer-events: none; text-shadow: 0 2px 8px rgba(0,0,0,.4); }
.video-mute-btn { position: absolute; bottom: 10px; right: 10px; width: 30px; height: 30px; border-radius: 50%; background: rgba(0,0,0,.5); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 13px; z-index: 4; cursor: pointer; }

/* ---------- Communities ---------- */
.comm-tabs { display: flex; gap: 8px; margin-bottom: 16px; border-bottom: 1px solid var(--border-light); }
.comm-tab { padding: 10px 16px; cursor: pointer; font-weight: 600; font-size: 13px; color: var(--text-muted); border-bottom: 2px solid transparent; }
.comm-tab.active { color: var(--accent); border-bottom-color: var(--accent); }
.comm-search { width: 100%; padding: 11px 16px; border-radius: 24px; border: 1px solid var(--border-light); background: var(--surface); color: var(--text-primary); font-size: 13px; margin-bottom: 16px; }
.comm-search::placeholder { color: var(--text-muted); }
.comm-search:focus { outline: none; border-color: var(--accent-line); }
.comm-create-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px;
    border-radius: 14px;
    border: 1.5px dashed var(--accent-line);
    color: var(--accent);
    font-weight: 600;
    font-size: 13px;
    cursor: pointer;
    margin-bottom: 16px;
}
.comm-create-btn:hover { background: var(--accent-soft); }
.comm-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 12px; }
.comm-card {
    background: var(--surface);
    border: 1px solid var(--border-light);
    border-radius: 16px;
    overflow: hidden;
    cursor: pointer;
    transition: border-color .2s, transform .15s;
}
.comm-card:hover { border-color: var(--accent-line); transform: translateY(-2px); }
.comm-card-cover {
    width: 100%;
    aspect-ratio: 16/9;
    background: linear-gradient(135deg, var(--surface-2), var(--black-2));
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--accent);
    font-size: 28px;
    overflow: hidden;
}
.comm-card-cover img { width: 100%; height: 100%; object-fit: cover; }
.comm-card-body { padding: 10px 12px; }
.comm-card-name { font-weight: 700; font-size: 13px; margin-bottom: 3px; color: var(--text-primary); }
.comm-card-meta { font-size: 11px; color: var(--text-muted); }

.comm-header { position: relative; border-radius: 16px; overflow: hidden; margin-bottom: 16px; background: var(--surface); border: 1px solid var(--border-light); }
.comm-header-cover { width: 100%; aspect-ratio: 3/1; object-fit: cover; display: block; }
.comm-header-body { padding: 16px; background: var(--surface); }
.comm-header-name { font-family: 'Comfortaa', cursive; font-size: 20px; font-weight: 800; margin-bottom: 4px; }
.comm-header-meta { font-size: 12px; color: var(--text-muted); margin-bottom: 12px; }
.comm-header-actions { display: flex; gap: 8px; }
.comm-member-row { display: flex; align-items: center; gap: 10px; padding: 10px 0; border-bottom: 1px solid var(--border-light); }
.comm-member-row img { width: 36px; height: 36px; border-radius: 50%; object-fit: cover; }
.comm-role-badge { font-size: 10px; padding: 2px 8px; border-radius: 10px; background: var(--surface-2); color: var(--text-secondary); text-transform: capitalize; }
.comm-composer { background: var(--surface); border-radius: 16px; border: 1px solid var(--border-light); padding: 14px; margin-bottom: 16px; cursor: pointer; display: flex; align-items: center; gap: 10px; }
.comm-composer-poll-btn { flex-shrink: 0; cursor: pointer; transition: transform .15s; }
.comm-composer-poll-btn:hover { transform: scale(1.08); }
.comm-locked { text-align: center; padding: 60px 20px; color: var(--text-muted); }

/* ---------- Events ---------- */
.event-card {
    display: flex;
    gap: 12px;
    background: var(--surface);
    border: 1px solid var(--border-light);
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 12px;
    cursor: pointer;
    transition: border-color .15s;
}
.event-card:hover { border-color: var(--accent-line); }
.event-card-cover { width: 96px; height: 96px; flex-shrink: 0; object-fit: cover; }
.event-card-body { padding: 12px 14px 12px 0; display: flex; flex-direction: column; justify-content: center; min-width: 0; }
.event-card-date { font-size: 11px; font-weight: 700; color: var(--accent); text-transform: uppercase; letter-spacing: .3px; }
.event-card-title { font-weight: 700; font-size: 14px; margin: 3px 0; color: var(--text-primary); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.event-card-meta { font-size: 11px; color: var(--text-muted); }
.event-price-tag { color: var(--accent); font-weight: 700; }
.event-type-toggle { display: flex; gap: 8px; margin-top: 10px; }
.event-type-option {
    flex: 1;
    text-align: center;
    padding: 10px 8px;
    border-radius: 12px;
    border: 1.5px solid var(--border-light);
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    color: var(--text-secondary);
    background: var(--surface);
}
.event-type-option.active { border-color: var(--accent-line); color: var(--accent); background: var(--accent-soft); }

.webinar-live-tag { display: inline-flex; align-items: center; gap: 4px; font-size: 10px; font-weight: 700; color: #fff; background: var(--error); padding: 2px 8px; border-radius: 10px; animation: liveDotPulse 1.5s ease-in-out infinite; }
.webinar-scheduled-tag { display: inline-flex; align-items: center; gap: 4px; font-size: 10px; font-weight: 700; color: var(--accent); background: var(--accent-soft); border: 1px solid var(--accent-line); padding: 2px 8px; border-radius: 10px; }
@keyframes liveDotPulse { 0%,100% { opacity: 1; } 50% { opacity: .6; } }

/* ---------- Ads ---------- */
.ad-card { border: 1px solid var(--border-light); border-radius: 16px; overflow: hidden; margin-bottom: 16px; background: var(--surface); }
.ad-sponsored-tag { display: inline-flex; align-items: center; gap: 4px; font-size: 10px; font-weight: 700; color: var(--text-muted); text-transform: uppercase; letter-spacing: .4px; padding: 10px 14px 0; }
.ad-card-img { width: 100%; max-height: 280px; object-fit: cover; }
.ad-card-body { padding: 10px 14px 14px; }
.ad-card-title { font-weight: 700; font-size: 14px; margin-bottom: 4px; color: var(--text-primary); }
.ad-card-text { font-size: 13px; color: var(--text-secondary); line-height: 1.5; margin-bottom: 10px; }
.ad-list-item { border: 1px solid var(--border-light); border-radius: 14px; padding: 12px 14px; margin-bottom: 10px; background: var(--surface); }
.ad-list-item-title { font-weight: 700; font-size: 13px; color: var(--text-primary); }
.ad-status-badge { font-size: 10px; padding: 2px 8px; border-radius: 10px; font-weight: 700; text-transform: uppercase; }
.ad-status-badge.active { background: rgba(16,185,129,.12); color: #34D399; }
.ad-status-badge.paused { background: rgba(217,119,6,.12); color: #FBBF24; }
.ad-status-badge.pending_payment { background: rgba(113,113,122,.16); color: #A1A1AA; }
.ad-status-badge.completed { background: var(--accent-soft); color: var(--accent); }
.ad-list-stats { display: flex; gap: 14px; font-size: 11px; color: var(--text-muted); margin-top: 8px; }

/* ---------- Insights ---------- */
.insight-stat-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 18px; }
.insight-stat-card { background: var(--surface); border: 1px solid var(--border-light); border-radius: 12px; padding: 12px; text-align: center; }
.insight-stat-num { font-size: 20px; font-weight: 800; color: var(--accent); }
.insight-stat-label { font-size: 10px; color: var(--text-muted); margin-top: 2px; }
.insight-section-title { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .4px; color: var(--text-muted); margin: 18px 0 8px; }
.insight-bar-row { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; font-size: 12px; color: var(--text-secondary); }
.insight-bar-track { flex: 1; height: 8px; background: var(--surface-2); border-radius: 4px; overflow: hidden; }
.insight-bar-fill { height: 100%; background: var(--accent); border-radius: 4px; }
.insight-top-post { padding: 10px 0; border-bottom: 1px solid var(--border-light); font-size: 12px; color: var(--text-secondary); }

/* ---------- Boost ---------- */
.boost-tier {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 14px;
    border: 1.5px solid var(--border-light);
    border-radius: 12px;
    margin-bottom: 8px;
    cursor: pointer;
    background: var(--surface);
    color: var(--text-primary);
}
.boost-tier:hover { border-color: var(--accent-line); }
.boost-tier.selected { border-color: var(--accent); background: var(--accent-soft); color: var(--accent); }
.boost-tier-label { font-weight: 700; font-size: 13px; }
.boost-tier-sub { font-size: 11px; color: var(--text-muted); }
.boost-tier-price { font-weight: 700; color: var(--accent); }
.post-boosted-tag { display: inline-flex; align-items: center; gap: 4px; font-size: 10px; font-weight: 700; color: var(--accent); background: var(--accent-soft); border: 1px solid var(--accent-line); padding: 2px 8px; border-radius: 10px; margin-left: 6px; }

/* ---------- Polls & Discussions ---------- */
.poll-card { padding-bottom: 16px; }
.poll-question { display: flex; align-items: center; gap: 10px; font-weight: 600; font-size: 14px; padding: 4px 16px 12px; color: var(--text-primary); }
.poll-options { display: flex; flex-direction: column; gap: 8px; padding: 0 16px; }
.poll-option-choice {
    padding: 11px 14px;
    border: 1.5px solid var(--border-light);
    border-radius: 12px;
    font-size: 13px;
    cursor: pointer;
    background: var(--surface);
    color: var(--text-primary);
    transition: border-color .15s, background .15s;
}
.poll-option-choice:hover { border-color: var(--accent-line); background: var(--surface-2); }
.poll-option-result { position: relative; border: 1.5px solid var(--border-light); border-radius: 12px; overflow: hidden; cursor: pointer; background: var(--surface-2); }
.poll-option-result.mine { border-color: var(--accent); }
.poll-option-fill { position: absolute; inset: 0; background: var(--accent-soft); z-index: 0; transition: width .3s ease; }
.poll-option-result.mine .poll-option-fill { background: rgba(255,255,255,0.16); }
.poll-option-row { position: relative; z-index: 1; display: flex; justify-content: space-between; align-items: center; padding: 11px 14px; font-size: 13px; color: var(--text-primary); }
.poll-option-row i.fa-check-circle { color: var(--accent); margin-right: 2px; }
.poll-pct { font-weight: 700; font-size: 12px; color: var(--text-secondary); }
.poll-meta { padding: 10px 16px 0; font-size: 11px; color: var(--text-muted); }

.discussion-card { position: relative; }
.discussion-pinned-tag { display: inline-flex; align-items: center; gap: 4px; font-size: 10px; font-weight: 700; color: var(--accent); padding: 8px 16px 0; }
.discussion-vote-col { display: flex; flex-direction: column; align-items: center; gap: 2px; flex-shrink: 0; padding-top: 2px; }
.discussion-vote-btn { width: 26px; height: 22px; display: flex; align-items: center; justify-content: center; border-radius: 6px; color: var(--text-muted); cursor: pointer; font-size: 15px; }
.discussion-vote-btn:hover { background: var(--surface-2); }
.discussion-vote-btn.active-up { color: var(--accent); background: var(--accent-soft); }
.discussion-vote-btn.active-down { color: var(--error); background: rgba(244,63,94,0.1); }
.discussion-vote-score { font-size: 13px; font-weight: 700; color: var(--text-primary); }
.discussion-title { font-weight: 700; font-size: 15px; margin: 2px 0 4px; line-height: 1.3; color: var(--text-primary); }
.discussion-preview { font-size: 13px; color: var(--text-secondary); line-height: 1.5; margin-bottom: 6px; }
.discussion-meta { font-size: 11px; color: var(--text-muted); }

.shared-badge { background: var(--surface-2); color: var(--text-secondary); font-size: 11px; padding: 4px 10px; border-radius: 12px; display: inline-flex; align-items: center; gap: 4px; margin-bottom: 8px; }

/* ---------- Post actions ---------- */
.post-actions { display: flex; padding: 8px 12px; gap: 4px; border-top: 1px solid var(--border-light); flex-wrap: wrap; }
.post-action {
    flex: 1;
    text-align: center;
    padding: 8px;
    cursor: pointer;
    color: var(--text-muted);
    border-radius: 6px;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    transition: all .2s;
}
.post-action:hover { background: rgba(255,255,255,0.04); color: var(--text-primary); }
.post-action.liked { color: var(--error); }

.post-menu {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    color: var(--text-muted);
    padding: 5px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,.5);
}
.post-menu:hover { background: var(--surface-2); color: var(--text-primary); }

.post-dropdown {
    position: absolute;
    top: 40px;
    right: 10px;
    background: var(--surface);
    border-radius: 12px;
    box-shadow: var(--shadow-lg);
    border: 1px solid var(--border-light);
    padding: 8px 0;
    min-width: 150px;
    display: none;
    z-index: 100;
}
.post-dropdown.show { display: block; }
.post-dropdown-item {
    padding: 10px 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    color: var(--text-primary);
    transition: background .2s;
}
.post-dropdown-item:hover { background: rgba(255,255,255,0.04); }
.post-dropdown-item.delete { color: var(--error); }
.post-dropdown-item.edit { color: var(--accent); }

.share-menu { position: relative; }
.share-dropdown {
    position: absolute;
    bottom: 100%;
    right: 0;
    left: auto;
    background: var(--surface);
    border-radius: 12px;
    box-shadow: var(--shadow-lg);
    border: 1px solid var(--border-light);
    padding: 8px 0;
    min-width: 160px;
    max-width: calc(100vw - 32px);
    display: none;
    z-index: 100;
    margin-bottom: 8px;
}
.share-dropdown.show { display: block; }
.share-option {
    padding: 10px 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    color: var(--text-primary);
    transition: background .2s;
    white-space: nowrap;
}
.share-option:hover { background: rgba(255,255,255,0.04); }

.comments-section { padding: 10px 14px; background: var(--black-2); display: none; font-size: 13px; border-top: 1px solid var(--border-light); }
.comments-section.active { display: block; }
.comment { display: flex; gap: 8px; margin-bottom: 10px; }
.comment-avatar { width: 28px; height: 28px; border-radius: 50%; overflow: hidden; cursor: pointer; }
.comment-avatar img { width: 100%; height: 100%; object-fit: cover; }
.comment-content { flex: 1; }
.comment-author { font-weight: 600; font-size: 11px; cursor: pointer; display: flex; align-items: center; gap: 3px; color: var(--text-primary); }
.comment-text { font-size: 12px; margin-top: 2px; color: var(--text-secondary); }
.comment-time { font-size: 10px; color: var(--text-muted); margin-top: 2px; }
.comment-input { display: flex; gap: 6px; margin-top: 10px; }
.comment-input input {
    flex: 1;
    padding: 8px 12px;
    background: var(--surface);
    border: 1px solid var(--border-light);
    border-radius: 16px;
    font-size: 12px;
    color: var(--text-primary);
}
.comment-input input::placeholder { color: var(--text-muted); }
.comment-input button { width: auto; padding: 6px 14px; font-size: 12px; }

/* ---------- Section titles / contacts ---------- */
.section-title { font-size: 16px; font-weight: 700; margin: 16px 0 12px; color: var(--text-primary); display: flex; align-items: center; gap: 8px; }
.count-badge { background: var(--accent); color: #0A0A0B; padding: 2px 8px; border-radius: 12px; font-size: 11px; font-weight: 700; }

.contact-card {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    border-radius: 14px;
    background: var(--surface);
    margin-bottom: 8px;
    cursor: pointer;
    border: 1px solid var(--border-light);
    transition: border-color .2s;
    flex-wrap: wrap;
}
.contact-actions { display: flex; gap: 6px; flex-wrap: wrap; margin-left: auto; }
@media (max-width: 480px) {
    .contact-card { align-items: flex-start; }
    .contact-actions { width: 100%; margin-left: 56px; margin-top: 6px; }
}
.contact-card:hover { background: var(--surface-2); border-color: var(--border-strong); }
.contact-avatar { width: 44px; height: 44px; border-radius: 50%; overflow: hidden; position: relative; }
.contact-avatar img { width: 100%; height: 100%; object-fit: cover; }
.contact-info { flex: 1; min-width: 0; }
.contact-name { font-weight: 600; font-size: 14px; display: flex; align-items: center; gap: 4px; flex-wrap: wrap; color: var(--text-primary); }
.contact-sub { font-size: 11px; color: var(--text-muted); margin-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.location-badge { font-size: 9px; background: var(--surface-2); padding: 2px 6px; border-radius: 10px; display: inline-flex; align-items: center; gap: 3px; margin-left: 6px; color: var(--text-secondary); }
.action-btn { padding: 7px 14px; border-radius: 16px; font-size: 12px; font-weight: 600; cursor: pointer; border: none; white-space: nowrap; transition: all .2s; }
.btn-primary { background: var(--accent); color: #0A0A0B; }
.btn-primary:hover { filter: brightness(0.94); }
.btn-outline { background: var(--surface-2); color: var(--text-secondary); border: 1px solid var(--border-light); }
.btn-outline:hover { background: var(--surface-3); color: var(--text-primary); }
.unread-badge { background: var(--accent); color: #0A0A0B; padding: 3px 8px; border-radius: 10px; font-size: 10px; font-weight: 700; }
.chat-item-menu-btn { color: var(--text-muted); padding: 6px; margin-left: 4px; cursor: pointer; }
.chat-item-dropdown {
    position: absolute;
    top: 36px;
    right: 8px;
    background: var(--surface);
    border-radius: 12px;
    box-shadow: var(--shadow-lg);
    border: 1px solid var(--border-light);
    padding: 6px 0;
    min-width: 160px;
    display: none;
    z-index: 200;
}
.chat-item-dropdown.show { display: block; }
.chat-item-dropdown-item {
    padding: 9px 16px;
    cursor: pointer;
    font-size: 13px;
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--text-primary);
}
.chat-item-dropdown-item:hover { background: rgba(255,255,255,0.04); }
.chat-item-dropdown-item.delete { color: var(--error); }

/* ---------- Chat ---------- */
#chatSection { display: none; position: fixed; top: 56px; left: 0; right: 0; bottom: 0; background: var(--black-2); z-index: 1600; flex-direction: column; }
#chatSection.active { display: flex; }
.chat-top { padding: 12px 16px; background: var(--black-2); border-bottom: 1px solid var(--border-light); display: flex; align-items: center; gap: 10px; cursor: pointer; }
.chat-top:hover { background: var(--surface); }
.chat-back { cursor: pointer; color: var(--accent); font-size: 18px; padding: 4px; }
.chat-avatar { width: 36px; height: 36px; border-radius: 50%; overflow: hidden; position: relative; }
.chat-avatar img { width: 100%; height: 100%; object-fit: cover; }
.messages-area { flex: 1; overflow-y: auto; padding: 16px; display: flex; flex-direction: column; gap: 10px; background: var(--black-2); }

/* ============================================================
   Chat input overflow fix
   ------------------------------------------------------------
   The thin grey horizontal bar that appears above the message input
   is a native scrollbar on an element wider than its container. The
   rules below eliminate horizontal overflow everywhere in the chat
   pane so the bar has nothing to attach to.
   ============================================================ */
.chat-bottom {
    overflow-x: hidden;
}
.chat-bottom textarea,
.chat-bottom input[type="text"] {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    resize: none;
    overflow-x: hidden;
    box-sizing: border-box;
}
.chat-bottom .input-row {
    overflow: hidden;
    max-width: 100%;
}
.messages-area {
    overflow-x: hidden;
}
.messages-area .msg-bubble,
.messages-area .msg-text {
    max-width: 100%;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

/* ============================================================
   Chat Customization modal -- contrast fix
   ------------------------------------------------------------
   The theme swatches and select dropdowns inside this modal use
   --surface-2 and --border-light, which are visually too close to
   the modal's own --surface background. The rules below bump up
   the border/contrast so the controls are clearly visible.
   ============================================================ */
#chatCustomizeModal .chat-theme-swatch {
    border: 2px solid rgba(255, 255, 255, 0.4);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
}
#chatCustomizeModal .chat-theme-swatch:hover {
    border-color: rgba(255, 255, 255, 0.8);
    transform: translateY(-3px) scale(1.05);
}
#chatCustomizeModal .chat-theme-swatch.selected {
    border-color: var(--accent);
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.25), 0 4px 12px rgba(0, 0, 0, 0.4);
}
#chatCustomizeModal .chat-theme-swatches {
    gap: 12px;
}

#chatCustomizeModal .form-group label {
    color: var(--text-primary);
    font-weight: 600;
    display: block;
    margin-bottom: 10px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.6px;
}

#chatCustomizeModal select {
    background: var(--black-2);
    border: 1px solid rgba(255, 255, 255, 0.18);
    color: var(--text-primary);
    padding: 11px 14px;
    border-radius: 12px;
    font-size: 13px;
    width: 100%;
    cursor: pointer;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' fill='none' stroke='%23F5F5F4' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    padding-right: 36px;
}
#chatCustomizeModal select:focus {
    outline: none;
    border-color: var(--accent);
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.08);
}

/* Chat theme variants (all dark, professional) */
.messages-area.theme-ocean { background: linear-gradient(180deg, #0E1A24, #0A1119); }
.messages-area.theme-sunset { background: linear-gradient(180deg, #23140C, #150A05); }
.messages-area.theme-forest { background: linear-gradient(180deg, #0D1A12, #08110B); }
.messages-area.theme-midnight { background: linear-gradient(180deg, #0A0A0B, #050505); }
.messages-area.theme-blossom { background: linear-gradient(180deg, #1A0F1A, #100710); }
.messages-area.theme-dots { background-color: #101013; background-image: radial-gradient(rgba(255,255,255,0.06) 1.4px, transparent 1.4px); background-size: 22px 22px; }
.messages-area.theme-doodle { background-color: #0E0E12; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cg fill='none' stroke='%23FFFFFF' stroke-width='1' stroke-opacity='0.05'%3E%3Cpath d='M20 24h22a6 6 0 0 1 6 6v10a6 6 0 0 1-6 6H30l-6 6v-6h-4a6 6 0 0 1-6-6V30a6 6 0 0 1 6-6z'/%3E%3Cpath d='M118 96c0-6 5-10 10-10s10 4 10 10c0 7-10 15-10 15s-10-8-10-15z'/%3E%3Cpath d='M70 118l3 7 7 1-5 5 1 7-6-3-6 3 1-7-5-5 7-1z'/%3E%3Ccircle cx='128' cy='34' r='9'/%3E%3C/g%3E%3C/svg%3E"); background-size: 160px 160px; }
.messages-area.theme-waves { background-color: #0E1418; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='60' viewBox='0 0 120 60'%3E%3Cpath d='M0 20 Q15 5 30 20 T60 20 T90 20 T120 20' fill='none' stroke='%23FFFFFF' stroke-opacity='0.04' stroke-width='1.6'/%3E%3Cpath d='M0 45 Q15 30 30 45 T60 45 T90 45 T120 45' fill='none' stroke='%23FFFFFF' stroke-opacity='0.03' stroke-width='1.6'/%3E%3C/svg%3E"); background-size: 120px 60px; }

.messages-area.bubble-sharp .msg-bubble { border-radius: 4px; }
.messages-area.bubble-playful .msg-bubble { border-radius: 22px; }
.messages-area.font-comfortaa, .messages-area.font-comfortaa .msg-bubble { font-family: 'Comfortaa', cursive; }
.messages-area.font-serif, .messages-area.font-serif .msg-bubble { font-family: Georgia, 'Times New Roman', serif; }
.messages-area.font-mono, .messages-area.font-mono .msg-bubble { font-family: 'Courier New', monospace; }
#messageInput.font-comfortaa { font-family: 'Comfortaa', cursive; }
#messageInput.font-serif { font-family: Georgia, 'Times New Roman', serif; }
#messageInput.font-mono { font-family: 'Courier New', monospace; }

.chat-theme-swatches { display: flex; gap: 10px; flex-wrap: wrap; }
.chat-theme-swatch { width: 44px; height: 44px; border-radius: 12px; cursor: pointer; border: 2px solid var(--border-light); transition: all .15s; }
.chat-theme-swatch:hover { transform: translateY(-2px); }
.chat-theme-swatch.selected { border-color: var(--accent); box-shadow: 0 0 0 2px rgba(255,255,255,.14); }
.chat-theme-swatch.messages-area { flex: none; padding: 0; gap: 0; display: block; overflow: hidden; }

.date-separator { text-align: center; margin: 12px 0 4px; }
.date-separator span { background: rgba(255,255,255,.06); color: var(--text-muted); padding: 3px 10px; border-radius: 10px; font-size: 10px; font-weight: 500; }

.message { max-width: 72%; animation: fadeIn .2s ease; position: relative; touch-action: pan-y; }
.message .message-menu { opacity: 0; transition: opacity .2s; position: absolute; top: 0; right: -30px; cursor: pointer; color: var(--text-muted); }
.message.swiping { transition: none; }
.message:not(.swiping) { transition: transform .2s ease; }
.swipe-reply-icon { position: absolute; top: 50%; left: -34px; transform: translateY(-50%) scale(.6); opacity: 0; color: var(--accent); font-size: 15px; transition: opacity .15s, transform .15s; }
.message.sent .swipe-reply-icon { left: auto; right: -34px; }
.msg-reply-quote { border-left: 3px solid var(--accent); padding: 4px 8px; margin-bottom: 5px; font-size: 11px; border-radius: 4px; background: rgba(255,255,255,.06); opacity: .92; }
.message.received .msg-reply-quote { border-left-color: var(--accent); background: rgba(255,255,255,.06); color: var(--text-secondary); }
.chat-reply-banner { display: none; align-items: center; gap: 8px; padding: 8px 12px; background: var(--black); border-top: 1px solid var(--border-light); font-size: 12px; }
.chat-reply-banner.active { display: flex; }
.chat-reply-banner .rb-bar { width: 3px; align-self: stretch; background: var(--accent); border-radius: 3px; }
.chat-reply-banner .rb-text { flex: 1; overflow: hidden; color: var(--text-secondary); }
.chat-reply-banner .rb-text strong { display: block; color: var(--accent); font-size: 11px; }
.chat-reply-banner .rb-close { cursor: pointer; color: var(--text-muted); padding: 4px; }
.msg-bubble mark.user-highlight { background: var(--accent); color: #0A0A0B; border-radius: 3px; padding: 0 1px; }
.highlight-popup-btn { position: fixed; z-index: 5500; background: var(--surface); color: var(--text-primary); padding: 7px 12px; border-radius: 8px; font-size: 12px; cursor: pointer; display: none; align-items: center; gap: 6px; box-shadow: var(--shadow-lg); border: 1px solid var(--border-light); }
.highlight-popup-btn.show { display: flex; }
.message:hover .message-menu { opacity: 1; }
.message.sent { align-self: flex-end; }
.message.received { align-self: flex-start; }
.msg-bubble { padding: 10px 14px; border-radius: 16px; font-size: 13px; line-height: 1.4; word-wrap: break-word; }
.message.sent .msg-bubble { background: var(--accent); color: #0A0A0B; border-bottom-right-radius: 4px; font-weight: 500; }
.message.received .msg-bubble { background: var(--surface); color: var(--text-primary); border-bottom-left-radius: 4px; border: 1px solid var(--border-light); }
.msg-time { font-size: 9px; margin-top: 3px; opacity: .75; padding: 0 4px; }
.msg-media { margin-top: 6px; display: grid; grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); gap: 4px; }
.msg-media img, .msg-media video { width: 100%; max-height: 160px; object-fit: cover; border-radius: 8px; cursor: pointer; }
.forward-badge { font-size: 10px; opacity: .7; margin-bottom: 4px; display: flex; align-items: center; gap: 4px; color: var(--text-muted); }

.chat-bottom { padding: 10px 16px 16px; background: var(--black-2); border-top: 1px solid var(--border-light); position: relative; }
.input-row { display: flex; align-items: center; gap: 8px; background: var(--black); border-radius: 24px; padding: 4px 6px 4px 16px; border: 1px solid var(--border-light); }
.input-row input { flex: 1; background: transparent; border: none; font-size: 14px; outline: none; color: var(--text-primary); }
.input-row input::placeholder { color: var(--text-muted); }
.icon-btn { width: 36px; height: 36px; border-radius: 50%; border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 14px; transition: all .2s; }
.icon-btn.attach { background: var(--surface-2); color: var(--text-secondary); }
.icon-btn.attach:hover { background: var(--surface-3); color: var(--text-primary); }
.icon-btn.send { background: var(--accent); color: #0A0A0B; }
.icon-btn.send:hover { filter: brightness(0.94); }

.attach-menu-wrap { position: relative; }
.attach-menu {
    position: fixed;          /* fixed so .chat-bottom / .input-row overflow:hidden can't clip it; JS places it above the paperclip */
    bottom: 90px;
    left: 16px;
    background: var(--surface);
    border-radius: 16px;
    box-shadow: var(--shadow-lg);
    border: 1px solid var(--border-light);
    padding: 8px 0;
    min-width: 210px;
    display: none;
    z-index: 2600;
}
.attach-menu.show { display: block; animation: attachMenuIn .15s ease; }
@keyframes attachMenuIn {
    from { opacity: 0; transform: translateY(6px); }
    to { opacity: 1; transform: translateY(0); }
}
.attach-menu-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 9px 16px;
    cursor: pointer;
    font-size: 13.5px;
    font-weight: 500;
    color: var(--text-primary);
    white-space: nowrap;
    transition: background .15s;
}
.attach-menu-item:hover { background: rgba(255,255,255,0.04); }
.attach-menu-icon {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 14px;
    flex-shrink: 0;
}
.am-document { background: linear-gradient(135deg, #8E6BFF, #6A3DE8); }
.am-media    { background: linear-gradient(135deg, #29B6F6, #0277BD); }
.am-camera   { background: linear-gradient(135deg, #EC5FA3, #C2185B); }
.am-audio    { background: linear-gradient(135deg, #FF8A5C, #E64A19); }
.am-contact  { background: linear-gradient(135deg, #4FA8FF, #1565C0); }
.am-community{ background: linear-gradient(135deg, #5C6BC0, #303F9F); }
.am-poll     { background: linear-gradient(135deg, #FFCA45, #F57F17); }
.am-event    { background: linear-gradient(135deg, #FF6B6B, #C62828); }
.am-sticker  { background: linear-gradient(135deg, #34D1B0, #00897B); }

/* ---------- Modals ---------- */
.modal { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.65); backdrop-filter: blur(6px); display: none; align-items: center; justify-content: center; z-index: 3000; padding: 20px; }
#shareModal, #storyViewersModal { z-index: 6000; }
.modal.active { display: flex; }
.modal-card { background: var(--surface); border-radius: 20px; padding: 22px; width: 90%; max-width: 500px; max-height: 80vh; overflow-y: auto; position: relative; border: 1px solid var(--border-light); box-shadow: var(--shadow-lg); }
.modal-close { position: absolute; top: 14px; right: 14px; background: var(--surface-2); border: none; width: 30px; height: 30px; border-radius: 50%; font-size: 18px; line-height: 1; color: var(--text-muted); cursor: pointer; }
.modal-close:hover { background: var(--surface-3); color: var(--text-primary); }
.modal-card h2 { font-size: 18px; font-weight: 700; margin-bottom: 16px; color: var(--accent); display: flex; align-items: center; gap: 8px; }
.img-preview { width: 80px; height: 80px; border-radius: 50%; margin: 0 auto 12px; object-fit: cover; border: 2px solid var(--accent); display: none; }

.media-preview { display: grid; grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); gap: 8px; margin-top: 12px; }
.media-preview-item { position: relative; border-radius: 10px; overflow: hidden; aspect-ratio: 1; background: var(--surface-2); }
.media-preview-item img, .media-preview-item video { width: 100%; height: 100%; object-fit: cover; }
.media-remove { position: absolute; top: 4px; right: 4px; background: rgba(0,0,0,.7); color: #fff; width: 20px; height: 20px; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 10px; }
.media-adjust { position: absolute; bottom: 4px; right: 4px; background: rgba(0,0,0,.7); color: #fff; width: 22px; height: 22px; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 11px; }
.media-adjust:hover { background: var(--accent); color: #0A0A0B; }
.location-chip { display: inline-flex; align-items: center; gap: 4px; margin-top: 8px; padding: 5px 12px; border-radius: 14px; background: var(--surface-2); color: var(--text-secondary); font-size: 12px; }
.post-option-row { display: flex; align-items: center; gap: 8px; margin-top: 12px; font-size: 12px; color: var(--text-secondary); cursor: pointer; }
.post-option-row input { cursor: pointer; }
.post-location { font-size: 11px; color: var(--text-muted); margin-top: 3px; }
.chat-file-chip { display: flex; align-items: center; gap: 8px; padding: 10px 12px; background: var(--surface-2); border-radius: 10px; font-size: 12px; color: var(--text-secondary); width: 100%; }
.chat-file-chip i { font-size: 18px; color: var(--accent); }
.chat-file-chip span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.msg-file-attachment { display: flex; align-items: center; gap: 10px; padding: 10px 12px; background: rgba(0,0,0,.15); border-radius: 10px; margin: 4px 0; text-decoration: none; color: inherit; }
.message.received .msg-file-attachment { background: var(--surface-2); }
.message.sent .msg-file-attachment { background: rgba(0,0,0,.12); color: #0A0A0B; }
.msg-file-attachment i { font-size: 20px; }
.msg-file-attachment .msg-file-info { overflow: hidden; }
.msg-file-attachment .msg-file-name { font-size: 12px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 180px; }
.msg-file-attachment .msg-file-hint { font-size: 10px; opacity: .7; }

.content-link { color: var(--accent); text-decoration: underline; word-break: break-all; }
.message.sent .msg-bubble .content-link { color: #0A0A0B; text-decoration-color: rgba(10,10,11,.5); }
.message.received .msg-bubble .content-link { color: var(--accent); }
.messages-area.theme-midnight .message.received .msg-bubble .content-link { color: var(--accent); }
.messages-area.theme-midnight .message.sent .msg-bubble .content-link { color: #0A0A0B; }

.notif-item { position: relative; cursor: pointer; padding-right: 32px !important; }
.notif-item.unread { background: var(--accent-soft); }
.notif-delete { position: absolute; top: 50%; right: 10px; transform: translateY(-50%); width: 22px; height: 22px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--text-muted); font-size: 11px; }
.notif-delete:hover { background: var(--surface-2); color: var(--error); }
.chat-edit-banner { display: flex; align-items: center; justify-content: space-between; padding: 6px 12px; background: var(--black); border-top: 1px solid var(--border-light); font-size: 12px; color: var(--accent); font-weight: 600; }
.msg-edited-tag { font-size: 10px; opacity: .7; font-style: italic; margin-left: 4px; }

/* ---------- Crop modal ---------- */
.crop-ratio-chips { display: flex; gap: 8px; margin: 12px 0 10px; }
.crop-chip { flex: 1; text-align: center; padding: 9px; border-radius: 10px; border: 1.5px solid var(--border-light); font-size: 12px; font-weight: 600; cursor: pointer; color: var(--text-secondary); background: var(--surface); }
.crop-chip.active { border-color: var(--accent); color: var(--accent); background: var(--accent-soft); }
.crop-stage { width: 100%; display: flex; align-items: center; justify-content: center; background: #000; border-radius: 12px; overflow: hidden; touch-action: none; }
.crop-stage canvas { display: block; max-width: 100%; cursor: grab; }
.crop-stage canvas:active { cursor: grabbing; }
.crop-zoom-row { display: flex; align-items: center; gap: 10px; margin-top: 10px; }
.crop-zoom-row i { color: var(--text-muted); font-size: 12px; }
.crop-zoom-row input[type="range"] { flex: 1; }

/* ---------- Toasts ---------- */
.toast-wrap { position: fixed; top: 64px; right: 12px; z-index: 6000; display: flex; flex-direction: column; align-items: flex-end; pointer-events: none; gap: 6px; }
.toast-msg { padding: 10px 14px; border-radius: 10px; font-size: 12.5px; font-weight: 500; max-width: 300px; animation: slideRight .3s ease; pointer-events: auto; border: 1px solid var(--border-light); color: var(--text-primary); background: var(--surface); box-shadow: var(--shadow-md); }
.toast-msg.success { background: rgba(16,185,129,.12); border-color: rgba(16,185,129,.3); color: #6EE7B7; }
.toast-msg.error   { background: rgba(244,63,94,.12);  border-color: rgba(244,63,94,.3);  color: #FDA4AF; }
.toast-msg.info    { background: var(--accent-soft);      border-color: var(--accent-line);   color: var(--text-primary); }
@keyframes slideRight { from { transform: translateX(100%); opacity: 0; } to { transform: translateX(0); opacity: 1; } }

/* ---------- Empty state ---------- */
.empty-state { text-align: center; padding: 50px 20px; color: var(--text-muted); }
.empty-state i { font-size: 40px; margin-bottom: 12px; display: block; color: var(--text-muted); }

/* ---------- Media viewer ---------- */
.media-viewer { max-width: 90vw; max-height: 90vh; background: #000; border-radius: 12px; overflow: hidden; position: relative; }
.media-download-btn { position: absolute; top: 10px; right: 46px; background: rgba(255,255,255,.25); color: #fff; width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 14px; z-index: 6; text-decoration: none; }
.media-download-btn:hover { background: rgba(255,255,255,.4); }
.media-watermark-overlay { position: absolute; bottom: 14px; right: 14px; background: rgba(0,0,0,.45); color: rgba(255,255,255,.85); font-size: 11px; font-weight: 600; padding: 4px 10px; border-radius: 12px; pointer-events: none; z-index: 4; }
.media-viewer img, .media-viewer video { width: 100%; max-height: 80vh; object-fit: contain; }
.media-close { position: absolute; top: 10px; right: 10px; background: rgba(255,255,255,.3); color: #fff; width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 16px; border: none; z-index: 5; }

/* ---------- Share list ---------- */
.share-user-list { max-height: 200px; overflow-y: auto; margin-top: 8px; }
.share-user-item { padding: 10px; cursor: pointer; display: flex; align-items: center; gap: 10px; border-radius: 8px; transition: background .2s; color: var(--text-primary); }
.share-user-item:hover { background: rgba(255,255,255,0.04); }

/* ---------- Message dropdown ---------- */
.message-dropdown { position: absolute; top: -30px; right: 0; background: var(--surface); border-radius: 12px; box-shadow: var(--shadow-lg); border: 1px solid var(--border-light); padding: 8px 0; min-width: 120px; display: none; z-index: 100; }
.message-dropdown.show { display: block; }
.message-dropdown-item { padding: 8px 16px; cursor: pointer; font-size: 12px; transition: background .2s; display: flex; align-items: center; gap: 8px; color: var(--text-primary); }
.message-dropdown-item:hover { background: rgba(255,255,255,0.04); }
.message-dropdown-item.delete { color: var(--error); }

/* ---------- Tag suggestions ---------- */
.tag-suggestions { position: absolute; background: var(--surface); border-radius: 12px; box-shadow: var(--shadow-lg); border: 1px solid var(--border-light); max-height: 200px; overflow-y: auto; z-index: 1000; display: none; }
.tag-suggestion-item { padding: 8px 12px; cursor: pointer; display: flex; align-items: center; gap: 8px; transition: background .2s; color: var(--text-primary); }
.tag-suggestion-item:hover { background: rgba(255,255,255,0.04); }

/* ---------- Profile module ---------- */
#profileSection { display: none; padding: 0; max-width: 860px; margin: 0 auto; min-height: calc(100vh - 56px); }
#profileSection.active { display: block; }
.pm-cover-wrap { position: relative; height: 220px; background: linear-gradient(135deg, var(--surface-2) 0%, var(--black-2) 50%, var(--accent-soft) 100%); overflow: hidden; border-radius: 0; }
@media(min-width:769px){ .pm-cover-wrap { border-radius: 0 0 20px 20px; } }
.pm-cover-img { width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0; }
.pm-cover-overlay { position: absolute; inset: 0; background: linear-gradient(to bottom, transparent 50%, rgba(0,0,0,.5) 100%); }
.pm-cover-edit-btn { position: absolute; top: 14px; right: 14px; background: rgba(0,0,0,.5); backdrop-filter: blur(8px); color: #fff; border: 1px solid rgba(255,255,255,.15); border-radius: 20px; padding: 7px 14px; font-size: 12px; font-weight: 600; cursor: pointer; display: flex; align-items: center; gap: 6px; transition: all .2s; }
.pm-cover-edit-btn:hover { background: rgba(0,0,0,.7); border-color: var(--accent-line); }
.pm-story-row { position: absolute; bottom: 14px; left: 14px; display: flex; gap: 8px; }

.story-bar { display: flex; gap: 12px; overflow-x: auto; padding: 4px 2px 14px; margin-bottom: 4px; scrollbar-width: none; }
.story-bar::-webkit-scrollbar { display: none; }
.story-bar-item { flex-shrink: 0; display: flex; flex-direction: column; align-items: center; gap: 5px; cursor: pointer; width: 64px; }
.story-bar-ring { width: 58px; height: 58px; border-radius: 50%; padding: 3px; background: var(--accent); display: flex; align-items: center; justify-content: center; }
.story-bar-ring.seen { background: var(--border-light); }
.story-bar-ring.add-own { background: var(--surface-2); border: 2px dashed var(--text-muted); }
.story-bar-avatar { width: 100%; height: 100%; border-radius: 50%; overflow: hidden; border: 2px solid var(--black); position: relative; }
.story-bar-avatar img { width: 100%; height: 100%; object-fit: cover; }
.story-bar-plus { position: absolute; bottom: -2px; right: -2px; background: var(--accent); color: #0A0A0B; width: 18px; height: 18px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 10px; border: 2px solid var(--black); }
.story-bar-label { font-size: 10px; color: var(--text-secondary); text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; }

#storyViewerModal { position: fixed; inset: 0; background: #000; z-index: 5000; display: none; flex-direction: column; }
#storyViewerModal.active { display: flex; }
.story-progress-row { display: flex; gap: 4px; padding: 8px 10px 0; }
.story-progress-seg { flex: 1; height: 3px; background: rgba(255,255,255,.3); border-radius: 3px; overflow: hidden; }
.story-progress-fill { height: 100%; width: 0; background: #fff; }
.story-viewer-header { display: flex; align-items: center; gap: 10px; padding: 10px; color: #fff; }
.story-viewer-header img { width: 32px; height: 32px; border-radius: 50%; object-fit: cover; }
.story-viewer-close { margin-left: auto; color: #fff; font-size: 22px; cursor: pointer; padding: 6px; }
.story-viewer-media-wrap { flex: 1; position: relative; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.story-viewer-media-wrap img, .story-viewer-media-wrap video { max-width: 100%; max-height: 100%; object-fit: contain; }
.story-viewer-caption { position: absolute; bottom: 16px; left: 16px; right: 16px; color: #fff; font-size: 13px; text-shadow: 0 1px 3px rgba(0,0,0,.6); text-align: center; }
.story-viewer-delete { position: absolute; top: 10px; right: 46px; color: #fff; font-size: 16px; cursor: pointer; padding: 6px; }
.story-viewer-actions { display: flex; align-items: center; justify-content: space-between; padding: 10px 16px calc(14px + env(safe-area-inset-bottom)); }
.story-viewer-views { color: #fff; font-size: 12px; opacity: .85; cursor: pointer; display: flex; align-items: center; gap: 6px; }
.story-viewer-react-row { display: flex; gap: 10px; margin-left: auto; }
.story-react-btn { color: #fff; font-size: 14px; cursor: pointer; display: flex; align-items: center; gap: 5px; padding: 8px 10px; border-radius: 20px; background: rgba(255,255,255,.12); transition: all .15s; }
.story-react-btn:hover { background: rgba(255,255,255,.22); }
.story-react-btn.active-like { color: #ff4d6d; }
.story-react-btn.active-dislike { color: #7aa7ff; }
.story-viewer-item-reaction { margin-left: auto; font-size: 13px; }

.pm-story-ring { width: 52px; height: 52px; border-radius: 50%; border: 3px solid var(--accent); padding: 2px; cursor: pointer; position: relative; flex-shrink: 0; transition: transform .2s; background: var(--black); }
.pm-story-ring:hover { transform: scale(1.08); }
.pm-story-ring img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }
.pm-story-ring.add-story { background: rgba(0,0,0,.4); border: 3px dashed rgba(255,255,255,.5); display: flex; align-items: center; justify-content: center; color: var(--accent); font-size: 20px; }

.pm-identity-row { display: flex; align-items: flex-start; gap: 16px; padding: 0 20px; margin-top: -44px; position: relative; z-index: 10; flex-wrap: wrap; }
.pm-avatar-wrap { position: relative; flex-shrink: 0; }
.pm-avatar { width: 88px; height: 88px; border-radius: 50%; border: 4px solid var(--black); overflow: hidden; background: linear-gradient(135deg, var(--accent), #6B6B72); box-shadow: var(--shadow-md); cursor: pointer; }
.pm-avatar img { width: 100%; height: 100%; object-fit: cover; }
.pm-avatar-edit { position: absolute; bottom: 2px; right: 2px; width: 26px; height: 26px; background: var(--accent); border: 2px solid var(--black); border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; color: #0A0A0B; font-size: 11px; transition: all .2s; }
.pm-avatar-edit:hover { transform: scale(1.1); }
.pm-status-dot { position: absolute; top: 6px; left: 6px; width: 14px; height: 14px; border-radius: 50%; border: 2.5px solid var(--black); }
.pm-status-dot.online { background: var(--online); }
.pm-status-dot.offline { background: var(--offline); }
.pm-name-block { flex: 1; min-width: 200px; padding-bottom: 6px; margin-top: 48px; }
.pm-full-name { font-size: 20px; font-weight: 800; color: var(--text-primary); display: flex; align-items: center; gap: 7px; flex-wrap: wrap; }
.pm-username { font-size: 13px; color: var(--text-muted); margin-top: 2px; }
.pm-bio-text { font-size: 13px; color: var(--text-secondary); margin-top: 6px; line-height: 1.55; max-width: 500px; }
.pm-verified-badge { background: var(--verified); color: #fff; border-radius: 50%; width: 20px; height: 20px; display: inline-flex; align-items: center; justify-content: center; font-size: 10px; flex-shrink: 0; }
.pm-role-pill { font-size: 9px; font-weight: 700; padding: 3px 9px; border-radius: 20px; letter-spacing: .6px; text-transform: uppercase; border: 1px solid var(--border-light); }
.pm-role-pill.business { background: var(--accent); color: #0A0A0B; border-color: var(--accent); }
.pm-role-pill.personal { background: transparent; color: var(--text-muted); border-color: var(--border-light); }
.pm-action-btns { display: flex; gap: 8px; padding-bottom: 6px; margin-top: 48px; flex-wrap: wrap; align-items: flex-start; max-width: 100%; }
.pm-btn { padding: 9px 20px; border-radius: 22px; font-size: 13px; font-weight: 600; cursor: pointer; border: none; transition: all .2s; display: flex; align-items: center; gap: 6px; white-space: nowrap; }
.pm-btn-primary { background: var(--accent); color: #0A0A0B; }
.pm-btn-primary:hover { filter: brightness(0.94); }
.pm-btn-outline { background: transparent; color: var(--text-primary); border: 1.5px solid var(--border-strong); }
.pm-btn-outline:hover { background: rgba(255,255,255,.04); }
.pm-btn-msg { background: linear-gradient(135deg, #25D366, #128C7E); color: #fff; }
.pm-btn-msg:hover { filter: brightness(1.05); }

/* Settings dropdown -- default (desktop) positioning is anchored to the button.
   On desktop there's plenty of horizontal room, so absolute positioning with
   right: 0 works. The mobile media query below switches to fixed positioning. */
.pm-settings-btn { width: 38px; height: 38px; border-radius: 50%; border: 1.5px solid var(--border-light); background: var(--surface); cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--text-secondary); font-size: 15px; transition: all .2s; position: relative; }
.pm-settings-btn:hover { background: var(--surface-2); color: var(--text-primary); }
.pm-settings-dropdown { position: absolute; top: 44px; right: 0; background: var(--surface); border-radius: 14px; box-shadow: var(--shadow-lg); border: 1px solid var(--border-light); padding: 8px 0; min-width: 200px; max-width: calc(100vw - 40px); display: none; z-index: 200; }
.pm-settings-dropdown.show { display: block; }
.pm-settings-item { padding: 11px 16px; font-size: 13px; cursor: pointer; display: flex; align-items: center; gap: 10px; transition: background .15s; color: var(--text-primary); }
.pm-settings-item:hover { background: rgba(255,255,255,0.04); }
.pm-settings-item.danger { color: var(--error); }
.pm-settings-item i { color: var(--accent); }

/* On phones, the settings dropdown must anchor to the viewport, not to the
   gear button -- otherwise its left edge (including all the icons) gets
   pushed off-screen on narrow widths. */
@media (max-width: 768px) {
    .pm-settings-dropdown {
        position: fixed;
        top: 60px;
        right: 12px;
        left: 12px;
        min-width: 0;
        width: auto;
        max-width: none;
        max-height: calc(100vh - 80px);
        overflow-y: auto;
    }
    .pm-settings-item {
        padding: 11px 14px;
        gap: 10px;
        font-size: 13.5px;
    }
}

.pm-completion-card { margin: 16px 20px 0; background: var(--surface); border-radius: 14px; padding: 14px 18px; border: 1px solid var(--border-light); display: flex; align-items: center; gap: 14px; }
.pm-completion-info { flex: 1; }
.pm-completion-title { font-size: 12px; font-weight: 700; color: var(--text-primary); margin-bottom: 6px; }
.pm-completion-bar-wrap { background: var(--surface-2); border-radius: 20px; height: 8px; overflow: hidden; }
.pm-completion-bar-fill { height: 100%; border-radius: 20px; background: var(--accent); transition: width .6s cubic-bezier(.34,1.56,.64,1); }
.pm-completion-pct { font-size: 20px; font-weight: 800; color: var(--accent); min-width: 50px; text-align: right; }

.pm-stats-row { display: flex; gap: 0; margin: 16px 20px 0; background: var(--surface); border-radius: 16px; border: 1px solid var(--border-light); overflow: hidden; }
.pm-stat { flex: 1; text-align: center; padding: 14px 8px; cursor: pointer; transition: background .2s; position: relative; }
.pm-stat:not(:last-child)::after { content: ''; position: absolute; right: 0; top: 20%; height: 60%; width: 1px; background: var(--border-light); }
.pm-stat:hover { background: rgba(255,255,255,0.03); }
.pm-stat-num { font-size: 20px; font-weight: 800; color: var(--accent); line-height: 1; }
.pm-stat-label { font-size: 10px; color: var(--text-muted); margin-top: 4px; font-weight: 500; }

.pm-details-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 16px 20px 0; }
@media(max-width:520px){ .pm-details-grid { grid-template-columns: 1fr; } }
.pm-detail-item { background: var(--surface); border-radius: 12px; padding: 12px 14px; border: 1px solid var(--border-light); display: flex; align-items: center; gap: 10px; overflow: hidden; }
.pm-detail-icon { width: 34px; height: 34px; border-radius: 10px; background: var(--accent-soft); border: 1px solid var(--accent-line); display: flex; align-items: center; justify-content: center; color: var(--accent); font-size: 14px; flex-shrink: 0; }
.pm-detail-content { flex: 1; min-width: 0; }
.pm-detail-label { font-size: 10px; color: var(--text-muted); font-weight: 600; text-transform: uppercase; letter-spacing: .5px; }
.pm-detail-value { font-size: 13px; color: var(--text-primary); font-weight: 500; margin-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pm-detail-value a { color: var(--accent); text-decoration: none; }
.pm-detail-value a:hover { text-decoration: underline; }

.pm-social-row { display: flex; gap: 10px; margin: 14px 20px 0; flex-wrap: wrap; }
.pm-social-link { width: 38px; height: 38px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 16px; color: #fff; cursor: pointer; transition: transform .2s, box-shadow .2s; text-decoration: none; }
.pm-social-link:hover { transform: translateY(-2px); box-shadow: 0 6px 16px rgba(0,0,0,.4); }
.pm-social-link.twitter { background: #1DA1F2; }
.pm-social-link.instagram { background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888); }
.pm-social-link.linkedin { background: #0077B5; }
.pm-social-link.github { background: #333; }
.pm-social-link.website { background: var(--accent); color: #0A0A0B; }

.pm-tabs { display: flex; gap: 0; margin: 20px 0 0; border-bottom: 2px solid var(--border-light); overflow-x: auto; scrollbar-width: none; padding: 0 20px; background: var(--surface); }
.pm-tabs::-webkit-scrollbar { display: none; }
.pm-tab { padding: 13px 18px; cursor: pointer; font-size: 13px; font-weight: 600; color: var(--text-muted); border-bottom: 2px solid transparent; margin-bottom: -2px; white-space: nowrap; transition: all .2s; display: flex; align-items: center; gap: 6px; }
.pm-tab:hover { color: var(--accent); background: rgba(255,255,255,.02); }
.pm-tab.active { color: var(--accent); border-bottom-color: var(--accent); }
.pm-tab-count { background: var(--accent); color: #0A0A0B; font-size: 10px; font-weight: 700; padding: 1px 6px; border-radius: 10px; }
.pm-tab-panel { display: none; padding: 16px 20px 32px; }
.pm-tab-panel.active { display: block; }

.pm-posts-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
@media(max-width:480px){ .pm-posts-grid { grid-template-columns: repeat(2, 1fr); } }
.pm-post-thumb { aspect-ratio: 1; border-radius: 10px; overflow: hidden; cursor: pointer; position: relative; background: var(--surface-2); transition: transform .2s; }
.pm-post-thumb:hover { transform: scale(1.02); }
.pm-post-thumb img { width: 100%; height: 100%; object-fit: cover; }
.pm-post-thumb-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,.6) 0%, transparent 50%); opacity: 0; transition: opacity .2s; display: flex; align-items: flex-end; padding: 8px; }
.pm-post-thumb:hover .pm-post-thumb-overlay { opacity: 1; }
.pm-post-thumb-stats { color: #fff; font-size: 11px; display: flex; gap: 8px; }
.pm-grid-icon { position: absolute; top: 6px; left: 6px; color: #fff; font-size: 12px; text-shadow: 0 1px 3px rgba(0,0,0,.6); z-index: 2; }
.pm-grid-textonly { width: 100%; height: 100%; padding: 10px; font-size: 11px; line-height: 1.4; color: var(--text-secondary); background: var(--surface-2); overflow: hidden; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; }
.pm-post-card { background: var(--surface); border-radius: 14px; border: 1px solid var(--border-light); margin-bottom: 12px; overflow: hidden; }
.pm-post-card-body { padding: 14px 16px; font-size: 14px; line-height: 1.55; color: var(--text-primary); }
.pm-post-card-meta { padding: 10px 16px; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid var(--border-light); }
.pm-post-card-meta-item { display: flex; align-items: center; gap: 5px; font-size: 12px; color: var(--text-muted); }

.pm-activity-timeline { position: relative; padding-left: 28px; }
.pm-activity-timeline::before { content: ''; position: absolute; left: 9px; top: 0; bottom: 0; width: 2px; background: var(--border-light); }
.pm-activity-item { position: relative; margin-bottom: 20px; }
.pm-activity-dot { position: absolute; left: -24px; top: 3px; width: 14px; height: 14px; border-radius: 50%; background: var(--accent); border: 2px solid var(--black); box-shadow: 0 0 0 2px var(--accent); }
.pm-activity-dot.like { background: #f44336; box-shadow: 0 0 0 2px #f44336; }
.pm-activity-dot.comment { background: #4caf50; box-shadow: 0 0 0 2px #4caf50; }
.pm-activity-dot.connect { background: var(--verified); box-shadow: 0 0 0 2px var(--verified); }
.pm-activity-dot.post { background: var(--accent); box-shadow: 0 0 0 2px var(--accent); }
.pm-activity-card { background: var(--surface); border-radius: 12px; padding: 12px 14px; border: 1px solid var(--border-light); }
.pm-activity-text { font-size: 13px; color: var(--text-primary); }
.pm-activity-time { font-size: 11px; color: var(--text-muted); margin-top: 4px; }

.pm-about-section { background: var(--surface); border-radius: 14px; padding: 18px; border: 1px solid var(--border-light); margin-bottom: 14px; }
.pm-about-section-title { font-size: 13px; font-weight: 800; color: var(--accent); margin-bottom: 14px; display: flex; align-items: center; gap: 8px; text-transform: uppercase; letter-spacing: .5px; }
.pm-about-row { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 12px; }
.pm-about-row:last-child { margin-bottom: 0; }
.pm-about-icon { color: var(--accent); font-size: 14px; width: 20px; flex-shrink: 0; margin-top: 1px; }
.pm-about-text { font-size: 13px; color: var(--text-secondary); line-height: 1.5; }
.pm-about-label { font-weight: 600; color: var(--text-primary); }

.pm-saved-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
@media(max-width:420px){ .pm-saved-grid { grid-template-columns: 1fr; } }
.pm-saved-item { background: var(--surface); border-radius: 12px; border: 1px solid var(--border-light); overflow: hidden; cursor: pointer; transition: border-color .2s; }
.pm-saved-item:hover { border-color: var(--accent-line); }
.pm-saved-item-img { height: 100px; background: linear-gradient(135deg, var(--surface-2), var(--black-2)); display: flex; align-items: center; justify-content: center; color: var(--text-muted); font-size: 24px; }
.pm-saved-item-img img { width: 100%; height: 100%; object-fit: cover; }
.pm-saved-item-body { padding: 10px 12px; }
.pm-saved-item-title { font-size: 13px; font-weight: 600; color: var(--text-primary); }
.pm-saved-item-meta { font-size: 11px; color: var(--text-muted); margin-top: 3px; }

.pm-edit-avatar-row { display: flex; align-items: center; gap: 16px; margin-bottom: 18px; padding: 14px; background: var(--black-2); border-radius: 12px; border: 1px solid var(--border-light); }
.pm-edit-avatar-preview { width: 70px; height: 70px; border-radius: 50%; object-fit: cover; border: 3px solid var(--accent); flex-shrink: 0; }
.pm-edit-avatar-btns { display: flex; flex-direction: column; gap: 6px; }
.pm-edit-avatar-upload-btn { padding: 7px 14px; border-radius: 20px; font-size: 12px; font-weight: 600; cursor: pointer; border: 1.5px solid var(--accent-line); color: var(--accent); background: transparent; display: inline-flex; align-items: center; gap: 6px; transition: all .2s; }
.pm-edit-avatar-upload-btn:hover { background: var(--accent-soft); }
.pm-cover-upload-btn { padding: 7px 14px; border-radius: 20px; font-size: 12px; font-weight: 600; cursor: pointer; border: 1.5px solid var(--border-light); color: var(--text-secondary); background: transparent; display: inline-flex; align-items: center; gap: 6px; transition: all .2s; }
.pm-cover-upload-btn:hover { border-color: var(--accent-line); color: var(--accent); }
.pm-form-section { margin-bottom: 18px; }
.pm-form-section-title { font-size: 11px; font-weight: 800; color: var(--text-muted); text-transform: uppercase; letter-spacing: .8px; margin-bottom: 10px; display: flex; align-items: center; gap: 6px; }
.pm-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
@media(max-width:480px){ .pm-form-row { grid-template-columns: 1fr; } }
.pm-input-wrap { position: relative; margin-bottom: 10px; }
.pm-input-wrap label { display: block; font-size: 11px; font-weight: 600; color: var(--text-muted); margin-bottom: 4px; text-transform: uppercase; letter-spacing: .4px; }
.pm-input-wrap input, .pm-input-wrap textarea, .pm-input-wrap select { width: 100%; padding: 10px 13px; background: var(--black-2); border: 1px solid var(--border-light); border-radius: 10px; font-size: 13px; font-family: 'Inter', sans-serif; color: var(--text-primary); transition: border-color .2s; }
.pm-input-wrap input::placeholder, .pm-input-wrap textarea::placeholder { color: var(--text-muted); }
.pm-input-wrap input:focus, .pm-input-wrap textarea:focus { outline: none; border-color: var(--accent-line); box-shadow: 0 0 0 3px rgba(255,255,255,.06); }
.pm-char-counter { text-align: right; font-size: 10px; color: var(--text-muted); margin-top: 3px; }
.pm-save-row { display: flex; gap: 8px; margin-top: 6px; }

@keyframes pmSlideUp { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } }
@keyframes pmFadeIn { from { opacity: 0; } to { opacity: 1; } }
#profileSection .pm-cover-wrap { animation: pmFadeIn .4s ease; }
#profileSection .pm-identity-row { animation: pmSlideUp .4s ease .05s both; }
#profileSection .pm-stats-row { animation: pmSlideUp .4s ease .1s both; }
#profileSection .pm-tabs { animation: pmSlideUp .4s ease .15s both; }

@media(max-width:600px){
    .pm-cover-wrap { height: 160px; }
    .pm-identity-row { padding: 0 14px; gap: 10px; flex-direction: column; align-items: flex-start; }
    .pm-name-block { margin-top: 40px; width: 100%; }
    .pm-action-btns { margin-top: 10px; gap: 6px; width: 100%; }
    .pm-full-name { font-size: 17px; }
    .pm-stats-row { margin: 12px 14px 0; }
    .pm-details-grid { margin: 12px 14px 0; }
    .pm-tabs { padding: 0 14px; }
    .pm-tab-panel { padding: 14px 14px 28px; }
    .pm-completion-card { margin: 12px 14px 0; }
    .pm-social-row { margin: 10px 14px 0; }
    .pm-btn { padding: 8px 14px; font-size: 12px; }
}
@media(max-width:400px){
    .pm-avatar { width: 72px; height: 72px; }
    .pm-tab { padding: 11px 12px; font-size: 12px; }
}
@media(max-width:600px){
    #feedSection.content-section,
    #feedSection.content-section.active { padding-left: 0; padding-right: 0; }
    #feedSection .create-post-card,
    #feedSection .feed-post { border-radius: 0; border-left: none; border-right: none; margin-left: 0; margin-right: 0; }
}

/* ---------- Install banner ---------- */
#installBanner { background: linear-gradient(135deg, var(--surface-2), var(--black-2)) !important; border-bottom: 1px solid var(--accent-line); color: var(--text-primary) !important; }
#installBanner .btn { background: var(--accent) !important; color: #0A0A0B !important; }

/* ---------- Old profile overlay (kept for JS compatibility) ---------- */
.profile-view { position: fixed; top: 0; right: -100%; width: 100%; max-width: 380px; height: 100vh; background: var(--surface); z-index: 2000; transition: right .3s; overflow-y: auto; border-left: 1px solid var(--border-light); }
.profile-view.active { right: 0; }
.profile-cover { padding: 24px 20px; background: linear-gradient(135deg, var(--surface-2), #2A2A30); text-align: center; color: var(--text-primary); position: relative; }
.profile-pic-lg { width: 80px; height: 80px; border-radius: 50%; border: 3px solid var(--accent); margin: 0 auto 12px; overflow: hidden; cursor: pointer; position: relative; }
.profile-pic-lg img { width: 100%; height: 100%; object-fit: cover; }
.profile-name-lg { font-size: 18px; font-weight: 700; display: flex; align-items: center; justify-content: center; gap: 4px; flex-wrap: wrap; }
.profile-uname { font-size: 13px; opacity: .9; margin-top: 4px; }
.profile-bio { font-size: 12px; margin-top: 8px; opacity: .85; }
.profile-location { font-size: 11px; margin-top: 4px; opacity: .8; display: flex; align-items: center; justify-content: center; gap: 4px; }
.profile-stats-row { display: flex; justify-content: space-around; padding: 16px; background: var(--black-2); }
.stat-item { text-align: center; }
.stat-num { font-size: 18px; font-weight: 700; color: var(--accent); }
.stat-label { font-size: 11px; color: var(--text-muted); }
.profile-action-btn { background: var(--accent); color: #0A0A0B; border: none; padding: 10px; border-radius: 20px; cursor: pointer; font-weight: 600; font-size: 13px; margin: 12px 16px; width: calc(100% - 32px); transition: all .2s; }
.profile-action-btn:hover { filter: brightness(0.94); }
.close-profile { position: absolute; top: 12px; right: 12px; font-size: 20px; cursor: pointer; background: rgba(0,0,0,.35); width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--text-primary); }

/* ---------- Misc ---------- */
.verified-icon { color: var(--verified); font-size: 12px; }

/* ============================================================
   Attach menu -- mobile positioning fix
   ------------------------------------------------------------
   On phones the attach menu used to be positioned absolute inside
   .attach-menu-wrap, which is inside .input-row, which is inside
   .chat-bottom (position: relative + overflow-x: hidden). That
   chain of nested positioned and clipped ancestors pushed the
   menu off-screen (top of viewport) and left it stuck behind the
   z-index 1000+ chrome. The rules below pin it to the viewport
   on mobile and raise it above everything else in the chat.
   ============================================================ */
@media (max-width: 768px) {
    .attach-menu {
        position: fixed;
        bottom: calc(70px + env(safe-area-inset-bottom));
        left: 12px;
        right: 12px;
        width: auto;
        min-width: 0;
        max-height: calc(100vh - 120px);
        overflow-y: auto;
        z-index: 2600;
    }
    .attach-menu.show {
        animation: attachMenuIn .15s ease;
    }
}

/* ============================================================
   Optimistic like/save animation
   ------------------------------------------------------------
   Applied to the icon the instant the user taps, before the
   server responds. The pop only plays while .just-liked is set
   (a few hundred ms), so re-rendering the feed never replays it
   on every already-liked post. If the request fails, the JS
   reverts the state and the count.
   ============================================================ */
.post-action.just-liked.liked .fa-heart {
    animation: likePop 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.post-action.liked i.fa-heart {
    color: var(--error);
}
.post-action .fa-bookmark.fas {
    color: var(--accent);
}
.post-action.just-saved i.fa-bookmark {
    animation: bookmarkPop 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}
@keyframes likePop {
    0%   { transform: scale(1); }
    40%  { transform: scale(1.45); }
    70%  { transform: scale(0.92); }
    100% { transform: scale(1); }
}
@keyframes bookmarkPop {
    0%   { transform: scale(1) translateY(0); }
    50%  { transform: scale(1.3) translateY(-3px); }
    100% { transform: scale(1) translateY(0); }
}
/* Count label pops alongside the icon */
.post-action.just-liked span,
.post-action.just-saved span {
    animation: countPop 0.35s ease;
}
@keyframes countPop {
    0%   { transform: scale(1); }
    50%  { transform: scale(1.2); }
    100% { transform: scale(1); }
}

/* ============================================================
   Brand-colored live notification -- replaces the generic red
   "LIVE" with a wecket-consistent treatment.
   ============================================================ */
.live-badge {
    background: var(--accent) !important;
    color: #0A0A0B !important;
    font-weight: 800 !important;
    box-shadow: 0 2px 8px rgba(255, 255, 255, 0.35);
}
.live-pill {
    background: var(--accent) !important;
    color: #0A0A0B !important;
    font-weight: 800 !important;
}
.webinar-live-tag {
    background: var(--accent) !important;
    color: #0A0A0B !important;
}
.webinar-live-tag i.fa-circle {
    color: #0A0A0B !important;
}

/* ============================================================
   Swipe-to-go-back affordance -- subtle hint on chat screens
   that a left-edge swipe returns to the previous screen.
   ============================================================ */
.chat-back-swipe-hint {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 40px;
    background: var(--accent);
    border-radius: 0 4px 4px 0;
    opacity: 0;
    transition: opacity 0.15s, transform 0.15s;
    pointer-events: none;
    z-index: 5;
}
.chat-back-swipe-active .chat-back-swipe-hint {
    opacity: 1;
    transform: translateY(-50%) translateX(6px);
}

/* ============================================================
   In-chat voice message player (drives the persistent audio)
   ============================================================ */
.wk-audio {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 200px;
    max-width: 240px;
    padding: 6px 4px;
    cursor: pointer;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}
.wk-audio-btn {
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: none;
    background: var(--accent);
    color: #0A0A0B;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.wk-audio-btn i { pointer-events: none; }
.wk-audio-track {
    flex: 1 1 auto;
    height: 14px;
    display: flex;
    align-items: center;
    position: relative;
}
.wk-audio-track::before {
    content: '';
    position: absolute;
    left: 0; right: 0;
    height: 4px;
    border-radius: 2px;
    background: rgba(255, 255, 255, 0.22);
}
.wk-audio-bar {
    position: relative;
    height: 4px;
    width: 0%;
    border-radius: 2px;
    background: var(--accent);
}
.wk-audio-time {
    flex: 0 0 auto;
    font-size: 11px;
    font-variant-numeric: tabular-nums;
    opacity: 0.8;
    min-width: 30px;
    text-align: right;
}

/* ============================================================
   Admin dashboard -- shared tokens. The full layout lives inline
   in admin.php, but the theme variables and any reusable bits
   are here so admin.php can just link app.css.
   Scoped to <body class="admin-page"> so it never touches the
   main app's links or background.
   ============================================================ */
body.admin-page { background-color: var(--black); }
body.admin-page a { color: var(--accent); }

/* ============================================================
   Desktop top nav: with 10 tabs the strip overflows and scrolls,
   which pushed "Feed" (the first tab) out of view. Below 1500px
   only the active tab shows its label; the rest are icon-only
   (tooltips come from each tab's title attribute).
   ============================================================ */
@media (min-width: 769px) and (max-width: 1500px) {
    .nav-tab:not(.active) { font-size: 0; gap: 0; padding: 8px 13px; }
    .nav-tab:not(.active) i { font-size: 15px; }
    .nav-tab:not(.active) .material-symbols-rounded { font-size: 18px; }
}

/* ============================================================
   Chat Customization -- legible theme picker
   ------------------------------------------------------------
   The old swatches were near-black gradients (#16161A vs #101013 ...)
   on a near-black modal, so themes were indistinguishable. Each swatch
   now shows a brighter tint, a mini received/sent bubble preview, a
   name label, and a clear selected state.
   ============================================================ */
#chatCustomizeModal .chat-theme-swatches { gap: 14px 12px; }
#chatCustomizeModal .ct-item { display: flex; flex-direction: column; align-items: center; gap: 6px; width: 64px; }
#chatCustomizeModal .ct-label { font-size: 11px; font-weight: 600; color: var(--text-muted); pointer-events: none; }
#chatCustomizeModal .ct-item:has(.selected) .ct-label { color: var(--text-primary); }
#chatCustomizeModal .chat-theme-swatch {
    --ct-tint: #D4D4D8;
    position: relative;
    width: 64px;
    height: 64px;
    border-radius: 14px;
    overflow: hidden;
    border: 2px solid rgba(255, 255, 255, 0.3);
}
#chatCustomizeModal .chat-theme-swatch::before,
#chatCustomizeModal .chat-theme-swatch::after {
    content: '';
    position: absolute;
    height: 10px;
    border-radius: 6px;
    pointer-events: none;
}
#chatCustomizeModal .chat-theme-swatch::before { top: 12px; left: 8px; width: 28px; background: rgba(255, 255, 255, 0.55); }
#chatCustomizeModal .chat-theme-swatch::after  { bottom: 12px; right: 8px; width: 32px; background: var(--ct-tint); }
#chatCustomizeModal .chat-theme-swatch.selected {
    border-color: #fff;
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.35), 0 4px 14px rgba(0, 0, 0, 0.5);
    transform: scale(1.04);
}
#chatCustomizeModal .chat-theme-swatch[data-theme="default"]  { --ct-tint: #D4D4D8; background: linear-gradient(160deg, #3A3A44, #16161A) !important; }
#chatCustomizeModal .chat-theme-swatch[data-theme="ocean"]    { --ct-tint: #38BDF8; background: linear-gradient(160deg, #1F5A80, #0A1119) !important; }
#chatCustomizeModal .chat-theme-swatch[data-theme="sunset"]   { --ct-tint: #FB923C; background: linear-gradient(160deg, #7A3F17, #150A05) !important; }
#chatCustomizeModal .chat-theme-swatch[data-theme="forest"]   { --ct-tint: #4ADE80; background: linear-gradient(160deg, #1F6040, #08110B) !important; }
#chatCustomizeModal .chat-theme-swatch[data-theme="midnight"] { --ct-tint: #A78BFA; background: linear-gradient(160deg, #15151C, #000000) !important; }
#chatCustomizeModal .chat-theme-swatch[data-theme="blossom"]  { --ct-tint: #F472B6; background: linear-gradient(160deg, #6B2D63, #100710) !important; }
#chatCustomizeModal .chat-theme-swatch[data-theme="dots"] {
    --ct-tint: #E4E4E7;
    background-color: #1C1C22 !important;
    background-image: radial-gradient(rgba(255,255,255,0.55) 1.6px, transparent 1.6px) !important;
    background-size: 11px 11px !important;
}
#chatCustomizeModal .chat-theme-swatch[data-theme="doodle"] {
    --ct-tint: #FACC15;
    background-color: #1C1C24 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 160 160'%3E%3Cg fill='none' stroke='%23FFFFFF' stroke-width='5' stroke-opacity='0.5'%3E%3Cpath d='M20 24h22a6 6 0 0 1 6 6v10a6 6 0 0 1-6 6H30l-6 6v-6h-4a6 6 0 0 1-6-6V30a6 6 0 0 1 6-6z'/%3E%3Cpath d='M118 96c0-6 5-10 10-10s10 4 10 10c0 7-10 15-10 15s-10-8-10-15z'/%3E%3Ccircle cx='128' cy='34' r='9'/%3E%3C/g%3E%3C/svg%3E") !important;
    background-size: 48px 48px !important;
}
#chatCustomizeModal .chat-theme-swatch[data-theme="waves"] {
    --ct-tint: #22D3EE;
    background-color: #12202A !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='20' viewBox='0 0 120 60'%3E%3Cpath d='M0 20 Q15 5 30 20 T60 20 T90 20 T120 20' fill='none' stroke='%23FFFFFF' stroke-opacity='0.6' stroke-width='5'/%3E%3Cpath d='M0 45 Q15 30 30 45 T60 45 T90 45 T120 45' fill='none' stroke='%23FFFFFF' stroke-opacity='0.4' stroke-width='5'/%3E%3C/svg%3E") !important;
    background-size: 40px 20px !important;
}

/* ============================================================
   Message menu (copy / forward / EDIT / DELETE) -- reachable everywhere
   ------------------------------------------------------------
   Before: the ⋮ button was opacity:0 until :hover, so on phones/tablets
   (no hover) it could never be seen or tapped; it also sat 30px outside
   the bubble on the right, which clips against the scroll area for sent
   messages, and the dropdown (absolute, top:-30px) was clipped at the top
   of the list. Now: always visible on touch, on the free side of each
   bubble, with a bigger tap target, and the dropdown is fixed-position.
   ============================================================ */
.message .message-menu { padding: 4px 9px; font-size: 14px; z-index: 2; }
.message.sent .message-menu { right: auto; left: -30px; }
.message.received .message-menu { right: -30px; left: auto; }
.message:has(.message-dropdown.show) .message-menu { opacity: 1; }
@media (hover: none), (pointer: coarse) {
    .message .message-menu { opacity: 0.8; }
}
.message-dropdown { position: fixed; z-index: 3000; min-width: 150px; }
.message-dropdown-item { padding: 11px 16px; font-size: 13px; }

/* ============================================================
   Invitations
   ============================================================ */
.invite-banner { background: rgba(255,255,255,0.07); border: 1px solid var(--border-strong); border-radius: 12px; padding: 10px 12px; margin-bottom: 12px; font-size: 13px; line-height: 1.45; color: var(--text-primary); }
.invite-link-row { display: flex; gap: 8px; align-items: stretch; flex-wrap: wrap; }
.invite-link-row input { flex: 1 1 180px; min-width: 0; }
.invite-results { margin-top: 10px; font-size: 12px; display: flex; flex-direction: column; gap: 4px; }
.invite-admin { margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--border-light); }
.invite-admin h3 { font-size: 14px; margin: 0 0 6px; }
#regEmail[readonly] { opacity: 0.8; cursor: not-allowed; }

/* ============================================================
   Chat wallpapers -- colorful patterned themes (WhatsApp-style)
   ------------------------------------------------------------
   Each theme = a tiled SVG pattern (--wall-<name>) over a gradient,
   plus its own sent-bubble colour. Applied by JS as .theme-<name>
   (+ .has-theme) on #messagesContainer.
   ============================================================ */
:root {
    --wall-doodle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='200' height='200' viewBox='0 0 200 200'%3E%3Cdefs%3E%3Cg id='m0'%3E%3Cpath d='M3 -15L-9 3h8l-4 12L11 -3H3z'/%3E%3C/g%3E%3Cg id='m1'%3E%3Cpath d='M-10 -11h20a5 5 0 0 1 5 5v10a5 5 0 0 1-5 5H-2l-8 7v-7a5 5 0 0 1-5-5v-10a5 5 0 0 1 5-5z'/%3E%3C/g%3E%3Cg id='m2'%3E%3Crect x='-15' y='-9' width='30' height='21' rx='5'/%3E%3Ccircle cx='0' cy='2' r='6'/%3E%3Cpath d='M-6 -9l2-5h8l2 5'/%3E%3C/g%3E%3Cg id='m3'%3E%3Ccircle cx='0' cy='-9' r='5.5'/%3E%3Ccircle cx='9' cy='0' r='5.5'/%3E%3Ccircle cx='0' cy='9' r='5.5'/%3E%3Ccircle cx='-9' cy='0' r='5.5'/%3E%3Ccircle r='3'/%3E%3C/g%3E%3Cg id='m4'%3E%3Cpath d='M0 12C-14 3-16-5-16-9a8 8 0 0 1 16-2 8 8 0 0 1 16 2c0 4-2 12-16 21z'/%3E%3C/g%3E%3Cg id='m5'%3E%3Cpath d='M-5 11V-11l14-3v21'/%3E%3Ccircle cx='-9' cy='11' r='4.5'/%3E%3Ccircle cx='5' cy='7' r='4.5'/%3E%3C/g%3E%3Cg id='m6'%3E%3Cpath d='M-15 0L15 -13 8 13 -1 5z'/%3E%3Cpath d='M-1 5L15 -13'/%3E%3C/g%3E%3Cg id='m7'%3E%3Ccircle r='14'/%3E%3Cpath d='M-7 3q7 8 14 0'/%3E%3Ccircle cx='-5' cy='-4' r='1.3'/%3E%3Ccircle cx='5' cy='-4' r='1.3'/%3E%3C/g%3E%3Cg id='m8'%3E%3Cpath d='M0 -15Q2 -2 15 0 2 2 0 15 -2 2 -15 0 -2 -2 0 -15z'/%3E%3C/g%3E%3Cg id='m9'%3E%3Cpath d='M0 -15L4.4 -4.6 15.6 -4.6 6.6 2.6 9.8 13.8 0 7 -9.8 13.8 -6.6 2.6 -15.6 -4.6 -4.4 -4.6z'/%3E%3C/g%3E%3C/defs%3E%3Cg fill='none' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round' opacity='0.72'%3E%3Cuse xlink:href='%23m7' transform='translate(51.7 65.6) rotate(175) scale(0.45)' stroke='%23F472B6'/%3E%3Cuse xlink:href='%23m2' transform='translate(21.0 111.6) rotate(70) scale(0.42)' stroke='%2360A5FA'/%3E%3Cuse xlink:href='%23m2' transform='translate(221.0 111.6) rotate(70) scale(0.42)' stroke='%2360A5FA'/%3E%3Cuse xlink:href='%23m4' transform='translate(24.5 -19.5) rotate(-139) scale(0.54)' stroke='%23FB7185'/%3E%3Cuse xlink:href='%23m4' transform='translate(24.5 180.5) rotate(-139) scale(0.54)' stroke='%23FB7185'/%3E%3Cuse xlink:href='%23m0' transform='translate(118.4 16.5) rotate(60) scale(0.45)' stroke='%2334D399'/%3E%3Cuse xlink:href='%23m0' transform='translate(118.4 216.5) rotate(60) scale(0.45)' stroke='%2334D399'/%3E%3Cuse xlink:href='%23m8' transform='translate(8.2 141.6) rotate(-39) scale(0.42)' stroke='%23FCD34D'/%3E%3Cuse xlink:href='%23m8' transform='translate(208.2 141.6) rotate(-39) scale(0.42)' stroke='%23FCD34D'/%3E%3Cuse xlink:href='%23m9' transform='translate(53.9 171.5) rotate(124) scale(0.43)' stroke='%23A78BFA'/%3E%3Cuse xlink:href='%23m3' transform='translate(9.2 22.2) rotate(57) scale(0.52)' stroke='%2338BDF8'/%3E%3Cuse xlink:href='%23m3' transform='translate(209.2 22.2) rotate(57) scale(0.52)' stroke='%2338BDF8'/%3E%3Cuse xlink:href='%23m5' transform='translate(146.8 25.0) rotate(-119) scale(0.46)' stroke='%23F9A8D4'/%3E%3Cuse xlink:href='%23m1' transform='translate(107.5 63.9) rotate(26) scale(0.56)' stroke='%23FBBF24'/%3E%3Cuse xlink:href='%23m6' transform='translate(172.0 -12.2) rotate(-57) scale(0.46)' stroke='%23FCD34D'/%3E%3Cuse xlink:href='%23m6' transform='translate(172.0 187.8) rotate(-57) scale(0.46)' stroke='%23FCD34D'/%3E%3Cuse xlink:href='%23m7' transform='translate(177.3 100.3) rotate(124) scale(0.63)' stroke='%23F9A8D4'/%3E%3Cuse xlink:href='%23m5' transform='translate(67.7 143.2) rotate(17) scale(0.54)' stroke='%23FB7185'/%3E%3Cuse xlink:href='%23m2' transform='translate(-0.4 77.0) rotate(127) scale(0.63)' stroke='%2338BDF8'/%3E%3Cuse xlink:href='%23m2' transform='translate(199.6 77.0) rotate(127) scale(0.63)' stroke='%2338BDF8'/%3E%3Cuse xlink:href='%23m9' transform='translate(139.9 120.3) rotate(-68) scale(0.58)' stroke='%23A78BFA'/%3E%3Cuse xlink:href='%23m8' transform='translate(95.4 -9.5) rotate(99) scale(0.49)' stroke='%23FBBF24'/%3E%3Cuse xlink:href='%23m8' transform='translate(95.4 190.5) rotate(99) scale(0.49)' stroke='%23FBBF24'/%3E%3Cuse xlink:href='%23m3' transform='translate(40.1 32.2) rotate(121) scale(0.47)' stroke='%2360A5FA'/%3E%3Cuse xlink:href='%23m1' transform='translate(77.5 37.6) rotate(-147) scale(0.38)' stroke='%2334D399'/%3E%3Cuse xlink:href='%23m0' transform='translate(138.0 65.0) rotate(140) scale(0.62)' stroke='%23F472B6'/%3E%3Cuse xlink:href='%23m4' transform='translate(105.4 132.7) rotate(126) scale(0.44)' stroke='%2334D399'/%3E%3Cuse xlink:href='%23m6' transform='translate(97.4 91.6) rotate(-59) scale(0.40)' stroke='%23A78BFA'/%3E%3Cuse xlink:href='%23m5' transform='translate(163.5 50.3) rotate(-173) scale(0.38)' stroke='%23F472B6'/%3E%3Cuse xlink:href='%23m2' transform='translate(61.9 108.2) rotate(100) scale(0.48)' stroke='%2360A5FA'/%3E%3Cuse xlink:href='%23m4' transform='translate(127.2 172.0) rotate(8) scale(0.64)' stroke='%23FCD34D'/%3E%3Cuse xlink:href='%23m6' transform='translate(161.3 156.8) rotate(-141) scale(0.48)' stroke='%23F9A8D4'/%3E%3Cuse xlink:href='%23m1' transform='translate(67.1 5.7) rotate(117) scale(0.41)' stroke='%23FBBF24'/%3E%3Cuse xlink:href='%23m1' transform='translate(67.1 205.7) rotate(117) scale(0.41)' stroke='%23FBBF24'/%3E%3Cuse xlink:href='%23m3' transform='translate(-21.2 21.5) rotate(106) scale(0.62)' stroke='%23FB7185'/%3E%3Cuse xlink:href='%23m3' transform='translate(-21.2 221.5) rotate(106) scale(0.62)' stroke='%23FB7185'/%3E%3Cuse xlink:href='%23m3' transform='translate(178.8 21.5) rotate(106) scale(0.62)' stroke='%23FB7185'/%3E%3Cuse xlink:href='%23m3' transform='translate(178.8 221.5) rotate(106) scale(0.62)' stroke='%23FB7185'/%3E%3Cuse xlink:href='%23m7' transform='translate(-6.4 48.2) rotate(-149) scale(0.46)' stroke='%2338BDF8'/%3E%3Cuse xlink:href='%23m7' transform='translate(193.6 48.2) rotate(-149) scale(0.46)' stroke='%2338BDF8'/%3E%3Cuse xlink:href='%23m8' transform='translate(-21.3 132.3) rotate(-114) scale(0.38)' stroke='%23FBBF24'/%3E%3Cuse xlink:href='%23m8' transform='translate(178.7 132.3) rotate(-114) scale(0.38)' stroke='%23FBBF24'/%3E%3Cuse xlink:href='%23m0' transform='translate(37.5 140.6) rotate(-149) scale(0.55)' stroke='%2334D399'/%3E%3Cuse xlink:href='%23m9' transform='translate(23.7 57.1) rotate(-171) scale(0.53)' stroke='%2338BDF8'/%3E%3C/g%3E%3C/svg%3E");
    --wall-ocean: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='200' height='200' viewBox='0 0 200 200'%3E%3Cdefs%3E%3Cg id='m0'%3E%3Ccircle cx='-6' cy='4' r='6'/%3E%3Ccircle cx='7' cy='-6' r='3.5'/%3E%3Ccircle cx='8' cy='8' r='2'/%3E%3C/g%3E%3Cg id='m1'%3E%3Cpath d='M-14 0q9 -11 20 0q-11 11 -20 0z'/%3E%3Cpath d='M6 0l9 -7v14z'/%3E%3Ccircle cx='-7' cy='-1.5' r='1'/%3E%3C/g%3E%3Cg id='m2'%3E%3Ccircle r='9'/%3E%3C/g%3E%3Cg id='m3'%3E%3Cpath d='M0 -15Q2 -2 15 0 2 2 0 15 -2 2 -15 0 -2 -2 0 -15z'/%3E%3C/g%3E%3Cg id='m4'%3E%3Cpath d='M-16 0q4 -8 8 0t8 0 8 0 8 0'/%3E%3C/g%3E%3C/defs%3E%3Cg fill='none' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round' opacity='0.72'%3E%3Cuse xlink:href='%23m0' transform='translate(54.6 97.1) rotate(-96) scale(0.50)' stroke='%2367E8F9'/%3E%3Cuse xlink:href='%23m1' transform='translate(79.4 22.9) rotate(61) scale(0.38)' stroke='%232DD4BF'/%3E%3Cuse xlink:href='%23m2' transform='translate(92.1 119.1) rotate(-81) scale(0.52)' stroke='%237DD3FC'/%3E%3Cuse xlink:href='%23m4' transform='translate(20.3 161.8) rotate(-171) scale(0.47)' stroke='%2322D3EE'/%3E%3Cuse xlink:href='%23m4' transform='translate(220.3 161.8) rotate(-171) scale(0.47)' stroke='%2322D3EE'/%3E%3Cuse xlink:href='%23m4' transform='translate(5.3 120.1) rotate(-142) scale(0.50)' stroke='%2338BDF8'/%3E%3Cuse xlink:href='%23m4' transform='translate(205.3 120.1) rotate(-142) scale(0.50)' stroke='%2338BDF8'/%3E%3Cuse xlink:href='%23m3' transform='translate(36.0 11.9) rotate(-92) scale(0.56)' stroke='%237DD3FC'/%3E%3Cuse xlink:href='%23m3' transform='translate(36.0 211.9) rotate(-92) scale(0.56)' stroke='%237DD3FC'/%3E%3Cuse xlink:href='%23m0' transform='translate(86.2 -13.5) rotate(95) scale(0.38)' stroke='%2338BDF8'/%3E%3Cuse xlink:href='%23m0' transform='translate(86.2 186.5) rotate(95) scale(0.38)' stroke='%2338BDF8'/%3E%3Cuse xlink:href='%23m1' transform='translate(114.5 66.9) rotate(-1) scale(0.53)' stroke='%2367E8F9'/%3E%3Cuse xlink:href='%23m2' transform='translate(-16.1 33.7) rotate(-24) scale(0.56)' stroke='%232DD4BF'/%3E%3Cuse xlink:href='%23m2' transform='translate(183.9 33.7) rotate(-24) scale(0.56)' stroke='%232DD4BF'/%3E%3Cuse xlink:href='%23m3' transform='translate(167.4 147.5) rotate(147) scale(0.38)' stroke='%2322D3EE'/%3E%3Cuse xlink:href='%23m4' transform='translate(160.3 78.4) rotate(165) scale(0.52)' stroke='%237DD3FC'/%3E%3Cuse xlink:href='%23m4' transform='translate(124.1 16.7) rotate(-72) scale(0.63)' stroke='%2322D3EE'/%3E%3Cuse xlink:href='%23m4' transform='translate(124.1 216.7) rotate(-72) scale(0.63)' stroke='%2322D3EE'/%3E%3Cuse xlink:href='%23m3' transform='translate(10.9 74.1) rotate(-45) scale(0.61)' stroke='%232DD4BF'/%3E%3Cuse xlink:href='%23m3' transform='translate(210.9 74.1) rotate(-45) scale(0.61)' stroke='%232DD4BF'/%3E%3Cuse xlink:href='%23m4' transform='translate(136.1 151.5) rotate(127) scale(0.51)' stroke='%2338BDF8'/%3E%3Cuse xlink:href='%23m0' transform='translate(68.3 60.4) rotate(64) scale(0.41)' stroke='%2367E8F9'/%3E%3Cuse xlink:href='%23m1' transform='translate(151.4 44.4) rotate(-132) scale(0.56)' stroke='%2367E8F9'/%3E%3Cuse xlink:href='%23m2' transform='translate(105.7 160.1) rotate(110) scale(0.55)' stroke='%232DD4BF'/%3E%3Cuse xlink:href='%23m4' transform='translate(1.1 4.2) rotate(-128) scale(0.58)' stroke='%2338BDF8'/%3E%3Cuse xlink:href='%23m4' transform='translate(1.1 204.2) rotate(-128) scale(0.58)' stroke='%2338BDF8'/%3E%3Cuse xlink:href='%23m4' transform='translate(201.1 4.2) rotate(-128) scale(0.58)' stroke='%2338BDF8'/%3E%3Cuse xlink:href='%23m4' transform='translate(201.1 204.2) rotate(-128) scale(0.58)' stroke='%2338BDF8'/%3E%3Cuse xlink:href='%23m3' transform='translate(57.4 135.1) rotate(139) scale(0.44)' stroke='%2322D3EE'/%3E%3Cuse xlink:href='%23m1' transform='translate(168.2 -8.9) rotate(94) scale(0.39)' stroke='%237DD3FC'/%3E%3Cuse xlink:href='%23m1' transform='translate(168.2 191.1) rotate(94) scale(0.39)' stroke='%237DD3FC'/%3E%3Cuse xlink:href='%23m0' transform='translate(147.4 115.2) rotate(-10) scale(0.59)' stroke='%2322D3EE'/%3E%3Cuse xlink:href='%23m4' transform='translate(-18.7 100.0) rotate(164) scale(0.41)' stroke='%2338BDF8'/%3E%3Cuse xlink:href='%23m4' transform='translate(181.3 100.0) rotate(164) scale(0.41)' stroke='%2338BDF8'/%3E%3Cuse xlink:href='%23m4' transform='translate(40.5 41.7) rotate(63) scale(0.59)' stroke='%232DD4BF'/%3E%3Cuse xlink:href='%23m2' transform='translate(47.7 -16.4) rotate(58) scale(0.53)' stroke='%2367E8F9'/%3E%3Cuse xlink:href='%23m2' transform='translate(47.7 183.6) rotate(58) scale(0.53)' stroke='%2367E8F9'/%3E%3Cuse xlink:href='%23m1' transform='translate(118.6 101.9) rotate(171) scale(0.48)' stroke='%237DD3FC'/%3E%3Cuse xlink:href='%23m3' transform='translate(89.7 87.3) rotate(-179) scale(0.43)' stroke='%2338BDF8'/%3E%3Cuse xlink:href='%23m0' transform='translate(136.1 -17.8) rotate(-176) scale(0.42)' stroke='%2367E8F9'/%3E%3Cuse xlink:href='%23m0' transform='translate(136.1 182.2) rotate(-176) scale(0.42)' stroke='%2367E8F9'/%3E%3Cuse xlink:href='%23m4' transform='translate(-7.0 172.5) rotate(-50) scale(0.43)' stroke='%232DD4BF'/%3E%3Cuse xlink:href='%23m4' transform='translate(193.0 172.5) rotate(-50) scale(0.43)' stroke='%232DD4BF'/%3E%3Cuse xlink:href='%23m2' transform='translate(13.1 31.6) rotate(-51) scale(0.54)' stroke='%237DD3FC'/%3E%3Cuse xlink:href='%23m2' transform='translate(213.1 31.6) rotate(-51) scale(0.54)' stroke='%237DD3FC'/%3E%3Cuse xlink:href='%23m4' transform='translate(40.1 71.5) rotate(-24) scale(0.64)' stroke='%2322D3EE'/%3E%3C/g%3E%3C/svg%3E");
    --wall-sunset: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='200' height='200' viewBox='0 0 200 200'%3E%3Cdefs%3E%3Cg id='m0'%3E%3Cpath d='M-14 -3q7 -9 14 3q7 -12 14 -3'/%3E%3C/g%3E%3Cg id='m1'%3E%3Cpath d='M-13 8a7 7 0 0 1 2-13 9 9 0 0 1 17 2 6 6 0 0 1 -1 11z'/%3E%3C/g%3E%3Cg id='m2'%3E%3Ccircle r='9'/%3E%3C/g%3E%3Cg id='m3'%3E%3Cpath d='M0 -15Q2 -2 15 0 2 2 0 15 -2 2 -15 0 -2 -2 0 -15z'/%3E%3C/g%3E%3Cg id='m4'%3E%3Cpath d='M0 -15L4.4 -4.6 15.6 -4.6 6.6 2.6 9.8 13.8 0 7 -9.8 13.8 -6.6 2.6 -15.6 -4.6 -4.4 -4.6z'/%3E%3C/g%3E%3Cg id='m5'%3E%3Ccircle r='7'/%3E%3Cpath d='M0 -13v-3M0 13v3M-13 0h-3M13 0h3M-9 -9l-2-2M9 9l2 2M-9 9l-2 2M9 -9l2-2'/%3E%3C/g%3E%3C/defs%3E%3Cg fill='none' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round' opacity='0.72'%3E%3Cuse xlink:href='%23m2' transform='translate(71.2 33.3) rotate(-146) scale(0.49)' stroke='%23FB923C'/%3E%3Cuse xlink:href='%23m3' transform='translate(59.5 142.0) rotate(83) scale(0.46)' stroke='%23C084FC'/%3E%3Cuse xlink:href='%23m0' transform='translate(149.4 7.7) rotate(-90) scale(0.47)' stroke='%23FBBF24'/%3E%3Cuse xlink:href='%23m0' transform='translate(149.4 207.7) rotate(-90) scale(0.47)' stroke='%23FBBF24'/%3E%3Cuse xlink:href='%23m5' transform='translate(-1.5 2.7) rotate(108) scale(0.47)' stroke='%23F87171'/%3E%3Cuse xlink:href='%23m5' transform='translate(-1.5 202.7) rotate(108) scale(0.47)' stroke='%23F87171'/%3E%3Cuse xlink:href='%23m5' transform='translate(198.5 2.7) rotate(108) scale(0.47)' stroke='%23F87171'/%3E%3Cuse xlink:href='%23m5' transform='translate(198.5 202.7) rotate(108) scale(0.47)' stroke='%23F87171'/%3E%3Cuse xlink:href='%23m4' transform='translate(-4.3 79.1) rotate(89) scale(0.62)' stroke='%23F472B6'/%3E%3Cuse xlink:href='%23m4' transform='translate(195.7 79.1) rotate(89) scale(0.62)' stroke='%23F472B6'/%3E%3Cuse xlink:href='%23m1' transform='translate(84.7 112.2) rotate(174) scale(0.61)' stroke='%23FBBF24'/%3E%3Cuse xlink:href='%23m1' transform='translate(176.9 139.1) rotate(-173) scale(0.53)' stroke='%23F472B6'/%3E%3Cuse xlink:href='%23m2' transform='translate(17.8 164.3) rotate(-83) scale(0.58)' stroke='%23F87171'/%3E%3Cuse xlink:href='%23m2' transform='translate(217.8 164.3) rotate(-83) scale(0.58)' stroke='%23F87171'/%3E%3Cuse xlink:href='%23m4' transform='translate(115.3 -0.4) rotate(141) scale(0.50)' stroke='%23FB923C'/%3E%3Cuse xlink:href='%23m4' transform='translate(115.3 199.6) rotate(141) scale(0.50)' stroke='%23FB923C'/%3E%3Cuse xlink:href='%23m0' transform='translate(152.8 166.6) rotate(45) scale(0.54)' stroke='%23C084FC'/%3E%3Cuse xlink:href='%23m5' transform='translate(32.4 89.2) rotate(32) scale(0.50)' stroke='%23F87171'/%3E%3Cuse xlink:href='%23m3' transform='translate(127.3 56.5) rotate(-34) scale(0.45)' stroke='%23FBBF24'/%3E%3Cuse xlink:href='%23m1' transform='translate(35.6 55.1) rotate(-136) scale(0.59)' stroke='%23FB923C'/%3E%3Cuse xlink:href='%23m4' transform='translate(97.8 152.1) rotate(13) scale(0.54)' stroke='%23F472B6'/%3E%3Cuse xlink:href='%23m5' transform='translate(-11.1 110.1) rotate(-133) scale(0.51)' stroke='%23C084FC'/%3E%3Cuse xlink:href='%23m5' transform='translate(188.9 110.1) rotate(-133) scale(0.51)' stroke='%23C084FC'/%3E%3Cuse xlink:href='%23m3' transform='translate(63.8 177.1) rotate(106) scale(0.56)' stroke='%23FBBF24'/%3E%3Cuse xlink:href='%23m2' transform='translate(68.1 63.6) rotate(62) scale(0.46)' stroke='%23FB923C'/%3E%3Cuse xlink:href='%23m0' transform='translate(100.5 79.1) rotate(170) scale(0.60)' stroke='%23C084FC'/%3E%3Cuse xlink:href='%23m3' transform='translate(33.4 121.3) rotate(-15) scale(0.48)' stroke='%23F87171'/%3E%3Cuse xlink:href='%23m4' transform='translate(42.3 26.0) rotate(-63) scale(0.38)' stroke='%23F472B6'/%3E%3Cuse xlink:href='%23m1' transform='translate(85.1 0.9) rotate(62) scale(0.46)' stroke='%23F87171'/%3E%3Cuse xlink:href='%23m1' transform='translate(85.1 200.9) rotate(62) scale(0.46)' stroke='%23F87171'/%3E%3Cuse xlink:href='%23m0' transform='translate(-0.6 48.8) rotate(41) scale(0.60)' stroke='%23C084FC'/%3E%3Cuse xlink:href='%23m0' transform='translate(199.4 48.8) rotate(41) scale(0.60)' stroke='%23C084FC'/%3E%3Cuse xlink:href='%23m2' transform='translate(165.1 86.1) rotate(147) scale(0.49)' stroke='%23FBBF24'/%3E%3Cuse xlink:href='%23m5' transform='translate(142.0 121.9) rotate(-22) scale(0.43)' stroke='%23F472B6'/%3E%3Cuse xlink:href='%23m1' transform='translate(111.9 124.4) rotate(-137) scale(0.40)' stroke='%23FB923C'/%3E%3Cuse xlink:href='%23m0' transform='translate(33.5 -4.5) rotate(116) scale(0.38)' stroke='%23F472B6'/%3E%3Cuse xlink:href='%23m0' transform='translate(33.5 195.5) rotate(116) scale(0.38)' stroke='%23F472B6'/%3E%3Cuse xlink:href='%23m3' transform='translate(158.3 45.1) rotate(164) scale(0.52)' stroke='%23F87171'/%3E%3Cuse xlink:href='%23m4' transform='translate(104.5 38.2) rotate(95) scale(0.38)' stroke='%23FBBF24'/%3E%3Cuse xlink:href='%23m2' transform='translate(125.3 95.9) rotate(-127) scale(0.62)' stroke='%23C084FC'/%3E%3Cuse xlink:href='%23m5' transform='translate(-15.6 174.7) rotate(169) scale(0.64)' stroke='%23FB923C'/%3E%3Cuse xlink:href='%23m5' transform='translate(184.4 174.7) rotate(169) scale(0.64)' stroke='%23FB923C'/%3E%3C/g%3E%3C/svg%3E");
    --wall-forest: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='200' height='200' viewBox='0 0 200 200'%3E%3Cdefs%3E%3Cg id='m0'%3E%3Cpath d='M0 14Q-15 4 0 -14Q15 4 0 14z'/%3E%3Cpath d='M0 14V-8'/%3E%3C/g%3E%3Cg id='m1'%3E%3Cpath d='M0 -15L-10 0h6L-12 11h24L4 0h6z'/%3E%3Cpath d='M0 11v5'/%3E%3C/g%3E%3Cg id='m2'%3E%3Ccircle r='9'/%3E%3C/g%3E%3Cg id='m3'%3E%3Cpath d='M0 -15Q2 -2 15 0 2 2 0 15 -2 2 -15 0 -2 -2 0 -15z'/%3E%3C/g%3E%3C/defs%3E%3Cg fill='none' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round' opacity='0.72'%3E%3Cuse xlink:href='%23m0' transform='translate(-1.1 -7.3) rotate(-5) scale(0.60)' stroke='%2334D399'/%3E%3Cuse xlink:href='%23m0' transform='translate(-1.1 192.7) rotate(-5) scale(0.60)' stroke='%2334D399'/%3E%3Cuse xlink:href='%23m0' transform='translate(198.9 -7.3) rotate(-5) scale(0.60)' stroke='%2334D399'/%3E%3Cuse xlink:href='%23m0' transform='translate(198.9 192.7) rotate(-5) scale(0.60)' stroke='%2334D399'/%3E%3Cuse xlink:href='%23m0' transform='translate(12.9 64.3) rotate(176) scale(0.56)' stroke='%23A3E635'/%3E%3Cuse xlink:href='%23m0' transform='translate(212.9 64.3) rotate(176) scale(0.56)' stroke='%23A3E635'/%3E%3Cuse xlink:href='%23m3' transform='translate(116.8 141.0) rotate(-14) scale(0.47)' stroke='%23FACC15'/%3E%3Cuse xlink:href='%23m2' transform='translate(35.0 163.0) rotate(-159) scale(0.53)' stroke='%234ADE80'/%3E%3Cuse xlink:href='%23m1' transform='translate(69.8 172.6) rotate(132) scale(0.58)' stroke='%2386EFAC'/%3E%3Cuse xlink:href='%23m1' transform='translate(16.5 107.0) rotate(42) scale(0.63)' stroke='%23FACC15'/%3E%3Cuse xlink:href='%23m1' transform='translate(216.5 107.0) rotate(42) scale(0.63)' stroke='%23FACC15'/%3E%3Cuse xlink:href='%23m0' transform='translate(61.7 12.9) rotate(92) scale(0.45)' stroke='%2334D399'/%3E%3Cuse xlink:href='%23m0' transform='translate(61.7 212.9) rotate(92) scale(0.45)' stroke='%2334D399'/%3E%3Cuse xlink:href='%23m0' transform='translate(111.9 63.0) rotate(90) scale(0.52)' stroke='%2386EFAC'/%3E%3Cuse xlink:href='%23m3' transform='translate(149.0 -19.3) rotate(10) scale(0.42)' stroke='%234ADE80'/%3E%3Cuse xlink:href='%23m3' transform='translate(149.0 180.7) rotate(10) scale(0.42)' stroke='%234ADE80'/%3E%3Cuse xlink:href='%23m2' transform='translate(105.9 15.3) rotate(-57) scale(0.54)' stroke='%23A3E635'/%3E%3Cuse xlink:href='%23m2' transform='translate(105.9 215.3) rotate(-57) scale(0.54)' stroke='%23A3E635'/%3E%3Cuse xlink:href='%23m3' transform='translate(148.0 149.8) rotate(123) scale(0.41)' stroke='%2334D399'/%3E%3Cuse xlink:href='%23m0' transform='translate(61.3 139.9) rotate(40) scale(0.55)' stroke='%2386EFAC'/%3E%3Cuse xlink:href='%23m2' transform='translate(147.3 47.2) rotate(-120) scale(0.44)' stroke='%23FACC15'/%3E%3Cuse xlink:href='%23m0' transform='translate(-20.9 87.4) rotate(-71) scale(0.62)' stroke='%23A3E635'/%3E%3Cuse xlink:href='%23m0' transform='translate(179.1 87.4) rotate(-71) scale(0.62)' stroke='%23A3E635'/%3E%3Cuse xlink:href='%23m1' transform='translate(173.1 30.5) rotate(97) scale(0.63)' stroke='%234ADE80'/%3E%3Cuse xlink:href='%23m0' transform='translate(24.8 31.3) rotate(1) scale(0.51)' stroke='%2334D399'/%3E%3Cuse xlink:href='%23m3' transform='translate(0.6 136.5) rotate(155) scale(0.56)' stroke='%23FACC15'/%3E%3Cuse xlink:href='%23m3' transform='translate(200.6 136.5) rotate(155) scale(0.56)' stroke='%23FACC15'/%3E%3Cuse xlink:href='%23m0' transform='translate(110.9 109.0) rotate(78) scale(0.53)' stroke='%234ADE80'/%3E%3Cuse xlink:href='%23m2' transform='translate(76.2 82.8) rotate(149) scale(0.63)' stroke='%2386EFAC'/%3E%3Cuse xlink:href='%23m1' transform='translate(85.4 36.4) rotate(-129) scale(0.45)' stroke='%23A3E635'/%3E%3Cuse xlink:href='%23m0' transform='translate(172.0 115.8) rotate(157) scale(0.52)' stroke='%2334D399'/%3E%3Cuse xlink:href='%23m1' transform='translate(42.5 90.6) rotate(-91) scale(0.49)' stroke='%2386EFAC'/%3E%3Cuse xlink:href='%23m2' transform='translate(101.9 166.2) rotate(-108) scale(0.55)' stroke='%23A3E635'/%3E%3Cuse xlink:href='%23m0' transform='translate(51.8 43.6) rotate(92) scale(0.53)' stroke='%23FACC15'/%3E%3Cuse xlink:href='%23m3' transform='translate(30.6 133.0) rotate(-152) scale(0.53)' stroke='%234ADE80'/%3E%3Cuse xlink:href='%23m3' transform='translate(136.5 88.4) rotate(-104) scale(0.57)' stroke='%2386EFAC'/%3E%3Cuse xlink:href='%23m1' transform='translate(-21.1 159.8) rotate(44) scale(0.58)' stroke='%2334D399'/%3E%3Cuse xlink:href='%23m1' transform='translate(178.9 159.8) rotate(44) scale(0.58)' stroke='%2334D399'/%3E%3Cuse xlink:href='%23m2' transform='translate(28.7 -6.3) rotate(-121) scale(0.59)' stroke='%23A3E635'/%3E%3Cuse xlink:href='%23m2' transform='translate(28.7 193.7) rotate(-121) scale(0.59)' stroke='%23A3E635'/%3E%3Cuse xlink:href='%23m0' transform='translate(120.7 -10.8) rotate(101) scale(0.55)' stroke='%23FACC15'/%3E%3Cuse xlink:href='%23m0' transform='translate(120.7 189.2) rotate(101) scale(0.55)' stroke='%23FACC15'/%3E%3Cuse xlink:href='%23m0' transform='translate(139.9 16.1) rotate(-93) scale(0.61)' stroke='%234ADE80'/%3E%3Cuse xlink:href='%23m0' transform='translate(139.9 216.1) rotate(-93) scale(0.61)' stroke='%234ADE80'/%3E%3C/g%3E%3C/svg%3E");
    --wall-midnight: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='200' height='200' viewBox='0 0 200 200'%3E%3Cdefs%3E%3Cg id='m0'%3E%3Cpath d='M5 -13a14 14 0 1 0 8 22A11 11 0 0 1 5 -13z'/%3E%3C/g%3E%3Cg id='m1'%3E%3Ccircle r='9'/%3E%3C/g%3E%3Cg id='m2'%3E%3Cpath d='M0 -15Q2 -2 15 0 2 2 0 15 -2 2 -15 0 -2 -2 0 -15z'/%3E%3C/g%3E%3Cg id='m3'%3E%3Cpath d='M0 -15L4.4 -4.6 15.6 -4.6 6.6 2.6 9.8 13.8 0 7 -9.8 13.8 -6.6 2.6 -15.6 -4.6 -4.4 -4.6z'/%3E%3C/g%3E%3C/defs%3E%3Cg fill='none' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round' opacity='0.8'%3E%3Cuse xlink:href='%23m2' transform='translate(157.3 62.1) rotate(4) scale(0.41)' stroke='%23E0E7FF'/%3E%3Cuse xlink:href='%23m0' transform='translate(58.3 66.6) rotate(-39) scale(0.43)' stroke='%23A5B4FC'/%3E%3Cuse xlink:href='%23m3' transform='translate(130.0 96.8) rotate(38) scale(0.42)' stroke='%23FDE68A'/%3E%3Cuse xlink:href='%23m1' transform='translate(155.8 161.2) rotate(11) scale(0.53)' stroke='%23F5D0FE'/%3E%3Cuse xlink:href='%23m3' transform='translate(-1.2 17.4) rotate(-44) scale(0.59)' stroke='%23C4B5FD'/%3E%3Cuse xlink:href='%23m3' transform='translate(-1.2 217.4) rotate(-44) scale(0.59)' stroke='%23C4B5FD'/%3E%3Cuse xlink:href='%23m3' transform='translate(198.8 17.4) rotate(-44) scale(0.59)' stroke='%23C4B5FD'/%3E%3Cuse xlink:href='%23m3' transform='translate(198.8 217.4) rotate(-44) scale(0.59)' stroke='%23C4B5FD'/%3E%3Cuse xlink:href='%23m0' transform='translate(55.9 125.7) rotate(-163) scale(0.40)' stroke='%23E0E7FF'/%3E%3Cuse xlink:href='%23m2' transform='translate(96.9 84.2) rotate(43) scale(0.50)' stroke='%23FDE68A'/%3E%3Cuse xlink:href='%23m1' transform='translate(16.3 136.7) rotate(165) scale(0.39)' stroke='%23A5B4FC'/%3E%3Cuse xlink:href='%23m1' transform='translate(216.3 136.7) rotate(165) scale(0.39)' stroke='%23A5B4FC'/%3E%3Cuse xlink:href='%23m3' transform='translate(64.8 10.5) rotate(-68) scale(0.60)' stroke='%23C4B5FD'/%3E%3Cuse xlink:href='%23m3' transform='translate(64.8 210.5) rotate(-68) scale(0.60)' stroke='%23C4B5FD'/%3E%3Cuse xlink:href='%23m3' transform='translate(166.5 122.4) rotate(-60) scale(0.41)' stroke='%23F5D0FE'/%3E%3Cuse xlink:href='%23m2' transform='translate(65.8 161.2) rotate(-11) scale(0.50)' stroke='%23A5B4FC'/%3E%3Cuse xlink:href='%23m0' transform='translate(104.2 11.2) rotate(-88) scale(0.50)' stroke='%23E0E7FF'/%3E%3Cuse xlink:href='%23m0' transform='translate(104.2 211.2) rotate(-88) scale(0.50)' stroke='%23E0E7FF'/%3E%3Cuse xlink:href='%23m1' transform='translate(116.8 174.4) rotate(-159) scale(0.61)' stroke='%23F5D0FE'/%3E%3Cuse xlink:href='%23m3' transform='translate(33.2 12.4) rotate(10) scale(0.62)' stroke='%23C4B5FD'/%3E%3Cuse xlink:href='%23m3' transform='translate(33.2 212.4) rotate(10) scale(0.62)' stroke='%23C4B5FD'/%3E%3Cuse xlink:href='%23m3' transform='translate(-11.1 67.5) rotate(86) scale(0.44)' stroke='%23FDE68A'/%3E%3Cuse xlink:href='%23m3' transform='translate(188.9 67.5) rotate(86) scale(0.44)' stroke='%23FDE68A'/%3E%3Cuse xlink:href='%23m0' transform='translate(131.8 129.1) rotate(153) scale(0.57)' stroke='%23F5D0FE'/%3E%3Cuse xlink:href='%23m3' transform='translate(19.5 56.4) rotate(-161) scale(0.58)' stroke='%23FDE68A'/%3E%3Cuse xlink:href='%23m3' transform='translate(219.5 56.4) rotate(-161) scale(0.58)' stroke='%23FDE68A'/%3E%3Cuse xlink:href='%23m3' transform='translate(7.6 172.6) rotate(-66) scale(0.47)' stroke='%23A5B4FC'/%3E%3Cuse xlink:href='%23m3' transform='translate(207.6 172.6) rotate(-66) scale(0.47)' stroke='%23A5B4FC'/%3E%3Cuse xlink:href='%23m1' transform='translate(161.5 9.0) rotate(18) scale(0.41)' stroke='%23E0E7FF'/%3E%3Cuse xlink:href='%23m1' transform='translate(161.5 209.0) rotate(18) scale(0.41)' stroke='%23E0E7FF'/%3E%3Cuse xlink:href='%23m2' transform='translate(5.0 106.0) rotate(-131) scale(0.60)' stroke='%23C4B5FD'/%3E%3Cuse xlink:href='%23m2' transform='translate(205.0 106.0) rotate(-131) scale(0.60)' stroke='%23C4B5FD'/%3E%3Cuse xlink:href='%23m3' transform='translate(121.1 67.2) rotate(124) scale(0.42)' stroke='%23E0E7FF'/%3E%3Cuse xlink:href='%23m0' transform='translate(134.6 35.7) rotate(6) scale(0.59)' stroke='%23F5D0FE'/%3E%3Cuse xlink:href='%23m1' transform='translate(90.6 123.1) rotate(31) scale(0.60)' stroke='%23C4B5FD'/%3E%3Cuse xlink:href='%23m3' transform='translate(87.4 49.3) rotate(-150) scale(0.50)' stroke='%23A5B4FC'/%3E%3Cuse xlink:href='%23m2' transform='translate(37.4 99.3) rotate(154) scale(0.57)' stroke='%23FDE68A'/%3E%3Cuse xlink:href='%23m1' transform='translate(-14.0 148.1) rotate(-11) scale(0.64)' stroke='%23FDE68A'/%3E%3Cuse xlink:href='%23m1' transform='translate(186.0 148.1) rotate(-11) scale(0.64)' stroke='%23FDE68A'/%3E%3Cuse xlink:href='%23m0' transform='translate(40.9 -17.9) rotate(-6) scale(0.43)' stroke='%23C4B5FD'/%3E%3Cuse xlink:href='%23m0' transform='translate(40.9 182.1) rotate(-6) scale(0.43)' stroke='%23C4B5FD'/%3E%3Cuse xlink:href='%23m3' transform='translate(84.9 -15.8) rotate(103) scale(0.50)' stroke='%23A5B4FC'/%3E%3Cuse xlink:href='%23m3' transform='translate(84.9 184.2) rotate(103) scale(0.50)' stroke='%23A5B4FC'/%3E%3Cuse xlink:href='%23m2' transform='translate(49.4 37.2) rotate(-135) scale(0.43)' stroke='%23F5D0FE'/%3E%3Cuse xlink:href='%23m3' transform='translate(69.6 98.7) rotate(70) scale(0.61)' stroke='%23E0E7FF'/%3E%3C/g%3E%3C/svg%3E");
    --wall-blossom: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='200' height='200' viewBox='0 0 200 200'%3E%3Cdefs%3E%3Cg id='m0'%3E%3Ccircle cx='0' cy='-9' r='5.5'/%3E%3Ccircle cx='9' cy='0' r='5.5'/%3E%3Ccircle cx='0' cy='9' r='5.5'/%3E%3Ccircle cx='-9' cy='0' r='5.5'/%3E%3Ccircle r='3'/%3E%3C/g%3E%3Cg id='m1'%3E%3Cpath d='M0 12C-14 3-16-5-16-9a8 8 0 0 1 16-2 8 8 0 0 1 16 2c0 4-2 12-16 21z'/%3E%3C/g%3E%3Cg id='m2'%3E%3Ccircle r='9'/%3E%3C/g%3E%3Cg id='m3'%3E%3Cpath d='M0 -15Q2 -2 15 0 2 2 0 15 -2 2 -15 0 -2 -2 0 -15z'/%3E%3C/g%3E%3C/defs%3E%3Cg fill='none' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round' opacity='0.72'%3E%3Cuse xlink:href='%23m2' transform='translate(30.8 -1.9) rotate(-59) scale(0.59)' stroke='%23F472B6'/%3E%3Cuse xlink:href='%23m2' transform='translate(30.8 198.1) rotate(-59) scale(0.59)' stroke='%23F472B6'/%3E%3Cuse xlink:href='%23m1' transform='translate(100.5 83.3) rotate(149) scale(0.49)' stroke='%23FDA4AF'/%3E%3Cuse xlink:href='%23m0' transform='translate(177.5 78.5) rotate(-34) scale(0.54)' stroke='%23F9A8D4'/%3E%3Cuse xlink:href='%23m3' transform='translate(175.4 32.4) rotate(-81) scale(0.60)' stroke='%23E9D5FF'/%3E%3Cuse xlink:href='%23m0' transform='translate(161.3 177.2) rotate(-138) scale(0.49)' stroke='%23FBCFE8'/%3E%3Cuse xlink:href='%23m2' transform='translate(-2.9 153.5) rotate(-165) scale(0.63)' stroke='%23F472B6'/%3E%3Cuse xlink:href='%23m2' transform='translate(197.1 153.5) rotate(-165) scale(0.63)' stroke='%23F472B6'/%3E%3Cuse xlink:href='%23m3' transform='translate(107.7 27.9) rotate(-34) scale(0.43)' stroke='%23FDA4AF'/%3E%3Cuse xlink:href='%23m0' transform='translate(34.0 143.5) rotate(124) scale(0.48)' stroke='%23FBCFE8'/%3E%3Cuse xlink:href='%23m1' transform='translate(93.3 112.0) rotate(74) scale(0.38)' stroke='%23E9D5FF'/%3E%3Cuse xlink:href='%23m0' transform='translate(136.8 51.8) rotate(85) scale(0.60)' stroke='%23F9A8D4'/%3E%3Cuse xlink:href='%23m3' transform='translate(43.6 48.2) rotate(168) scale(0.40)' stroke='%23F9A8D4'/%3E%3Cuse xlink:href='%23m1' transform='translate(150.0 89.8) rotate(-167) scale(0.63)' stroke='%23E9D5FF'/%3E%3Cuse xlink:href='%23m2' transform='translate(39.9 87.2) rotate(61) scale(0.46)' stroke='%23FDA4AF'/%3E%3Cuse xlink:href='%23m0' transform='translate(74.5 43.7) rotate(-27) scale(0.44)' stroke='%23FBCFE8'/%3E%3Cuse xlink:href='%23m0' transform='translate(-18.5 122.3) rotate(109) scale(0.48)' stroke='%23F472B6'/%3E%3Cuse xlink:href='%23m0' transform='translate(181.5 122.3) rotate(109) scale(0.48)' stroke='%23F472B6'/%3E%3Cuse xlink:href='%23m2' transform='translate(146.0 130.1) rotate(91) scale(0.51)' stroke='%23F9A8D4'/%3E%3Cuse xlink:href='%23m1' transform='translate(118.6 -14.2) rotate(25) scale(0.42)' stroke='%23E9D5FF'/%3E%3Cuse xlink:href='%23m1' transform='translate(118.6 185.8) rotate(25) scale(0.42)' stroke='%23E9D5FF'/%3E%3Cuse xlink:href='%23m0' transform='translate(118.3 145.5) rotate(-109) scale(0.39)' stroke='%23FBCFE8'/%3E%3Cuse xlink:href='%23m3' transform='translate(146.2 5.1) rotate(-122) scale(0.60)' stroke='%23FDA4AF'/%3E%3Cuse xlink:href='%23m3' transform='translate(146.2 205.1) rotate(-122) scale(0.60)' stroke='%23FDA4AF'/%3E%3Cuse xlink:href='%23m0' transform='translate(-7.6 -5.9) rotate(172) scale(0.55)' stroke='%23F472B6'/%3E%3Cuse xlink:href='%23m0' transform='translate(-7.6 194.1) rotate(172) scale(0.55)' stroke='%23F472B6'/%3E%3Cuse xlink:href='%23m0' transform='translate(192.4 -5.9) rotate(172) scale(0.55)' stroke='%23F472B6'/%3E%3Cuse xlink:href='%23m0' transform='translate(192.4 194.1) rotate(172) scale(0.55)' stroke='%23F472B6'/%3E%3Cuse xlink:href='%23m0' transform='translate(1.3 100.7) rotate(-127) scale(0.43)' stroke='%23FBCFE8'/%3E%3Cuse xlink:href='%23m0' transform='translate(201.3 100.7) rotate(-127) scale(0.43)' stroke='%23FBCFE8'/%3E%3Cuse xlink:href='%23m0' transform='translate(51.9 177.4) rotate(164) scale(0.40)' stroke='%23E9D5FF'/%3E%3Cuse xlink:href='%23m3' transform='translate(5.4 65.9) rotate(-152) scale(0.42)' stroke='%23FDA4AF'/%3E%3Cuse xlink:href='%23m3' transform='translate(205.4 65.9) rotate(-152) scale(0.42)' stroke='%23FDA4AF'/%3E%3Cuse xlink:href='%23m2' transform='translate(15.1 32.9) rotate(8) scale(0.54)' stroke='%23F472B6'/%3E%3Cuse xlink:href='%23m2' transform='translate(215.1 32.9) rotate(8) scale(0.54)' stroke='%23F472B6'/%3E%3Cuse xlink:href='%23m1' transform='translate(87.8 3.4) rotate(-65) scale(0.39)' stroke='%23F9A8D4'/%3E%3Cuse xlink:href='%23m1' transform='translate(87.8 203.4) rotate(-65) scale(0.39)' stroke='%23F9A8D4'/%3E%3Cuse xlink:href='%23m0' transform='translate(124.9 107.7) rotate(-81) scale(0.52)' stroke='%23FDA4AF'/%3E%3Cuse xlink:href='%23m0' transform='translate(89.6 155.0) rotate(167) scale(0.48)' stroke='%23F472B6'/%3E%3Cuse xlink:href='%23m3' transform='translate(71.1 83.4) rotate(109) scale(0.57)' stroke='%23FBCFE8'/%3E%3Cuse xlink:href='%23m1' transform='translate(50.2 117.6) rotate(-139) scale(0.40)' stroke='%23F9A8D4'/%3E%3Cuse xlink:href='%23m2' transform='translate(55.8 19.2) rotate(65) scale(0.52)' stroke='%23E9D5FF'/%3E%3Cuse xlink:href='%23m2' transform='translate(55.8 219.2) rotate(65) scale(0.52)' stroke='%23E9D5FF'/%3E%3C/g%3E%3C/svg%3E");
    --wall-aurora: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='200' height='200' viewBox='0 0 200 200'%3E%3Cdefs%3E%3Cg id='m0'%3E%3Ccircle cx='-6' cy='4' r='6'/%3E%3Ccircle cx='7' cy='-6' r='3.5'/%3E%3Ccircle cx='8' cy='8' r='2'/%3E%3C/g%3E%3Cg id='m1'%3E%3Ccircle r='9'/%3E%3C/g%3E%3Cg id='m2'%3E%3Cpath d='M0 -15Q2 -2 15 0 2 2 0 15 -2 2 -15 0 -2 -2 0 -15z'/%3E%3C/g%3E%3Cg id='m3'%3E%3Cpath d='M0 -15L4.4 -4.6 15.6 -4.6 6.6 2.6 9.8 13.8 0 7 -9.8 13.8 -6.6 2.6 -15.6 -4.6 -4.4 -4.6z'/%3E%3C/g%3E%3Cg id='m4'%3E%3Cpath d='M-16 0q4 -8 8 0t8 0 8 0 8 0'/%3E%3C/g%3E%3C/defs%3E%3Cg fill='none' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round' opacity='0.72'%3E%3Cuse xlink:href='%23m2' transform='translate(28.3 12.0) rotate(58) scale(0.57)' stroke='%23A78BFA'/%3E%3Cuse xlink:href='%23m2' transform='translate(28.3 212.0) rotate(58) scale(0.57)' stroke='%23A78BFA'/%3E%3Cuse xlink:href='%23m3' transform='translate(151.7 17.2) rotate(160) scale(0.47)' stroke='%2386EFAC'/%3E%3Cuse xlink:href='%23m3' transform='translate(151.7 217.2) rotate(160) scale(0.47)' stroke='%2386EFAC'/%3E%3Cuse xlink:href='%23m0' transform='translate(69.2 124.1) rotate(71) scale(0.43)' stroke='%23F0ABFC'/%3E%3Cuse xlink:href='%23m4' transform='translate(63.8 -14.5) rotate(83) scale(0.58)' stroke='%235EEAD4'/%3E%3Cuse xlink:href='%23m4' transform='translate(63.8 185.5) rotate(83) scale(0.58)' stroke='%235EEAD4'/%3E%3Cuse xlink:href='%23m1' transform='translate(-6.2 146.3) rotate(87) scale(0.42)' stroke='%2367E8F9'/%3E%3Cuse xlink:href='%23m1' transform='translate(193.8 146.3) rotate(87) scale(0.42)' stroke='%2367E8F9'/%3E%3Cuse xlink:href='%23m0' transform='translate(47.1 54.7) rotate(-78) scale(0.65)' stroke='%2367E8F9'/%3E%3Cuse xlink:href='%23m3' transform='translate(98.9 115.4) rotate(-66) scale(0.59)' stroke='%23A78BFA'/%3E%3Cuse xlink:href='%23m1' transform='translate(65.0 15.1) rotate(117) scale(0.51)' stroke='%235EEAD4'/%3E%3Cuse xlink:href='%23m1' transform='translate(65.0 215.1) rotate(117) scale(0.51)' stroke='%235EEAD4'/%3E%3Cuse xlink:href='%23m4' transform='translate(1.1 35.2) rotate(36) scale(0.57)' stroke='%2386EFAC'/%3E%3Cuse xlink:href='%23m4' transform='translate(201.1 35.2) rotate(36) scale(0.57)' stroke='%2386EFAC'/%3E%3Cuse xlink:href='%23m2' transform='translate(100.5 175.1) rotate(-124) scale(0.42)' stroke='%23F0ABFC'/%3E%3Cuse xlink:href='%23m4' transform='translate(16.7 119.4) rotate(-58) scale(0.54)' stroke='%235EEAD4'/%3E%3Cuse xlink:href='%23m4' transform='translate(216.7 119.4) rotate(-58) scale(0.54)' stroke='%235EEAD4'/%3E%3Cuse xlink:href='%23m0' transform='translate(174.4 -9.1) rotate(-153) scale(0.40)' stroke='%23A78BFA'/%3E%3Cuse xlink:href='%23m0' transform='translate(174.4 190.9) rotate(-153) scale(0.40)' stroke='%23A78BFA'/%3E%3Cuse xlink:href='%23m2' transform='translate(36.0 94.1) rotate(20) scale(0.39)' stroke='%2386EFAC'/%3E%3Cuse xlink:href='%23m1' transform='translate(154.2 66.4) rotate(38) scale(0.53)' stroke='%2367E8F9'/%3E%3Cuse xlink:href='%23m3' transform='translate(114.3 141.6) rotate(-9) scale(0.54)' stroke='%23F0ABFC'/%3E%3Cuse xlink:href='%23m1' transform='translate(83.6 84.7) rotate(72) scale(0.42)' stroke='%235EEAD4'/%3E%3Cuse xlink:href='%23m3' transform='translate(-13.3 89.3) rotate(-158) scale(0.59)' stroke='%2386EFAC'/%3E%3Cuse xlink:href='%23m3' transform='translate(186.7 89.3) rotate(-158) scale(0.59)' stroke='%2386EFAC'/%3E%3Cuse xlink:href='%23m0' transform='translate(149.3 122.3) rotate(105) scale(0.60)' stroke='%2367E8F9'/%3E%3Cuse xlink:href='%23m2' transform='translate(18.6 164.9) rotate(80) scale(0.57)' stroke='%23F0ABFC'/%3E%3Cuse xlink:href='%23m2' transform='translate(218.6 164.9) rotate(80) scale(0.57)' stroke='%23F0ABFC'/%3E%3Cuse xlink:href='%23m4' transform='translate(6.2 65.5) rotate(-97) scale(0.65)' stroke='%23A78BFA'/%3E%3Cuse xlink:href='%23m4' transform='translate(206.2 65.5) rotate(-97) scale(0.65)' stroke='%23A78BFA'/%3E%3Cuse xlink:href='%23m2' transform='translate(114.8 8.4) rotate(-6) scale(0.41)' stroke='%235EEAD4'/%3E%3Cuse xlink:href='%23m2' transform='translate(114.8 208.4) rotate(-6) scale(0.41)' stroke='%235EEAD4'/%3E%3Cuse xlink:href='%23m3' transform='translate(78.1 54.5) rotate(44) scale(0.58)' stroke='%2386EFAC'/%3E%3Cuse xlink:href='%23m0' transform='translate(162.1 151.0) rotate(-157) scale(0.63)' stroke='%23A78BFA'/%3E%3Cuse xlink:href='%23m4' transform='translate(122.3 93.3) rotate(6) scale(0.55)' stroke='%2367E8F9'/%3E%3Cuse xlink:href='%23m1' transform='translate(43.4 145.7) rotate(105) scale(0.51)' stroke='%23F0ABFC'/%3E%3Cuse xlink:href='%23m4' transform='translate(128.9 -18.1) rotate(25) scale(0.59)' stroke='%2367E8F9'/%3E%3Cuse xlink:href='%23m4' transform='translate(128.9 181.9) rotate(25) scale(0.59)' stroke='%2367E8F9'/%3E%3Cuse xlink:href='%23m2' transform='translate(-15.8 118.4) rotate(-83) scale(0.57)' stroke='%235EEAD4'/%3E%3Cuse xlink:href='%23m2' transform='translate(184.2 118.4) rotate(-83) scale(0.57)' stroke='%235EEAD4'/%3E%3Cuse xlink:href='%23m0' transform='translate(116.6 60.3) rotate(-60) scale(0.44)' stroke='%23A78BFA'/%3E%3Cuse xlink:href='%23m3' transform='translate(71.9 153.9) rotate(-91) scale(0.51)' stroke='%23F0ABFC'/%3E%3Cuse xlink:href='%23m1' transform='translate(172.1 39.9) rotate(153) scale(0.62)' stroke='%2386EFAC'/%3E%3C/g%3E%3C/svg%3E");
    --wall-candy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='200' height='200' viewBox='0 0 200 200'%3E%3Cdefs%3E%3Cg id='m0'%3E%3Cpath d='M0 -14L10 0 0 14-10 0z'/%3E%3C/g%3E%3Cg id='m1'%3E%3Ccircle r='5'/%3E%3C/g%3E%3Cg id='m2'%3E%3Cpath d='M0 -10v20M-10 0h20'/%3E%3C/g%3E%3Cg id='m3'%3E%3Ccircle r='9'/%3E%3C/g%3E%3Cg id='m4'%3E%3Cpath d='M-14 4q4 -10 7 0t7 0 7 0'/%3E%3C/g%3E%3Cg id='m5'%3E%3Cpath d='M0 -12L12 9H-12z'/%3E%3C/g%3E%3C/defs%3E%3Cg fill='none' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round' opacity='0.72'%3E%3Cuse xlink:href='%23m3' transform='translate(-13.4 161.2) rotate(-163) scale(0.48)' stroke='%235EEAD4'/%3E%3Cuse xlink:href='%23m3' transform='translate(186.6 161.2) rotate(-163) scale(0.48)' stroke='%235EEAD4'/%3E%3Cuse xlink:href='%23m0' transform='translate(-6.3 59.3) rotate(-141) scale(0.64)' stroke='%23F472B6'/%3E%3Cuse xlink:href='%23m0' transform='translate(193.7 59.3) rotate(-141) scale(0.64)' stroke='%23F472B6'/%3E%3Cuse xlink:href='%23m4' transform='translate(141.9 128.9) rotate(-80) scale(0.63)' stroke='%23C4B5FD'/%3E%3Cuse xlink:href='%23m2' transform='translate(66.5 139.9) rotate(120) scale(0.50)' stroke='%23FDE047'/%3E%3Cuse xlink:href='%23m5' transform='translate(56.1 52.4) rotate(-155) scale(0.47)' stroke='%23FDBA74'/%3E%3Cuse xlink:href='%23m1' transform='translate(118.8 168.2) rotate(15) scale(0.62)' stroke='%2393C5FD'/%3E%3Cuse xlink:href='%23m1' transform='translate(88.0 111.8) rotate(-171) scale(0.46)' stroke='%235EEAD4'/%3E%3Cuse xlink:href='%23m3' transform='translate(30.7 -6.8) rotate(13) scale(0.60)' stroke='%2393C5FD'/%3E%3Cuse xlink:href='%23m3' transform='translate(30.7 193.2) rotate(13) scale(0.60)' stroke='%2393C5FD'/%3E%3Cuse xlink:href='%23m4' transform='translate(25.9 155.7) rotate(128) scale(0.43)' stroke='%23FDE047'/%3E%3Cuse xlink:href='%23m2' transform='translate(158.1 92.6) rotate(92) scale(0.61)' stroke='%23FDBA74'/%3E%3Cuse xlink:href='%23m0' transform='translate(118.3 101.4) rotate(-17) scale(0.59)' stroke='%23F472B6'/%3E%3Cuse xlink:href='%23m5' transform='translate(102.1 51.3) rotate(-103) scale(0.59)' stroke='%23C4B5FD'/%3E%3Cuse xlink:href='%23m3' transform='translate(-0.9 121.7) rotate(152) scale(0.52)' stroke='%23F472B6'/%3E%3Cuse xlink:href='%23m3' transform='translate(199.1 121.7) rotate(152) scale(0.52)' stroke='%23F472B6'/%3E%3Cuse xlink:href='%23m2' transform='translate(164.3 53.2) rotate(25) scale(0.61)' stroke='%23C4B5FD'/%3E%3Cuse xlink:href='%23m4' transform='translate(60.3 101.5) rotate(115) scale(0.45)' stroke='%23FDBA74'/%3E%3Cuse xlink:href='%23m5' transform='translate(123.0 22.1) rotate(-116) scale(0.64)' stroke='%235EEAD4'/%3E%3Cuse xlink:href='%23m0' transform='translate(27.0 24.5) rotate(168) scale(0.58)' stroke='%23FDE047'/%3E%3Cuse xlink:href='%23m1' transform='translate(77.1 75.0) rotate(-27) scale(0.42)' stroke='%2393C5FD'/%3E%3Cuse xlink:href='%23m1' transform='translate(85.2 12.7) rotate(-145) scale(0.46)' stroke='%23FDBA74'/%3E%3Cuse xlink:href='%23m1' transform='translate(85.2 212.7) rotate(-145) scale(0.46)' stroke='%23FDBA74'/%3E%3Cuse xlink:href='%23m2' transform='translate(62.8 -20.6) rotate(-146) scale(0.48)' stroke='%23F472B6'/%3E%3Cuse xlink:href='%23m2' transform='translate(62.8 179.4) rotate(-146) scale(0.48)' stroke='%23F472B6'/%3E%3Cuse xlink:href='%23m4' transform='translate(-3.8 11.8) rotate(71) scale(0.47)' stroke='%23C4B5FD'/%3E%3Cuse xlink:href='%23m4' transform='translate(-3.8 211.8) rotate(71) scale(0.47)' stroke='%23C4B5FD'/%3E%3Cuse xlink:href='%23m4' transform='translate(196.2 11.8) rotate(71) scale(0.47)' stroke='%23C4B5FD'/%3E%3Cuse xlink:href='%23m4' transform='translate(196.2 211.8) rotate(71) scale(0.47)' stroke='%23C4B5FD'/%3E%3Cuse xlink:href='%23m3' transform='translate(27.3 86.5) rotate(-84) scale(0.42)' stroke='%235EEAD4'/%3E%3Cuse xlink:href='%23m0' transform='translate(139.4 -3.7) rotate(-167) scale(0.48)' stroke='%23FDE047'/%3E%3Cuse xlink:href='%23m0' transform='translate(139.4 196.3) rotate(-167) scale(0.48)' stroke='%23FDE047'/%3E%3Cuse xlink:href='%23m5' transform='translate(157.9 173.0) rotate(99) scale(0.53)' stroke='%2393C5FD'/%3E%3Cuse xlink:href='%23m3' transform='translate(54.6 13.4) rotate(-64) scale(0.52)' stroke='%23FDE047'/%3E%3Cuse xlink:href='%23m3' transform='translate(54.6 213.4) rotate(-64) scale(0.52)' stroke='%23FDE047'/%3E%3Cuse xlink:href='%23m4' transform='translate(39.8 125.2) rotate(98) scale(0.43)' stroke='%23FDBA74'/%3E%3Cuse xlink:href='%23m0' transform='translate(87.6 163.7) rotate(-52) scale(0.60)' stroke='%23C4B5FD'/%3E%3Cuse xlink:href='%23m5' transform='translate(129.9 73.8) rotate(-97) scale(0.42)' stroke='%2393C5FD'/%3E%3Cuse xlink:href='%23m1' transform='translate(-6.3 92.6) rotate(5) scale(0.57)' stroke='%235EEAD4'/%3E%3Cuse xlink:href='%23m1' transform='translate(193.7 92.6) rotate(5) scale(0.57)' stroke='%235EEAD4'/%3E%3Cuse xlink:href='%23m2' transform='translate(112.4 132.6) rotate(-146) scale(0.51)' stroke='%23F472B6'/%3E%3C/g%3E%3C/svg%3E");
    --wall-galaxy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='200' height='200' viewBox='0 0 200 200'%3E%3Cdefs%3E%3Cg id='m0'%3E%3Cpath d='M5 -13a14 14 0 1 0 8 22A11 11 0 0 1 5 -13z'/%3E%3C/g%3E%3Cg id='m1'%3E%3Ccircle r='8'/%3E%3Cellipse rx='16' ry='4.5' transform='rotate(-20)'/%3E%3C/g%3E%3Cg id='m2'%3E%3Ccircle r='9'/%3E%3C/g%3E%3Cg id='m3'%3E%3Cpath d='M0 -15Q2 -2 15 0 2 2 0 15 -2 2 -15 0 -2 -2 0 -15z'/%3E%3C/g%3E%3Cg id='m4'%3E%3Cpath d='M0 -15L4.4 -4.6 15.6 -4.6 6.6 2.6 9.8 13.8 0 7 -9.8 13.8 -6.6 2.6 -15.6 -4.6 -4.4 -4.6z'/%3E%3C/g%3E%3C/defs%3E%3Cg fill='none' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round' opacity='0.72'%3E%3Cuse xlink:href='%23m2' transform='translate(1.3 4.3) rotate(-158) scale(0.58)' stroke='%23F0ABFC'/%3E%3Cuse xlink:href='%23m2' transform='translate(1.3 204.3) rotate(-158) scale(0.58)' stroke='%23F0ABFC'/%3E%3Cuse xlink:href='%23m2' transform='translate(201.3 4.3) rotate(-158) scale(0.58)' stroke='%23F0ABFC'/%3E%3Cuse xlink:href='%23m2' transform='translate(201.3 204.3) rotate(-158) scale(0.58)' stroke='%23F0ABFC'/%3E%3Cuse xlink:href='%23m4' transform='translate(42.9 55.1) rotate(-7) scale(0.49)' stroke='%23818CF8'/%3E%3Cuse xlink:href='%23m3' transform='translate(68.3 22.9) rotate(-38) scale(0.44)' stroke='%23FDE047'/%3E%3Cuse xlink:href='%23m0' transform='translate(79.6 -11.3) rotate(-111) scale(0.53)' stroke='%23C084FC'/%3E%3Cuse xlink:href='%23m0' transform='translate(79.6 188.7) rotate(-111) scale(0.53)' stroke='%23C084FC'/%3E%3Cuse xlink:href='%23m1' transform='translate(72.1 99.2) rotate(-113) scale(0.43)' stroke='%2322D3EE'/%3E%3Cuse xlink:href='%23m1' transform='translate(129.5 79.1) rotate(74) scale(0.56)' stroke='%2322D3EE'/%3E%3Cuse xlink:href='%23m3' transform='translate(104.8 48.0) rotate(36) scale(0.41)' stroke='%23C084FC'/%3E%3Cuse xlink:href='%23m4' transform='translate(-1.5 123.1) rotate(130) scale(0.64)' stroke='%23F0ABFC'/%3E%3Cuse xlink:href='%23m4' transform='translate(198.5 123.1) rotate(130) scale(0.64)' stroke='%23F0ABFC'/%3E%3Cuse xlink:href='%23m2' transform='translate(-8.0 92.2) rotate(-47) scale(0.57)' stroke='%23FDE047'/%3E%3Cuse xlink:href='%23m2' transform='translate(192.0 92.2) rotate(-47) scale(0.57)' stroke='%23FDE047'/%3E%3Cuse xlink:href='%23m0' transform='translate(46.4 -7.3) rotate(166) scale(0.56)' stroke='%23818CF8'/%3E%3Cuse xlink:href='%23m0' transform='translate(46.4 192.7) rotate(166) scale(0.56)' stroke='%23818CF8'/%3E%3Cuse xlink:href='%23m1' transform='translate(140.0 148.1) rotate(-64) scale(0.38)' stroke='%2322D3EE'/%3E%3Cuse xlink:href='%23m0' transform='translate(164.8 3.9) rotate(-160) scale(0.63)' stroke='%23FDE047'/%3E%3Cuse xlink:href='%23m0' transform='translate(164.8 203.9) rotate(-160) scale(0.63)' stroke='%23FDE047'/%3E%3Cuse xlink:href='%23m2' transform='translate(-0.8 40.5) rotate(67) scale(0.59)' stroke='%23C084FC'/%3E%3Cuse xlink:href='%23m2' transform='translate(199.2 40.5) rotate(67) scale(0.59)' stroke='%23C084FC'/%3E%3Cuse xlink:href='%23m4' transform='translate(163.2 39.8) rotate(-28) scale(0.43)' stroke='%23818CF8'/%3E%3Cuse xlink:href='%23m3' transform='translate(47.0 153.0) rotate(-116) scale(0.56)' stroke='%23F0ABFC'/%3E%3Cuse xlink:href='%23m0' transform='translate(30.9 124.3) rotate(-68) scale(0.53)' stroke='%23FDE047'/%3E%3Cuse xlink:href='%23m3' transform='translate(123.3 108.9) rotate(-154) scale(0.38)' stroke='%2322D3EE'/%3E%3Cuse xlink:href='%23m4' transform='translate(152.8 104.7) rotate(52) scale(0.62)' stroke='%23818CF8'/%3E%3Cuse xlink:href='%23m2' transform='translate(33.9 89.9) rotate(-66) scale(0.58)' stroke='%23F0ABFC'/%3E%3Cuse xlink:href='%23m1' transform='translate(93.2 129.4) rotate(-98) scale(0.50)' stroke='%23C084FC'/%3E%3Cuse xlink:href='%23m1' transform='translate(107.7 158.4) rotate(-39) scale(0.38)' stroke='%23FDE047'/%3E%3Cuse xlink:href='%23m4' transform='translate(169.3 129.7) rotate(38) scale(0.58)' stroke='%2322D3EE'/%3E%3Cuse xlink:href='%23m3' transform='translate(156.7 174.7) rotate(130) scale(0.42)' stroke='%23818CF8'/%3E%3Cuse xlink:href='%23m2' transform='translate(126.4 22.8) rotate(116) scale(0.41)' stroke='%23C084FC'/%3E%3Cuse xlink:href='%23m0' transform='translate(100.1 87.4) rotate(-27) scale(0.62)' stroke='%23F0ABFC'/%3E%3Cuse xlink:href='%23m1' transform='translate(22.1 169.8) rotate(77) scale(0.56)' stroke='%23818CF8'/%3E%3Cuse xlink:href='%23m3' transform='translate(125.9 -9.5) rotate(-47) scale(0.52)' stroke='%2322D3EE'/%3E%3Cuse xlink:href='%23m3' transform='translate(125.9 190.5) rotate(-47) scale(0.52)' stroke='%2322D3EE'/%3E%3Cuse xlink:href='%23m2' transform='translate(72.8 60.8) rotate(-39) scale(0.53)' stroke='%23C084FC'/%3E%3Cuse xlink:href='%23m0' transform='translate(166.6 77.1) rotate(76) scale(0.44)' stroke='%23F0ABFC'/%3E%3Cuse xlink:href='%23m4' transform='translate(-8.7 174.3) rotate(41) scale(0.38)' stroke='%23FDE047'/%3E%3Cuse xlink:href='%23m4' transform='translate(191.3 174.3) rotate(41) scale(0.38)' stroke='%23FDE047'/%3E%3C/g%3E%3C/svg%3E");
    --wall-hearts: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='200' height='200' viewBox='0 0 200 200'%3E%3Cdefs%3E%3Cg id='m0'%3E%3Cpath d='M0 12C-14 3-16-5-16-9a8 8 0 0 1 16-2 8 8 0 0 1 16 2c0 4-2 12-16 21z'/%3E%3C/g%3E%3Cg id='m1'%3E%3Ccircle r='9'/%3E%3C/g%3E%3Cg id='m2'%3E%3Cpath d='M0 -15Q2 -2 15 0 2 2 0 15 -2 2 -15 0 -2 -2 0 -15z'/%3E%3C/g%3E%3C/defs%3E%3Cg fill='none' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round' opacity='0.72'%3E%3Cuse xlink:href='%23m1' transform='translate(135.5 -5.3) rotate(141) scale(0.40)' stroke='%23FDA4AF'/%3E%3Cuse xlink:href='%23m1' transform='translate(135.5 194.7) rotate(141) scale(0.40)' stroke='%23FDA4AF'/%3E%3Cuse xlink:href='%23m0' transform='translate(12.6 29.7) rotate(-49) scale(0.58)' stroke='%23FB923C'/%3E%3Cuse xlink:href='%23m0' transform='translate(212.6 29.7) rotate(-49) scale(0.58)' stroke='%23FB923C'/%3E%3Cuse xlink:href='%23m0' transform='translate(115.9 124.4) rotate(-76) scale(0.49)' stroke='%23F43F5E'/%3E%3Cuse xlink:href='%23m2' transform='translate(155.2 92.5) rotate(-31) scale(0.40)' stroke='%23FECDD3'/%3E%3Cuse xlink:href='%23m0' transform='translate(152.6 127.0) rotate(54) scale(0.45)' stroke='%23FB7185'/%3E%3Cuse xlink:href='%23m0' transform='translate(5.9 -4.1) rotate(153) scale(0.63)' stroke='%23FDA4AF'/%3E%3Cuse xlink:href='%23m0' transform='translate(5.9 195.9) rotate(153) scale(0.63)' stroke='%23FDA4AF'/%3E%3Cuse xlink:href='%23m0' transform='translate(205.9 -4.1) rotate(153) scale(0.63)' stroke='%23FDA4AF'/%3E%3Cuse xlink:href='%23m0' transform='translate(205.9 195.9) rotate(153) scale(0.63)' stroke='%23FDA4AF'/%3E%3Cuse xlink:href='%23m2' transform='translate(6.7 122.6) rotate(-175) scale(0.64)' stroke='%23FECDD3'/%3E%3Cuse xlink:href='%23m2' transform='translate(206.7 122.6) rotate(-175) scale(0.64)' stroke='%23FECDD3'/%3E%3Cuse xlink:href='%23m0' transform='translate(63.9 -0.2) rotate(84) scale(0.56)' stroke='%23FB7185'/%3E%3Cuse xlink:href='%23m0' transform='translate(63.9 199.8) rotate(84) scale(0.56)' stroke='%23FB7185'/%3E%3Cuse xlink:href='%23m0' transform='translate(80.4 128.8) rotate(12) scale(0.49)' stroke='%23FB923C'/%3E%3Cuse xlink:href='%23m1' transform='translate(101.5 13.4) rotate(-60) scale(0.63)' stroke='%23F43F5E'/%3E%3Cuse xlink:href='%23m1' transform='translate(101.5 213.4) rotate(-60) scale(0.63)' stroke='%23F43F5E'/%3E%3Cuse xlink:href='%23m0' transform='translate(33.2 157.7) rotate(-165) scale(0.42)' stroke='%23FB7185'/%3E%3Cuse xlink:href='%23m1' transform='translate(26.9 72.5) rotate(-22) scale(0.38)' stroke='%23F43F5E'/%3E%3Cuse xlink:href='%23m2' transform='translate(175.8 41.9) rotate(113) scale(0.45)' stroke='%23FDA4AF'/%3E%3Cuse xlink:href='%23m0' transform='translate(92.5 47.8) rotate(88) scale(0.59)' stroke='%23FB923C'/%3E%3Cuse xlink:href='%23m0' transform='translate(170.0 156.9) rotate(-74) scale(0.46)' stroke='%23FECDD3'/%3E%3Cuse xlink:href='%23m0' transform='translate(105.3 -16.5) rotate(88) scale(0.43)' stroke='%23FB7185'/%3E%3Cuse xlink:href='%23m0' transform='translate(105.3 183.5) rotate(88) scale(0.43)' stroke='%23FB7185'/%3E%3Cuse xlink:href='%23m0' transform='translate(133.1 64.6) rotate(-8) scale(0.55)' stroke='%23F43F5E'/%3E%3Cuse xlink:href='%23m0' transform='translate(137.1 161.0) rotate(49) scale(0.44)' stroke='%23FDA4AF'/%3E%3Cuse xlink:href='%23m1' transform='translate(60.5 89.6) rotate(-74) scale(0.57)' stroke='%23FECDD3'/%3E%3Cuse xlink:href='%23m2' transform='translate(-9.2 94.5) rotate(-58) scale(0.57)' stroke='%23FB923C'/%3E%3Cuse xlink:href='%23m2' transform='translate(190.8 94.5) rotate(-58) scale(0.57)' stroke='%23FB923C'/%3E%3Cuse xlink:href='%23m0' transform='translate(49.2 52.3) rotate(89) scale(0.50)' stroke='%23FECDD3'/%3E%3Cuse xlink:href='%23m0' transform='translate(113.3 88.7) rotate(19) scale(0.51)' stroke='%23F43F5E'/%3E%3Cuse xlink:href='%23m1' transform='translate(134.9 33.2) rotate(-157) scale(0.49)' stroke='%23FB923C'/%3E%3Cuse xlink:href='%23m0' transform='translate(42.0 113.4) rotate(-51) scale(0.53)' stroke='%23FDA4AF'/%3E%3Cuse xlink:href='%23m2' transform='translate(167.5 3.4) rotate(131) scale(0.62)' stroke='%23FB7185'/%3E%3Cuse xlink:href='%23m2' transform='translate(167.5 203.4) rotate(131) scale(0.62)' stroke='%23FB7185'/%3E%3Cuse xlink:href='%23m1' transform='translate(36.2 12.3) rotate(-98) scale(0.50)' stroke='%23FDA4AF'/%3E%3Cuse xlink:href='%23m1' transform='translate(36.2 212.3) rotate(-98) scale(0.50)' stroke='%23FDA4AF'/%3E%3Cuse xlink:href='%23m0' transform='translate(76.3 160.8) rotate(-1) scale(0.41)' stroke='%23FB923C'/%3E%3Cuse xlink:href='%23m2' transform='translate(2.3 163.5) rotate(60) scale(0.64)' stroke='%23F43F5E'/%3E%3Cuse xlink:href='%23m2' transform='translate(202.3 163.5) rotate(60) scale(0.64)' stroke='%23F43F5E'/%3E%3Cuse xlink:href='%23m0' transform='translate(68.4 28.9) rotate(-124) scale(0.54)' stroke='%23FECDD3'/%3E%3Cuse xlink:href='%23m0' transform='translate(107.0 152.3) rotate(-103) scale(0.49)' stroke='%23FB7185'/%3E%3C/g%3E%3C/svg%3E");
    --wall-geometric: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='200' height='200' viewBox='0 0 200 200'%3E%3Cdefs%3E%3Cg id='m0'%3E%3Cpath d='M0 -14L10 0 0 14-10 0z'/%3E%3C/g%3E%3Cg id='m1'%3E%3Cpath d='M0 -10v20M-10 0h20'/%3E%3C/g%3E%3Cg id='m2'%3E%3Ccircle r='9'/%3E%3C/g%3E%3Cg id='m3'%3E%3Cpath d='M-14 4q4 -10 7 0t7 0 7 0'/%3E%3C/g%3E%3Cg id='m4'%3E%3Cpath d='M0 -12L12 9H-12z'/%3E%3C/g%3E%3C/defs%3E%3Cg fill='none' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round' opacity='0.72'%3E%3Cuse xlink:href='%23m2' transform='translate(88.6 148.6) rotate(108) scale(0.54)' stroke='%2360A5FA'/%3E%3Cuse xlink:href='%23m3' transform='translate(7.6 93.5) rotate(11) scale(0.39)' stroke='%232DD4BF'/%3E%3Cuse xlink:href='%23m3' transform='translate(207.6 93.5) rotate(11) scale(0.39)' stroke='%232DD4BF'/%3E%3Cuse xlink:href='%23m1' transform='translate(36.3 59.0) rotate(79) scale(0.39)' stroke='%23FB7185'/%3E%3Cuse xlink:href='%23m4' transform='translate(30.4 7.0) rotate(49) scale(0.40)' stroke='%23A3E635'/%3E%3Cuse xlink:href='%23m4' transform='translate(30.4 207.0) rotate(49) scale(0.40)' stroke='%23A3E635'/%3E%3Cuse xlink:href='%23m0' transform='translate(54.2 130.2) rotate(129) scale(0.64)' stroke='%23FBBF24'/%3E%3Cuse xlink:href='%23m4' transform='translate(130.0 45.0) rotate(-0) scale(0.61)' stroke='%232DD4BF'/%3E%3Cuse xlink:href='%23m0' transform='translate(-9.7 50.1) rotate(-116) scale(0.50)' stroke='%23FBBF24'/%3E%3Cuse xlink:href='%23m0' transform='translate(190.3 50.1) rotate(-116) scale(0.50)' stroke='%23FBBF24'/%3E%3Cuse xlink:href='%23m3' transform='translate(37.0 95.5) rotate(-37) scale(0.54)' stroke='%23A3E635'/%3E%3Cuse xlink:href='%23m2' transform='translate(-4.3 -5.2) rotate(136) scale(0.53)' stroke='%23FB7185'/%3E%3Cuse xlink:href='%23m2' transform='translate(-4.3 194.8) rotate(136) scale(0.53)' stroke='%23FB7185'/%3E%3Cuse xlink:href='%23m2' transform='translate(195.7 -5.2) rotate(136) scale(0.53)' stroke='%23FB7185'/%3E%3Cuse xlink:href='%23m2' transform='translate(195.7 194.8) rotate(136) scale(0.53)' stroke='%23FB7185'/%3E%3Cuse xlink:href='%23m1' transform='translate(106.2 62.7) rotate(-120) scale(0.38)' stroke='%2360A5FA'/%3E%3Cuse xlink:href='%23m2' transform='translate(165.7 159.9) rotate(-141) scale(0.56)' stroke='%232DD4BF'/%3E%3Cuse xlink:href='%23m0' transform='translate(128.9 4.1) rotate(149) scale(0.56)' stroke='%2360A5FA'/%3E%3Cuse xlink:href='%23m0' transform='translate(128.9 204.1) rotate(149) scale(0.56)' stroke='%2360A5FA'/%3E%3Cuse xlink:href='%23m3' transform='translate(137.9 128.5) rotate(141) scale(0.58)' stroke='%23FBBF24'/%3E%3Cuse xlink:href='%23m1' transform='translate(56.2 165.5) rotate(-107) scale(0.49)' stroke='%23A3E635'/%3E%3Cuse xlink:href='%23m4' transform='translate(91.2 -15.4) rotate(113) scale(0.59)' stroke='%23FB7185'/%3E%3Cuse xlink:href='%23m4' transform='translate(91.2 184.6) rotate(113) scale(0.59)' stroke='%23FB7185'/%3E%3Cuse xlink:href='%23m1' transform='translate(154.0 80.7) rotate(173) scale(0.44)' stroke='%23FBBF24'/%3E%3Cuse xlink:href='%23m2' transform='translate(23.7 127.4) rotate(98) scale(0.55)' stroke='%23FB7185'/%3E%3Cuse xlink:href='%23m3' transform='translate(-4.9 153.6) rotate(92) scale(0.40)' stroke='%232DD4BF'/%3E%3Cuse xlink:href='%23m3' transform='translate(195.1 153.6) rotate(92) scale(0.40)' stroke='%232DD4BF'/%3E%3Cuse xlink:href='%23m4' transform='translate(24.3 159.0) rotate(-99) scale(0.62)' stroke='%2360A5FA'/%3E%3Cuse xlink:href='%23m0' transform='translate(72.3 41.4) rotate(-127) scale(0.41)' stroke='%23A3E635'/%3E%3Cuse xlink:href='%23m1' transform='translate(160.5 0.6) rotate(-70) scale(0.53)' stroke='%23FB7185'/%3E%3Cuse xlink:href='%23m1' transform='translate(160.5 200.6) rotate(-70) scale(0.53)' stroke='%23FB7185'/%3E%3Cuse xlink:href='%23m2' transform='translate(107.1 97.5) rotate(-69) scale(0.46)' stroke='%2360A5FA'/%3E%3Cuse xlink:href='%23m3' transform='translate(99.7 22.0) rotate(-179) scale(0.38)' stroke='%23FBBF24'/%3E%3Cuse xlink:href='%23m3' transform='translate(99.7 222.0) rotate(-179) scale(0.38)' stroke='%23FBBF24'/%3E%3Cuse xlink:href='%23m4' transform='translate(67.4 83.9) rotate(-106) scale(0.41)' stroke='%23A3E635'/%3E%3Cuse xlink:href='%23m0' transform='translate(-9.6 123.3) rotate(-96) scale(0.52)' stroke='%232DD4BF'/%3E%3Cuse xlink:href='%23m0' transform='translate(190.4 123.3) rotate(-96) scale(0.52)' stroke='%232DD4BF'/%3E%3Cuse xlink:href='%23m2' transform='translate(126.6 158.5) rotate(10) scale(0.45)' stroke='%23FB7185'/%3E%3Cuse xlink:href='%23m3' transform='translate(61.1 11.2) rotate(22) scale(0.54)' stroke='%23A3E635'/%3E%3Cuse xlink:href='%23m3' transform='translate(61.1 211.2) rotate(22) scale(0.54)' stroke='%23A3E635'/%3E%3Cuse xlink:href='%23m0' transform='translate(17.0 34.0) rotate(-129) scale(0.58)' stroke='%232DD4BF'/%3E%3Cuse xlink:href='%23m0' transform='translate(217.0 34.0) rotate(-129) scale(0.58)' stroke='%232DD4BF'/%3E%3Cuse xlink:href='%23m4' transform='translate(82.7 118.2) rotate(-148) scale(0.55)' stroke='%23FBBF24'/%3E%3Cuse xlink:href='%23m1' transform='translate(158.8 39.1) rotate(-169) scale(0.47)' stroke='%2360A5FA'/%3E%3C/g%3E%3C/svg%3E");
    --wall-dots: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='200' height='200' viewBox='0 0 200 200'%3E%3Cdefs%3E%3Cg id='m0'%3E%3Ccircle r='5'/%3E%3C/g%3E%3Cg id='m1'%3E%3Ccircle r='9'/%3E%3C/g%3E%3C/defs%3E%3Cg fill='none' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round' opacity='0.72'%3E%3Cuse xlink:href='%23m0' transform='translate(139.6 -10.6) rotate(4) scale(0.38)' stroke='%2334D399' fill='%2334D399' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m0' transform='translate(139.6 189.4) rotate(4) scale(0.38)' stroke='%2334D399' fill='%2334D399' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m1' transform='translate(133.5 157.3) rotate(91) scale(0.39)' stroke='%23FBBF24' fill='%23FBBF24' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m0' transform='translate(129.1 101.1) rotate(82) scale(0.44)' stroke='%23A78BFA' fill='%23A78BFA' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m0' transform='translate(96.4 166.4) rotate(8) scale(0.43)' stroke='%23F472B6' fill='%23F472B6' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m1' transform='translate(71.1 25.5) rotate(36) scale(0.46)' stroke='%23FB923C' fill='%23FB923C' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m0' transform='translate(70.2 67.6) rotate(-149) scale(0.34)' stroke='%2360A5FA' fill='%2360A5FA' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m0' transform='translate(22.9 -3.2) rotate(-160) scale(0.47)' stroke='%2360A5FA' fill='%2360A5FA' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m0' transform='translate(22.9 196.8) rotate(-160) scale(0.47)' stroke='%2360A5FA' fill='%2360A5FA' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m0' transform='translate(-16.2 144.6) rotate(-143) scale(0.41)' stroke='%2334D399' fill='%2334D399' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m0' transform='translate(183.8 144.6) rotate(-143) scale(0.41)' stroke='%2334D399' fill='%2334D399' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m1' transform='translate(171.0 40.5) rotate(-35) scale(0.47)' stroke='%23FB923C' fill='%23FB923C' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m0' transform='translate(62.1 95.8) rotate(-41) scale(0.41)' stroke='%23F472B6' fill='%23F472B6' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m0' transform='translate(8.2 82.3) rotate(109) scale(0.33)' stroke='%23A78BFA' fill='%23A78BFA' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m0' transform='translate(208.2 82.3) rotate(109) scale(0.33)' stroke='%23A78BFA' fill='%23A78BFA' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m0' transform='translate(128.9 14.6) rotate(-56) scale(0.40)' stroke='%23FBBF24' fill='%23FBBF24' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m0' transform='translate(128.9 214.6) rotate(-56) scale(0.40)' stroke='%23FBBF24' fill='%23FBBF24' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m0' transform='translate(53.3 151.5) rotate(163) scale(0.38)' stroke='%23FBBF24' fill='%23FBBF24' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m0' transform='translate(114.8 74.4) rotate(-40) scale(0.48)' stroke='%23F472B6' fill='%23F472B6' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m1' transform='translate(23.6 69.9) rotate(-51) scale(0.38)' stroke='%23FB923C' fill='%23FB923C' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m0' transform='translate(18.8 38.0) rotate(-28) scale(0.50)' stroke='%2360A5FA' fill='%2360A5FA' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m0' transform='translate(218.8 38.0) rotate(-28) scale(0.50)' stroke='%2360A5FA' fill='%2360A5FA' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m0' transform='translate(85.3 -5.8) rotate(-18) scale(0.38)' stroke='%2334D399' fill='%2334D399' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m0' transform='translate(85.3 194.2) rotate(-18) scale(0.38)' stroke='%2334D399' fill='%2334D399' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m0' transform='translate(116.1 34.7) rotate(143) scale(0.33)' stroke='%23A78BFA' fill='%23A78BFA' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m1' transform='translate(114.5 123.4) rotate(101) scale(0.35)' stroke='%2334D399' fill='%2334D399' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m0' transform='translate(-20.2 -10.7) rotate(-6) scale(0.51)' stroke='%23FB923C' fill='%23FB923C' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m0' transform='translate(-20.2 189.3) rotate(-6) scale(0.51)' stroke='%23FB923C' fill='%23FB923C' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m0' transform='translate(179.8 -10.7) rotate(-6) scale(0.51)' stroke='%23FB923C' fill='%23FB923C' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m0' transform='translate(179.8 189.3) rotate(-6) scale(0.51)' stroke='%23FB923C' fill='%23FB923C' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m0' transform='translate(95.8 63.9) rotate(-140) scale(0.47)' stroke='%23F472B6' fill='%23F472B6' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m0' transform='translate(144.5 85.1) rotate(-87) scale(0.43)' stroke='%23A78BFA' fill='%23A78BFA' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m0' transform='translate(9.6 121.6) rotate(-126) scale(0.51)' stroke='%2360A5FA' fill='%2360A5FA' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m0' transform='translate(209.6 121.6) rotate(-126) scale(0.51)' stroke='%2360A5FA' fill='%2360A5FA' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m1' transform='translate(60.0 172.7) rotate(-43) scale(0.46)' stroke='%23FBBF24' fill='%23FBBF24' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m0' transform='translate(171.6 91.9) rotate(21) scale(0.44)' stroke='%23FBBF24' fill='%23FBBF24' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m0' transform='translate(148.1 18.5) rotate(114) scale(0.36)' stroke='%23A78BFA' fill='%23A78BFA' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m0' transform='translate(148.1 218.5) rotate(114) scale(0.36)' stroke='%23A78BFA' fill='%23A78BFA' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m1' transform='translate(88.4 102.8) rotate(135) scale(0.49)' stroke='%23F472B6' fill='%23F472B6' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m0' transform='translate(120.4 174.4) rotate(85) scale(0.45)' stroke='%2334D399' fill='%2334D399' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m0' transform='translate(35.7 174.8) rotate(-133) scale(0.30)' stroke='%2360A5FA' fill='%2360A5FA' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m1' transform='translate(-6.2 109.5) rotate(5) scale(0.34)' stroke='%23FB923C' fill='%23FB923C' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m1' transform='translate(193.8 109.5) rotate(5) scale(0.34)' stroke='%23FB923C' fill='%23FB923C' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m0' transform='translate(41.3 6.4) rotate(59) scale(0.46)' stroke='%23FB923C' fill='%23FB923C' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m0' transform='translate(41.3 206.4) rotate(59) scale(0.46)' stroke='%23FB923C' fill='%23FB923C' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m0' transform='translate(0.8 166.8) rotate(-65) scale(0.44)' stroke='%23F472B6' fill='%23F472B6' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m0' transform='translate(200.8 166.8) rotate(-65) scale(0.44)' stroke='%23F472B6' fill='%23F472B6' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m0' transform='translate(174.4 124.8) rotate(-47) scale(0.50)' stroke='%2360A5FA' fill='%2360A5FA' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m0' transform='translate(109.7 3.3) rotate(130) scale(0.39)' stroke='%23A78BFA' fill='%23A78BFA' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m0' transform='translate(109.7 203.3) rotate(130) scale(0.39)' stroke='%23A78BFA' fill='%23A78BFA' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m1' transform='translate(29.3 96.4) rotate(-90) scale(0.47)' stroke='%23FBBF24' fill='%23FBBF24' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m0' transform='translate(134.3 125.5) rotate(98) scale(0.50)' stroke='%2334D399' fill='%2334D399' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m0' transform='translate(110.0 145.8) rotate(-120) scale(0.47)' stroke='%23A78BFA' fill='%23A78BFA' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m1' transform='translate(177.5 60.0) rotate(153) scale(0.40)' stroke='%23F472B6' fill='%23F472B6' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m0' transform='translate(134.6 44.5) rotate(-139) scale(0.39)' stroke='%23FBBF24' fill='%23FBBF24' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m0' transform='translate(173.7 20.0) rotate(-90) scale(0.34)' stroke='%2360A5FA' fill='%2360A5FA' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m0' transform='translate(173.7 220.0) rotate(-90) scale(0.34)' stroke='%2360A5FA' fill='%2360A5FA' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m1' transform='translate(8.0 58.1) rotate(-146) scale(0.50)' stroke='%2334D399' fill='%2334D399' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m1' transform='translate(208.0 58.1) rotate(-146) scale(0.50)' stroke='%2334D399' fill='%2334D399' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m0' transform='translate(72.1 147.4) rotate(-106) scale(0.45)' stroke='%23FB923C' fill='%23FB923C' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m0' transform='translate(45.8 115.9) rotate(-16) scale(0.40)' stroke='%2334D399' fill='%2334D399' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m0' transform='translate(96.1 33.3) rotate(-111) scale(0.49)' stroke='%2360A5FA' fill='%2360A5FA' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m1' transform='translate(151.7 110.4) rotate(155) scale(0.44)' stroke='%23FBBF24' fill='%23FBBF24' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m0' transform='translate(20.9 159.1) rotate(-149) scale(0.48)' stroke='%23F472B6' fill='%23F472B6' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m0' transform='translate(220.9 159.1) rotate(-149) scale(0.48)' stroke='%23F472B6' fill='%23F472B6' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m0' transform='translate(155.8 157.7) rotate(157) scale(0.46)' stroke='%23FB923C' fill='%23FB923C' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m0' transform='translate(90.1 82.6) rotate(-18) scale(0.46)' stroke='%23A78BFA' fill='%23A78BFA' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m0' transform='translate(48.9 47.8) rotate(-151) scale(0.47)' stroke='%23FB923C' fill='%23FB923C' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m1' transform='translate(59.6 132.0) rotate(-67) scale(0.44)' stroke='%23A78BFA' fill='%23A78BFA' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m0' transform='translate(1.5 -6.6) rotate(-142) scale(0.31)' stroke='%23F472B6' fill='%23F472B6' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m0' transform='translate(1.5 193.4) rotate(-142) scale(0.31)' stroke='%23F472B6' fill='%23F472B6' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m0' transform='translate(201.5 -6.6) rotate(-142) scale(0.31)' stroke='%23F472B6' fill='%23F472B6' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m0' transform='translate(201.5 193.4) rotate(-142) scale(0.31)' stroke='%23F472B6' fill='%23F472B6' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m0' transform='translate(171.9 169.8) rotate(-97) scale(0.32)' stroke='%23FBBF24' fill='%23FBBF24' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m0' transform='translate(161.8 -3.1) rotate(96) scale(0.31)' stroke='%2334D399' fill='%2334D399' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m0' transform='translate(161.8 196.9) rotate(96) scale(0.31)' stroke='%2334D399' fill='%2334D399' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m0' transform='translate(77.4 120.3) rotate(-118) scale(0.47)' stroke='%2360A5FA' fill='%2360A5FA' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m0' transform='translate(49.4 78.4) rotate(174) scale(0.35)' stroke='%2334D399' fill='%2334D399' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m1' transform='translate(-8.4 33.5) rotate(-63) scale(0.35)' stroke='%2360A5FA' fill='%2360A5FA' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m1' transform='translate(191.6 33.5) rotate(-63) scale(0.35)' stroke='%2360A5FA' fill='%2360A5FA' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m0' transform='translate(157.8 57.7) rotate(-150) scale(0.36)' stroke='%23F472B6' fill='%23F472B6' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m1' transform='translate(135.1 68.0) rotate(60) scale(0.36)' stroke='%23FB923C' fill='%23FB923C' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m0' transform='translate(90.4 139.0) rotate(-109) scale(0.49)' stroke='%23A78BFA' fill='%23A78BFA' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m0' transform='translate(47.5 27.7) rotate(-37) scale(0.38)' stroke='%23FBBF24' fill='%23FBBF24' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m1' transform='translate(72.0 44.9) rotate(15) scale(0.37)' stroke='%23FBBF24' fill='%23FBBF24' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m0' transform='translate(13.7 17.4) rotate(-27) scale(0.34)' stroke='%23F472B6' fill='%23F472B6' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m0' transform='translate(13.7 217.4) rotate(-27) scale(0.34)' stroke='%23F472B6' fill='%23F472B6' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m0' transform='translate(213.7 17.4) rotate(-27) scale(0.34)' stroke='%23F472B6' fill='%23F472B6' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m0' transform='translate(213.7 217.4) rotate(-27) scale(0.34)' stroke='%23F472B6' fill='%23F472B6' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m0' transform='translate(35.1 140.9) rotate(-114) scale(0.48)' stroke='%2360A5FA' fill='%2360A5FA' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m0' transform='translate(-12.9 80.0) rotate(140) scale(0.30)' stroke='%23FB923C' fill='%23FB923C' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m0' transform='translate(187.1 80.0) rotate(140) scale(0.30)' stroke='%23FB923C' fill='%23FB923C' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m0' transform='translate(65.5 -2.5) rotate(-134) scale(0.41)' stroke='%2334D399' fill='%2334D399' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m0' transform='translate(65.5 197.5) rotate(-134) scale(0.41)' stroke='%2334D399' fill='%2334D399' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m1' transform='translate(154.1 136.2) rotate(-18) scale(0.50)' stroke='%23A78BFA' fill='%23A78BFA' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m0' transform='translate(-5.5 11.4) rotate(45) scale(0.46)' stroke='%2360A5FA' fill='%2360A5FA' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m0' transform='translate(-5.5 211.4) rotate(45) scale(0.46)' stroke='%2360A5FA' fill='%2360A5FA' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m0' transform='translate(194.5 11.4) rotate(45) scale(0.46)' stroke='%2360A5FA' fill='%2360A5FA' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m0' transform='translate(194.5 211.4) rotate(45) scale(0.46)' stroke='%2360A5FA' fill='%2360A5FA' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m0' transform='translate(6.9 141.1) rotate(-24) scale(0.33)' stroke='%23FBBF24' fill='%23FBBF24' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m0' transform='translate(206.9 141.1) rotate(-24) scale(0.33)' stroke='%23FBBF24' fill='%23FBBF24' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m0' transform='translate(109.2 93.5) rotate(175) scale(0.37)' stroke='%23A78BFA' fill='%23A78BFA' fill-opacity='.75'/%3E%3Cuse xlink:href='%23m1' transform='translate(116.6 54.9) rotate(-66) scale(0.33)' stroke='%23FB923C' fill='%23FB923C' fill-opacity='.75'/%3E%3C/g%3E%3C/svg%3E");
    --wall-winter: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='200' height='200' viewBox='0 0 200 200'%3E%3Cdefs%3E%3Cg id='m0'%3E%3Ccircle r='9'/%3E%3C/g%3E%3Cg id='m1'%3E%3Cpath d='M0 -14V14M-12 -7L12 7M-12 7L12 -7'/%3E%3Cpath d='M-3 -11L0 -8 3 -11M-3 11L0 8 3 11'/%3E%3C/g%3E%3Cg id='m2'%3E%3Cpath d='M0 -15Q2 -2 15 0 2 2 0 15 -2 2 -15 0 -2 -2 0 -15z'/%3E%3C/g%3E%3Cg id='m3'%3E%3Cpath d='M0 -15L4.4 -4.6 15.6 -4.6 6.6 2.6 9.8 13.8 0 7 -9.8 13.8 -6.6 2.6 -15.6 -4.6 -4.4 -4.6z'/%3E%3C/g%3E%3C/defs%3E%3Cg fill='none' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round' opacity='0.72'%3E%3Cuse xlink:href='%23m1' transform='translate(116.7 78.7) rotate(-94) scale(0.46)' stroke='%23E0F2FE'/%3E%3Cuse xlink:href='%23m3' transform='translate(19.8 113.0) rotate(160) scale(0.61)' stroke='%23DDD6FE'/%3E%3Cuse xlink:href='%23m3' transform='translate(219.8 113.0) rotate(160) scale(0.61)' stroke='%23DDD6FE'/%3E%3Cuse xlink:href='%23m0' transform='translate(60.9 -5.9) rotate(-116) scale(0.54)' stroke='%2393C5FD'/%3E%3Cuse xlink:href='%23m0' transform='translate(60.9 194.1) rotate(-116) scale(0.54)' stroke='%2393C5FD'/%3E%3Cuse xlink:href='%23m1' transform='translate(-4.5 85.0) rotate(136) scale(0.56)' stroke='%23BAE6FD'/%3E%3Cuse xlink:href='%23m1' transform='translate(195.5 85.0) rotate(136) scale(0.56)' stroke='%23BAE6FD'/%3E%3Cuse xlink:href='%23m2' transform='translate(65.0 85.2) rotate(-92) scale(0.64)' stroke='%23A5F3FC'/%3E%3Cuse xlink:href='%23m1' transform='translate(75.4 41.8) rotate(-146) scale(0.50)' stroke='%23E0F2FE'/%3E%3Cuse xlink:href='%23m2' transform='translate(100.8 144.4) rotate(-48) scale(0.52)' stroke='%23BAE6FD'/%3E%3Cuse xlink:href='%23m1' transform='translate(126.2 29.5) rotate(-152) scale(0.65)' stroke='%2393C5FD'/%3E%3Cuse xlink:href='%23m3' transform='translate(80.6 121.2) rotate(-143) scale(0.52)' stroke='%23DDD6FE'/%3E%3Cuse xlink:href='%23m0' transform='translate(165.3 143.2) rotate(-103) scale(0.57)' stroke='%23A5F3FC'/%3E%3Cuse xlink:href='%23m1' transform='translate(-7.7 21.6) rotate(-11) scale(0.55)' stroke='%23A5F3FC'/%3E%3Cuse xlink:href='%23m1' transform='translate(-7.7 221.6) rotate(-11) scale(0.55)' stroke='%23A5F3FC'/%3E%3Cuse xlink:href='%23m1' transform='translate(192.3 21.6) rotate(-11) scale(0.55)' stroke='%23A5F3FC'/%3E%3Cuse xlink:href='%23m1' transform='translate(192.3 221.6) rotate(-11) scale(0.55)' stroke='%23A5F3FC'/%3E%3Cuse xlink:href='%23m1' transform='translate(88.6 11.8) rotate(-128) scale(0.61)' stroke='%23BAE6FD'/%3E%3Cuse xlink:href='%23m1' transform='translate(88.6 211.8) rotate(-128) scale(0.61)' stroke='%23BAE6FD'/%3E%3Cuse xlink:href='%23m3' transform='translate(71.2 153.5) rotate(-23) scale(0.50)' stroke='%23DDD6FE'/%3E%3Cuse xlink:href='%23m0' transform='translate(177.3 -5.4) rotate(-133) scale(0.46)' stroke='%2393C5FD'/%3E%3Cuse xlink:href='%23m0' transform='translate(177.3 194.6) rotate(-133) scale(0.46)' stroke='%2393C5FD'/%3E%3Cuse xlink:href='%23m2' transform='translate(147.5 -12.4) rotate(-172) scale(0.51)' stroke='%23E0F2FE'/%3E%3Cuse xlink:href='%23m2' transform='translate(147.5 187.6) rotate(-172) scale(0.51)' stroke='%23E0F2FE'/%3E%3Cuse xlink:href='%23m1' transform='translate(30.7 34.4) rotate(-73) scale(0.60)' stroke='%23BAE6FD'/%3E%3Cuse xlink:href='%23m3' transform='translate(26.5 146.4) rotate(13) scale(0.60)' stroke='%23DDD6FE'/%3E%3Cuse xlink:href='%23m1' transform='translate(159.3 76.0) rotate(-45) scale(0.49)' stroke='%23A5F3FC'/%3E%3Cuse xlink:href='%23m2' transform='translate(-9.5 115.8) rotate(8) scale(0.61)' stroke='%23E0F2FE'/%3E%3Cuse xlink:href='%23m2' transform='translate(190.5 115.8) rotate(8) scale(0.61)' stroke='%23E0F2FE'/%3E%3Cuse xlink:href='%23m0' transform='translate(108.7 173.7) rotate(-28) scale(0.52)' stroke='%2393C5FD'/%3E%3Cuse xlink:href='%23m0' transform='translate(48.5 119.1) rotate(-178) scale(0.63)' stroke='%23E0F2FE'/%3E%3Cuse xlink:href='%23m3' transform='translate(38.0 66.0) rotate(-8) scale(0.38)' stroke='%23A5F3FC'/%3E%3Cuse xlink:href='%23m1' transform='translate(17.7 -12.0) rotate(40) scale(0.54)' stroke='%2393C5FD'/%3E%3Cuse xlink:href='%23m1' transform='translate(17.7 188.0) rotate(40) scale(0.54)' stroke='%2393C5FD'/%3E%3Cuse xlink:href='%23m1' transform='translate(217.7 -12.0) rotate(40) scale(0.54)' stroke='%2393C5FD'/%3E%3Cuse xlink:href='%23m1' transform='translate(217.7 188.0) rotate(40) scale(0.54)' stroke='%2393C5FD'/%3E%3Cuse xlink:href='%23m1' transform='translate(139.6 158.1) rotate(112) scale(0.42)' stroke='%23BAE6FD'/%3E%3Cuse xlink:href='%23m2' transform='translate(130.8 109.1) rotate(-32) scale(0.40)' stroke='%23DDD6FE'/%3E%3Cuse xlink:href='%23m1' transform='translate(-5.6 53.4) rotate(-178) scale(0.64)' stroke='%23E0F2FE'/%3E%3Cuse xlink:href='%23m1' transform='translate(194.4 53.4) rotate(-178) scale(0.64)' stroke='%23E0F2FE'/%3E%3Cuse xlink:href='%23m3' transform='translate(-4.9 152.0) rotate(70) scale(0.50)' stroke='%23A5F3FC'/%3E%3Cuse xlink:href='%23m3' transform='translate(195.1 152.0) rotate(70) scale(0.50)' stroke='%23A5F3FC'/%3E%3Cuse xlink:href='%23m0' transform='translate(162.2 34.0) rotate(49) scale(0.62)' stroke='%2393C5FD'/%3E%3Cuse xlink:href='%23m2' transform='translate(42.7 170.7) rotate(114) scale(0.59)' stroke='%23DDD6FE'/%3E%3Cuse xlink:href='%23m1' transform='translate(160.0 108.0) rotate(-88) scale(0.54)' stroke='%23BAE6FD'/%3E%3C/g%3E%3C/svg%3E");
    --wall-space: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='200' height='200' viewBox='0 0 200 200'%3E%3Cdefs%3E%3Cg id='m0'%3E%3Cpath d='M5 -13a14 14 0 1 0 8 22A11 11 0 0 1 5 -13z'/%3E%3C/g%3E%3Cg id='m1'%3E%3Ccircle r='8'/%3E%3Cellipse rx='16' ry='4.5' transform='rotate(-20)'/%3E%3C/g%3E%3Cg id='m2'%3E%3Cpath d='M0 -15Q9 -6 7 6L0 11 -7 6Q-9 -6 0 -15z'/%3E%3Ccircle cy='-4' r='2.5'/%3E%3Cpath d='M-7 6L-12 12 -5 9M7 6L12 12 5 9'/%3E%3C/g%3E%3Cg id='m3'%3E%3Cpath d='M0 -15Q2 -2 15 0 2 2 0 15 -2 2 -15 0 -2 -2 0 -15z'/%3E%3C/g%3E%3Cg id='m4'%3E%3Cpath d='M0 -15L4.4 -4.6 15.6 -4.6 6.6 2.6 9.8 13.8 0 7 -9.8 13.8 -6.6 2.6 -15.6 -4.6 -4.4 -4.6z'/%3E%3C/g%3E%3C/defs%3E%3Cg fill='none' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round' opacity='0.72'%3E%3Cuse xlink:href='%23m1' transform='translate(48.9 115.9) rotate(-1) scale(0.57)' stroke='%23FDE047'/%3E%3Cuse xlink:href='%23m3' transform='translate(23.7 52.5) rotate(-56) scale(0.61)' stroke='%23FCA5A5'/%3E%3Cuse xlink:href='%23m0' transform='translate(6.5 0.0) rotate(75) scale(0.43)' stroke='%23F0ABFC'/%3E%3Cuse xlink:href='%23m0' transform='translate(6.5 200.0) rotate(75) scale(0.43)' stroke='%23F0ABFC'/%3E%3Cuse xlink:href='%23m0' transform='translate(206.5 0.0) rotate(75) scale(0.43)' stroke='%23F0ABFC'/%3E%3Cuse xlink:href='%23m0' transform='translate(206.5 200.0) rotate(75) scale(0.43)' stroke='%23F0ABFC'/%3E%3Cuse xlink:href='%23m2' transform='translate(-8.3 56.4) rotate(-87) scale(0.51)' stroke='%2367E8F9'/%3E%3Cuse xlink:href='%23m2' transform='translate(191.7 56.4) rotate(-87) scale(0.51)' stroke='%2367E8F9'/%3E%3Cuse xlink:href='%23m4' transform='translate(131.7 -15.9) rotate(-16) scale(0.51)' stroke='%23A5B4FC'/%3E%3Cuse xlink:href='%23m4' transform='translate(131.7 184.1) rotate(-16) scale(0.51)' stroke='%23A5B4FC'/%3E%3Cuse xlink:href='%23m2' transform='translate(168.8 76.8) rotate(-28) scale(0.52)' stroke='%23FCA5A5'/%3E%3Cuse xlink:href='%23m4' transform='translate(-1.8 158.7) rotate(104) scale(0.60)' stroke='%23FDE047'/%3E%3Cuse xlink:href='%23m4' transform='translate(198.2 158.7) rotate(104) scale(0.60)' stroke='%23FDE047'/%3E%3Cuse xlink:href='%23m1' transform='translate(162.6 6.9) rotate(161) scale(0.65)' stroke='%2367E8F9'/%3E%3Cuse xlink:href='%23m1' transform='translate(162.6 206.9) rotate(161) scale(0.65)' stroke='%2367E8F9'/%3E%3Cuse xlink:href='%23m0' transform='translate(38.0 165.1) rotate(-59) scale(0.47)' stroke='%23A5B4FC'/%3E%3Cuse xlink:href='%23m3' transform='translate(-5.7 97.6) rotate(-3) scale(0.45)' stroke='%23F0ABFC'/%3E%3Cuse xlink:href='%23m3' transform='translate(194.3 97.6) rotate(-3) scale(0.45)' stroke='%23F0ABFC'/%3E%3Cuse xlink:href='%23m2' transform='translate(92.1 88.2) rotate(-106) scale(0.39)' stroke='%23F0ABFC'/%3E%3Cuse xlink:href='%23m0' transform='translate(75.5 -11.6) rotate(2) scale(0.44)' stroke='%23A5B4FC'/%3E%3Cuse xlink:href='%23m0' transform='translate(75.5 188.4) rotate(2) scale(0.44)' stroke='%23A5B4FC'/%3E%3Cuse xlink:href='%23m4' transform='translate(133.1 118.9) rotate(-28) scale(0.61)' stroke='%23FCA5A5'/%3E%3Cuse xlink:href='%23m1' transform='translate(51.1 27.3) rotate(108) scale(0.54)' stroke='%2367E8F9'/%3E%3Cuse xlink:href='%23m3' transform='translate(67.2 64.0) rotate(-65) scale(0.53)' stroke='%23FDE047'/%3E%3Cuse xlink:href='%23m0' transform='translate(87.7 133.9) rotate(-81) scale(0.49)' stroke='%23F0ABFC'/%3E%3Cuse xlink:href='%23m1' transform='translate(172.7 138.9) rotate(74) scale(0.44)' stroke='%23FDE047'/%3E%3Cuse xlink:href='%23m2' transform='translate(15.8 129.8) rotate(-32) scale(0.55)' stroke='%2367E8F9'/%3E%3Cuse xlink:href='%23m2' transform='translate(215.8 129.8) rotate(-32) scale(0.55)' stroke='%2367E8F9'/%3E%3Cuse xlink:href='%23m3' transform='translate(98.9 13.8) rotate(-26) scale(0.44)' stroke='%23A5B4FC'/%3E%3Cuse xlink:href='%23m3' transform='translate(98.9 213.8) rotate(-26) scale(0.44)' stroke='%23A5B4FC'/%3E%3Cuse xlink:href='%23m4' transform='translate(93.3 42.8) rotate(139) scale(0.48)' stroke='%23FCA5A5'/%3E%3Cuse xlink:href='%23m4' transform='translate(128.0 40.8) rotate(-102) scale(0.57)' stroke='%23F0ABFC'/%3E%3Cuse xlink:href='%23m0' transform='translate(42.7 82.3) rotate(-87) scale(0.44)' stroke='%2367E8F9'/%3E%3Cuse xlink:href='%23m2' transform='translate(161.3 111.2) rotate(-119) scale(0.45)' stroke='%23A5B4FC'/%3E%3Cuse xlink:href='%23m3' transform='translate(68.1 157.1) rotate(-147) scale(0.50)' stroke='%23FDE047'/%3E%3Cuse xlink:href='%23m1' transform='translate(119.9 152.1) rotate(3) scale(0.41)' stroke='%23FCA5A5'/%3E%3Cuse xlink:href='%23m4' transform='translate(133.9 80.8) rotate(-141) scale(0.54)' stroke='%23FCA5A5'/%3E%3Cuse xlink:href='%23m3' transform='translate(42.7 -3.7) rotate(-155) scale(0.55)' stroke='%2367E8F9'/%3E%3Cuse xlink:href='%23m3' transform='translate(42.7 196.3) rotate(-155) scale(0.55)' stroke='%2367E8F9'/%3E%3Cuse xlink:href='%23m2' transform='translate(170.7 170.3) rotate(-166) scale(0.53)' stroke='%23F0ABFC'/%3E%3Cuse xlink:href='%23m0' transform='translate(-12.9 27.4) rotate(80) scale(0.43)' stroke='%23FDE047'/%3E%3Cuse xlink:href='%23m0' transform='translate(187.1 27.4) rotate(80) scale(0.43)' stroke='%23FDE047'/%3E%3Cuse xlink:href='%23m1' transform='translate(160.2 40.1) rotate(-42) scale(0.51)' stroke='%23A5B4FC'/%3E%3C/g%3E%3C/svg%3E");
    --wall-food: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='200' height='200' viewBox='0 0 200 200'%3E%3Cdefs%3E%3Cg id='m0'%3E%3Cpath d='M-10 -6h16v10a6 6 0 0 1-6 6h-4a6 6 0 0 1-6-6z'/%3E%3Cpath d='M6 -3h3a3 3 0 0 1 0 7H5'/%3E%3Cpath d='M-5 -12q2 -3 0 -5M0 -12q2 -3 0 -5'/%3E%3C/g%3E%3Cg id='m1'%3E%3Cpath d='M0 12C-14 3-16-5-16-9a8 8 0 0 1 16-2 8 8 0 0 1 16 2c0 4-2 12-16 21z'/%3E%3C/g%3E%3Cg id='m2'%3E%3Cpath d='M-8 -2a8 8 0 0 1 16 0z'/%3E%3Cpath d='M-8 -2L0 14 8 -2'/%3E%3C/g%3E%3Cg id='m3'%3E%3Cpath d='M-12 -10Q0 -16 12 -10L0 14z'/%3E%3Ccircle cx='-2' cy='-5' r='2'/%3E%3Ccircle cx='4' cy='-3' r='1.6'/%3E%3Ccircle cx='0' cy='3' r='1.6'/%3E%3C/g%3E%3Cg id='m4'%3E%3Ccircle r='9'/%3E%3C/g%3E%3Cg id='m5'%3E%3Cpath d='M0 -15L4.4 -4.6 15.6 -4.6 6.6 2.6 9.8 13.8 0 7 -9.8 13.8 -6.6 2.6 -15.6 -4.6 -4.4 -4.6z'/%3E%3C/g%3E%3C/defs%3E%3Cg fill='none' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round' opacity='0.72'%3E%3Cuse xlink:href='%23m1' transform='translate(116.8 171.0) rotate(-6) scale(0.53)' stroke='%23FCA5A5'/%3E%3Cuse xlink:href='%23m0' transform='translate(14.6 13.8) rotate(-57) scale(0.51)' stroke='%23FB923C'/%3E%3Cuse xlink:href='%23m0' transform='translate(14.6 213.8) rotate(-57) scale(0.51)' stroke='%23FB923C'/%3E%3Cuse xlink:href='%23m0' transform='translate(214.6 13.8) rotate(-57) scale(0.51)' stroke='%23FB923C'/%3E%3Cuse xlink:href='%23m0' transform='translate(214.6 213.8) rotate(-57) scale(0.51)' stroke='%23FB923C'/%3E%3Cuse xlink:href='%23m3' transform='translate(94.4 102.3) rotate(81) scale(0.50)' stroke='%23F472B6'/%3E%3Cuse xlink:href='%23m5' transform='translate(174.4 64.5) rotate(-27) scale(0.61)' stroke='%23A3E635'/%3E%3Cuse xlink:href='%23m4' transform='translate(86.7 -16.8) rotate(178) scale(0.44)' stroke='%23FBBF24'/%3E%3Cuse xlink:href='%23m4' transform='translate(86.7 183.2) rotate(178) scale(0.44)' stroke='%23FBBF24'/%3E%3Cuse xlink:href='%23m2' transform='translate(-17.6 9.5) rotate(-72) scale(0.47)' stroke='%23FBBF24'/%3E%3Cuse xlink:href='%23m2' transform='translate(-17.6 209.5) rotate(-72) scale(0.47)' stroke='%23FBBF24'/%3E%3Cuse xlink:href='%23m2' transform='translate(182.4 9.5) rotate(-72) scale(0.47)' stroke='%23FBBF24'/%3E%3Cuse xlink:href='%23m2' transform='translate(182.4 209.5) rotate(-72) scale(0.47)' stroke='%23FBBF24'/%3E%3Cuse xlink:href='%23m1' transform='translate(40.5 105.5) rotate(170) scale(0.61)' stroke='%23A3E635'/%3E%3Cuse xlink:href='%23m3' transform='translate(76.8 22.2) rotate(-172) scale(0.39)' stroke='%23FB923C'/%3E%3Cuse xlink:href='%23m2' transform='translate(165.0 -19.8) rotate(-102) scale(0.38)' stroke='%23F472B6'/%3E%3Cuse xlink:href='%23m2' transform='translate(165.0 180.2) rotate(-102) scale(0.38)' stroke='%23F472B6'/%3E%3Cuse xlink:href='%23m0' transform='translate(43.4 154.3) rotate(103) scale(0.47)' stroke='%23FCA5A5'/%3E%3Cuse xlink:href='%23m5' transform='translate(118.9 47.4) rotate(-89) scale(0.45)' stroke='%23FB923C'/%3E%3Cuse xlink:href='%23m4' transform='translate(115.6 81.3) rotate(-108) scale(0.50)' stroke='%23F472B6'/%3E%3Cuse xlink:href='%23m1' transform='translate(85.5 143.6) rotate(-174) scale(0.39)' stroke='%23FCA5A5'/%3E%3Cuse xlink:href='%23m2' transform='translate(156.4 96.7) rotate(-135) scale(0.49)' stroke='%23A3E635'/%3E%3Cuse xlink:href='%23m5' transform='translate(13.4 143.6) rotate(-50) scale(0.48)' stroke='%23FBBF24'/%3E%3Cuse xlink:href='%23m5' transform='translate(213.4 143.6) rotate(-50) scale(0.48)' stroke='%23FBBF24'/%3E%3Cuse xlink:href='%23m0' transform='translate(10.5 51.3) rotate(-49) scale(0.61)' stroke='%23A3E635'/%3E%3Cuse xlink:href='%23m0' transform='translate(210.5 51.3) rotate(-49) scale(0.61)' stroke='%23A3E635'/%3E%3Cuse xlink:href='%23m4' transform='translate(65.2 122.0) rotate(-101) scale(0.46)' stroke='%23FCA5A5'/%3E%3Cuse xlink:href='%23m3' transform='translate(13.5 81.5) rotate(90) scale(0.43)' stroke='%23F472B6'/%3E%3Cuse xlink:href='%23m3' transform='translate(213.5 81.5) rotate(90) scale(0.43)' stroke='%23F472B6'/%3E%3Cuse xlink:href='%23m0' transform='translate(114.3 10.6) rotate(-122) scale(0.48)' stroke='%23FB923C'/%3E%3Cuse xlink:href='%23m0' transform='translate(114.3 210.6) rotate(-122) scale(0.48)' stroke='%23FB923C'/%3E%3Cuse xlink:href='%23m2' transform='translate(131.6 143.8) rotate(-60) scale(0.51)' stroke='%23FBBF24'/%3E%3Cuse xlink:href='%23m4' transform='translate(152.7 18.2) rotate(-62) scale(0.45)' stroke='%23A3E635'/%3E%3Cuse xlink:href='%23m4' transform='translate(152.7 218.2) rotate(-62) scale(0.45)' stroke='%23A3E635'/%3E%3Cuse xlink:href='%23m5' transform='translate(66.8 72.3) rotate(-104) scale(0.47)' stroke='%23FB923C'/%3E%3Cuse xlink:href='%23m3' transform='translate(1.5 -18.0) rotate(62) scale(0.64)' stroke='%23FCA5A5'/%3E%3Cuse xlink:href='%23m3' transform='translate(1.5 182.0) rotate(62) scale(0.64)' stroke='%23FCA5A5'/%3E%3Cuse xlink:href='%23m3' transform='translate(201.5 -18.0) rotate(62) scale(0.64)' stroke='%23FCA5A5'/%3E%3Cuse xlink:href='%23m3' transform='translate(201.5 182.0) rotate(62) scale(0.64)' stroke='%23FCA5A5'/%3E%3Cuse xlink:href='%23m1' transform='translate(176.3 128.2) rotate(19) scale(0.63)' stroke='%23F472B6'/%3E%3Cuse xlink:href='%23m2' transform='translate(123.5 110.8) rotate(-85) scale(0.61)' stroke='%23FBBF24'/%3E%3Cuse xlink:href='%23m4' transform='translate(44.3 30.1) rotate(-17) scale(0.64)' stroke='%23A3E635'/%3E%3Cuse xlink:href='%23m0' transform='translate(149.9 47.4) rotate(-97) scale(0.41)' stroke='%23FCA5A5'/%3E%3Cuse xlink:href='%23m1' transform='translate(52.2 1.7) rotate(104) scale(0.39)' stroke='%23FBBF24'/%3E%3Cuse xlink:href='%23m1' transform='translate(52.2 201.7) rotate(104) scale(0.39)' stroke='%23FBBF24'/%3E%3Cuse xlink:href='%23m3' transform='translate(-5.1 105.0) rotate(-131) scale(0.42)' stroke='%23F472B6'/%3E%3Cuse xlink:href='%23m3' transform='translate(194.9 105.0) rotate(-131) scale(0.42)' stroke='%23F472B6'/%3E%3Cuse xlink:href='%23m5' transform='translate(89.6 48.5) rotate(16) scale(0.43)' stroke='%23FB923C'/%3E%3C/g%3E%3C/svg%3E");
    --wall-sports: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='200' height='200' viewBox='0 0 200 200'%3E%3Cdefs%3E%3Cg id='m0'%3E%3Ccircle r='13'/%3E%3Cpath d='M0 -5l5 4-2 6h-6l-2-6z'/%3E%3Cpath d='M0 -5V-13M5 -1L12 -4M3 5L7 11M-3 5L-7 11M-5 -1L-12 -4'/%3E%3C/g%3E%3Cg id='m1'%3E%3Cpath d='M3 -15L-9 3h8l-4 12L11 -3H3z'/%3E%3C/g%3E%3Cg id='m2'%3E%3Cpath d='M0 -10v20M-10 0h20'/%3E%3C/g%3E%3Cg id='m3'%3E%3Ccircle r='9'/%3E%3C/g%3E%3Cg id='m4'%3E%3Cpath d='M0 -15L4.4 -4.6 15.6 -4.6 6.6 2.6 9.8 13.8 0 7 -9.8 13.8 -6.6 2.6 -15.6 -4.6 -4.4 -4.6z'/%3E%3C/g%3E%3C/defs%3E%3Cg fill='none' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round' opacity='0.72'%3E%3Cuse xlink:href='%23m4' transform='translate(96.9 -5.4) rotate(100) scale(0.39)' stroke='%2338BDF8'/%3E%3Cuse xlink:href='%23m4' transform='translate(96.9 194.6) rotate(100) scale(0.39)' stroke='%2338BDF8'/%3E%3Cuse xlink:href='%23m0' transform='translate(92.4 66.2) rotate(-116) scale(0.60)' stroke='%23F472B6'/%3E%3Cuse xlink:href='%23m1' transform='translate(59.2 103.1) rotate(80) scale(0.42)' stroke='%23FACC15'/%3E%3Cuse xlink:href='%23m3' transform='translate(-6.1 153.2) rotate(-23) scale(0.45)' stroke='%234ADE80'/%3E%3Cuse xlink:href='%23m3' transform='translate(193.9 153.2) rotate(-23) scale(0.45)' stroke='%234ADE80'/%3E%3Cuse xlink:href='%23m2' transform='translate(164.5 157.0) rotate(-38) scale(0.59)' stroke='%23FB923C'/%3E%3Cuse xlink:href='%23m4' transform='translate(43.6 68.8) rotate(51) scale(0.49)' stroke='%23F472B6'/%3E%3Cuse xlink:href='%23m3' transform='translate(94.7 158.3) rotate(93) scale(0.65)' stroke='%23FB923C'/%3E%3Cuse xlink:href='%23m1' transform='translate(23.7 96.0) rotate(-148) scale(0.55)' stroke='%234ADE80'/%3E%3Cuse xlink:href='%23m0' transform='translate(149.0 -2.0) rotate(-89) scale(0.59)' stroke='%23FACC15'/%3E%3Cuse xlink:href='%23m0' transform='translate(149.0 198.0) rotate(-89) scale(0.59)' stroke='%23FACC15'/%3E%3Cuse xlink:href='%23m2' transform='translate(151.6 40.9) rotate(32) scale(0.41)' stroke='%2338BDF8'/%3E%3Cuse xlink:href='%23m0' transform='translate(-14.0 6.5) rotate(44) scale(0.64)' stroke='%23FB923C'/%3E%3Cuse xlink:href='%23m0' transform='translate(-14.0 206.5) rotate(44) scale(0.64)' stroke='%23FB923C'/%3E%3Cuse xlink:href='%23m0' transform='translate(186.0 6.5) rotate(44) scale(0.64)' stroke='%23FB923C'/%3E%3Cuse xlink:href='%23m0' transform='translate(186.0 206.5) rotate(44) scale(0.64)' stroke='%23FB923C'/%3E%3Cuse xlink:href='%23m2' transform='translate(13.5 31.7) rotate(79) scale(0.53)' stroke='%234ADE80'/%3E%3Cuse xlink:href='%23m2' transform='translate(213.5 31.7) rotate(79) scale(0.53)' stroke='%234ADE80'/%3E%3Cuse xlink:href='%23m4' transform='translate(129.7 82.7) rotate(-161) scale(0.58)' stroke='%23FACC15'/%3E%3Cuse xlink:href='%23m3' transform='translate(70.4 137.8) rotate(37) scale(0.42)' stroke='%23F472B6'/%3E%3Cuse xlink:href='%23m1' transform='translate(0.0 73.7) rotate(-18) scale(0.45)' stroke='%2338BDF8'/%3E%3Cuse xlink:href='%23m1' transform='translate(200.0 73.7) rotate(-18) scale(0.45)' stroke='%2338BDF8'/%3E%3Cuse xlink:href='%23m1' transform='translate(168.7 84.8) rotate(100) scale(0.58)' stroke='%2338BDF8'/%3E%3Cuse xlink:href='%23m0' transform='translate(116.3 125.6) rotate(-17) scale(0.49)' stroke='%23FACC15'/%3E%3Cuse xlink:href='%23m4' transform='translate(166.1 118.2) rotate(-21) scale(0.52)' stroke='%234ADE80'/%3E%3Cuse xlink:href='%23m3' transform='translate(18.5 -11.5) rotate(-131) scale(0.53)' stroke='%23FB923C'/%3E%3Cuse xlink:href='%23m3' transform='translate(18.5 188.5) rotate(-131) scale(0.53)' stroke='%23FB923C'/%3E%3Cuse xlink:href='%23m3' transform='translate(218.5 -11.5) rotate(-131) scale(0.53)' stroke='%23FB923C'/%3E%3Cuse xlink:href='%23m3' transform='translate(218.5 188.5) rotate(-131) scale(0.53)' stroke='%23FB923C'/%3E%3Cuse xlink:href='%23m2' transform='translate(30.9 125.7) rotate(-47) scale(0.64)' stroke='%23F472B6'/%3E%3Cuse xlink:href='%23m1' transform='translate(63.5 15.6) rotate(24) scale(0.56)' stroke='%234ADE80'/%3E%3Cuse xlink:href='%23m1' transform='translate(63.5 215.6) rotate(24) scale(0.56)' stroke='%234ADE80'/%3E%3Cuse xlink:href='%23m0' transform='translate(117.4 24.3) rotate(46) scale(0.57)' stroke='%23FB923C'/%3E%3Cuse xlink:href='%23m2' transform='translate(70.0 45.7) rotate(123) scale(0.44)' stroke='%23F472B6'/%3E%3Cuse xlink:href='%23m4' transform='translate(65.3 175.4) rotate(131) scale(0.53)' stroke='%23FACC15'/%3E%3Cuse xlink:href='%23m3' transform='translate(1.2 115.3) rotate(32) scale(0.38)' stroke='%2338BDF8'/%3E%3Cuse xlink:href='%23m3' transform='translate(201.2 115.3) rotate(32) scale(0.38)' stroke='%2338BDF8'/%3E%3Cuse xlink:href='%23m1' transform='translate(99.7 101.1) rotate(-96) scale(0.54)' stroke='%23F472B6'/%3E%3Cuse xlink:href='%23m2' transform='translate(130.5 164.4) rotate(40) scale(0.43)' stroke='%234ADE80'/%3E%3Cuse xlink:href='%23m0' transform='translate(-16.5 41.0) rotate(168) scale(0.40)' stroke='%23FB923C'/%3E%3Cuse xlink:href='%23m0' transform='translate(183.5 41.0) rotate(168) scale(0.40)' stroke='%23FB923C'/%3E%3Cuse xlink:href='%23m3' transform='translate(31.0 160.8) rotate(98) scale(0.45)' stroke='%2338BDF8'/%3E%3C/g%3E%3C/svg%3E");
    --wall-music: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='200' height='200' viewBox='0 0 200 200'%3E%3Cdefs%3E%3Cg id='m0'%3E%3Cpath d='M-12 4v-4a12 12 0 0 1 24 0v4'/%3E%3Crect x='-14' y='3' width='6' height='10' rx='2'/%3E%3Crect x='8' y='3' width='6' height='10' rx='2'/%3E%3C/g%3E%3Cg id='m1'%3E%3Cpath d='M-5 11V-11l14-3v21'/%3E%3Ccircle cx='-9' cy='11' r='4.5'/%3E%3Ccircle cx='5' cy='7' r='4.5'/%3E%3C/g%3E%3Cg id='m2'%3E%3Ccircle r='9'/%3E%3C/g%3E%3Cg id='m3'%3E%3Cpath d='M0 -15Q2 -2 15 0 2 2 0 15 -2 2 -15 0 -2 -2 0 -15z'/%3E%3C/g%3E%3C/defs%3E%3Cg fill='none' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round' opacity='0.72'%3E%3Cuse xlink:href='%23m3' transform='translate(19.6 148.6) rotate(61) scale(0.63)' stroke='%23FBBF24'/%3E%3Cuse xlink:href='%23m3' transform='translate(219.6 148.6) rotate(61) scale(0.63)' stroke='%23FBBF24'/%3E%3Cuse xlink:href='%23m2' transform='translate(148.9 125.7) rotate(-16) scale(0.59)' stroke='%2360A5FA'/%3E%3Cuse xlink:href='%23m1' transform='translate(1.6 39.6) rotate(11) scale(0.63)' stroke='%2334D399'/%3E%3Cuse xlink:href='%23m1' transform='translate(201.6 39.6) rotate(11) scale(0.63)' stroke='%2334D399'/%3E%3Cuse xlink:href='%23m0' transform='translate(60.9 115.7) rotate(-156) scale(0.44)' stroke='%23F472B6'/%3E%3Cuse xlink:href='%23m1' transform='translate(115.6 27.1) rotate(133) scale(0.50)' stroke='%23C084FC'/%3E%3Cuse xlink:href='%23m3' transform='translate(-15.9 3.3) rotate(-138) scale(0.63)' stroke='%23C084FC'/%3E%3Cuse xlink:href='%23m3' transform='translate(-15.9 203.3) rotate(-138) scale(0.63)' stroke='%23C084FC'/%3E%3Cuse xlink:href='%23m3' transform='translate(184.1 3.3) rotate(-138) scale(0.63)' stroke='%23C084FC'/%3E%3Cuse xlink:href='%23m3' transform='translate(184.1 203.3) rotate(-138) scale(0.63)' stroke='%23C084FC'/%3E%3Cuse xlink:href='%23m0' transform='translate(92.4 168.5) rotate(67) scale(0.39)' stroke='%2360A5FA'/%3E%3Cuse xlink:href='%23m1' transform='translate(51.7 47.6) rotate(37) scale(0.62)' stroke='%23F472B6'/%3E%3Cuse xlink:href='%23m2' transform='translate(25.2 103.5) rotate(124) scale(0.40)' stroke='%23FBBF24'/%3E%3Cuse xlink:href='%23m1' transform='translate(176.3 97.5) rotate(6) scale(0.39)' stroke='%2334D399'/%3E%3Cuse xlink:href='%23m2' transform='translate(76.6 6.8) rotate(67) scale(0.54)' stroke='%2360A5FA'/%3E%3Cuse xlink:href='%23m2' transform='translate(76.6 206.8) rotate(67) scale(0.54)' stroke='%2360A5FA'/%3E%3Cuse xlink:href='%23m0' transform='translate(141.0 10.5) rotate(174) scale(0.41)' stroke='%23FBBF24'/%3E%3Cuse xlink:href='%23m0' transform='translate(141.0 210.5) rotate(174) scale(0.41)' stroke='%23FBBF24'/%3E%3Cuse xlink:href='%23m3' transform='translate(107.8 56.8) rotate(-105) scale(0.45)' stroke='%23F472B6'/%3E%3Cuse xlink:href='%23m1' transform='translate(105.5 89.6) rotate(-109) scale(0.62)' stroke='%2334D399'/%3E%3Cuse xlink:href='%23m1' transform='translate(138.5 82.1) rotate(143) scale(0.47)' stroke='%23C084FC'/%3E%3Cuse xlink:href='%23m0' transform='translate(117.1 117.8) rotate(-143) scale(0.61)' stroke='%23FBBF24'/%3E%3Cuse xlink:href='%23m1' transform='translate(173.7 64.4) rotate(-58) scale(0.55)' stroke='%2360A5FA'/%3E%3Cuse xlink:href='%23m2' transform='translate(27.2 4.6) rotate(-106) scale(0.52)' stroke='%23F472B6'/%3E%3Cuse xlink:href='%23m2' transform='translate(27.2 204.6) rotate(-106) scale(0.52)' stroke='%23F472B6'/%3E%3Cuse xlink:href='%23m1' transform='translate(163.9 159.8) rotate(41) scale(0.43)' stroke='%23C084FC'/%3E%3Cuse xlink:href='%23m3' transform='translate(53.6 -14.5) rotate(-61) scale(0.58)' stroke='%2334D399'/%3E%3Cuse xlink:href='%23m3' transform='translate(53.6 185.5) rotate(-61) scale(0.58)' stroke='%2334D399'/%3E%3Cuse xlink:href='%23m0' transform='translate(-9.1 172.2) rotate(-41) scale(0.52)' stroke='%23C084FC'/%3E%3Cuse xlink:href='%23m0' transform='translate(190.9 172.2) rotate(-41) scale(0.52)' stroke='%23C084FC'/%3E%3Cuse xlink:href='%23m2' transform='translate(130.2 160.1) rotate(-22) scale(0.54)' stroke='%23F472B6'/%3E%3Cuse xlink:href='%23m1' transform='translate(-4.1 122.7) rotate(-164) scale(0.58)' stroke='%2334D399'/%3E%3Cuse xlink:href='%23m1' transform='translate(195.9 122.7) rotate(-164) scale(0.58)' stroke='%2334D399'/%3E%3Cuse xlink:href='%23m3' transform='translate(47.6 77.0) rotate(15) scale(0.50)' stroke='%2360A5FA'/%3E%3Cuse xlink:href='%23m1' transform='translate(153.6 39.5) rotate(4) scale(0.44)' stroke='%23FBBF24'/%3E%3Cuse xlink:href='%23m1' transform='translate(89.6 129.8) rotate(-113) scale(0.48)' stroke='%23C084FC'/%3E%3Cuse xlink:href='%23m0' transform='translate(112.1 -5.8) rotate(-72) scale(0.44)' stroke='%2360A5FA'/%3E%3Cuse xlink:href='%23m0' transform='translate(112.1 194.2) rotate(-72) scale(0.44)' stroke='%2360A5FA'/%3E%3Cuse xlink:href='%23m3' transform='translate(14.6 68.9) rotate(40) scale(0.43)' stroke='%23F472B6'/%3E%3Cuse xlink:href='%23m3' transform='translate(214.6 68.9) rotate(40) scale(0.43)' stroke='%23F472B6'/%3E%3Cuse xlink:href='%23m1' transform='translate(51.4 152.5) rotate(111) scale(0.52)' stroke='%23FBBF24'/%3E%3Cuse xlink:href='%23m2' transform='translate(78.2 74.5) rotate(14) scale(0.44)' stroke='%2334D399'/%3E%3C/g%3E%3C/svg%3E");
    --wall-travel: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='200' height='200' viewBox='0 0 200 200'%3E%3Cdefs%3E%3Cg id='m0'%3E%3Cpath d='M-13 8a7 7 0 0 1 2-13 9 9 0 0 1 17 2 6 6 0 0 1 -1 11z'/%3E%3C/g%3E%3Cg id='m1'%3E%3Ccircle r='13'/%3E%3Cpath d='M5 -5L2 2 -5 5 -2 -2z'/%3E%3C/g%3E%3Cg id='m2'%3E%3Ccircle r='13'/%3E%3Cellipse rx='5.5' ry='13'/%3E%3Cpath d='M-13 0h26M-11 -7h22M-11 7h22'/%3E%3C/g%3E%3Cg id='m3'%3E%3Cpath d='M-15 0L15 -13 8 13 -1 5z'/%3E%3Cpath d='M-1 5L15 -13'/%3E%3C/g%3E%3Cg id='m4'%3E%3Ccircle r='7'/%3E%3Cpath d='M0 -13v-3M0 13v3M-13 0h-3M13 0h3M-9 -9l-2-2M9 9l2 2M-9 9l-2 2M9 -9l2-2'/%3E%3C/g%3E%3C/defs%3E%3Cg fill='none' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round' opacity='0.72'%3E%3Cuse xlink:href='%23m3' transform='translate(147.5 38.1) rotate(82) scale(0.48)' stroke='%23A78BFA'/%3E%3Cuse xlink:href='%23m2' transform='translate(141.3 139.0) rotate(149) scale(0.45)' stroke='%23FBBF24'/%3E%3Cuse xlink:href='%23m4' transform='translate(34.4 101.8) rotate(-98) scale(0.42)' stroke='%2334D399'/%3E%3Cuse xlink:href='%23m0' transform='translate(9.0 164.4) rotate(155) scale(0.57)' stroke='%2338BDF8'/%3E%3Cuse xlink:href='%23m0' transform='translate(209.0 164.4) rotate(155) scale(0.57)' stroke='%2338BDF8'/%3E%3Cuse xlink:href='%23m1' transform='translate(57.4 165.2) rotate(53) scale(0.44)' stroke='%23F472B6'/%3E%3Cuse xlink:href='%23m1' transform='translate(168.0 0.9) rotate(-179) scale(0.41)' stroke='%23F472B6'/%3E%3Cuse xlink:href='%23m1' transform='translate(168.0 200.9) rotate(-179) scale(0.41)' stroke='%23F472B6'/%3E%3Cuse xlink:href='%23m3' transform='translate(90.1 49.4) rotate(-40) scale(0.40)' stroke='%23FBBF24'/%3E%3Cuse xlink:href='%23m2' transform='translate(-7.8 90.4) rotate(50) scale(0.48)' stroke='%2338BDF8'/%3E%3Cuse xlink:href='%23m2' transform='translate(192.2 90.4) rotate(50) scale(0.48)' stroke='%2338BDF8'/%3E%3Cuse xlink:href='%23m4' transform='translate(168.0 117.8) rotate(-154) scale(0.53)' stroke='%2334D399'/%3E%3Cuse xlink:href='%23m0' transform='translate(127.3 -20.7) rotate(18) scale(0.38)' stroke='%23A78BFA'/%3E%3Cuse xlink:href='%23m0' transform='translate(127.3 179.3) rotate(18) scale(0.38)' stroke='%23A78BFA'/%3E%3Cuse xlink:href='%23m2' transform='translate(81.1 121.0) rotate(67) scale(0.62)' stroke='%2338BDF8'/%3E%3Cuse xlink:href='%23m3' transform='translate(97.1 7.2) rotate(4) scale(0.63)' stroke='%23F472B6'/%3E%3Cuse xlink:href='%23m3' transform='translate(97.1 207.2) rotate(4) scale(0.63)' stroke='%23F472B6'/%3E%3Cuse xlink:href='%23m1' transform='translate(-9.4 42.2) rotate(-35) scale(0.52)' stroke='%23A78BFA'/%3E%3Cuse xlink:href='%23m1' transform='translate(190.6 42.2) rotate(-35) scale(0.52)' stroke='%23A78BFA'/%3E%3Cuse xlink:href='%23m0' transform='translate(11.5 14.2) rotate(178) scale(0.62)' stroke='%2334D399'/%3E%3Cuse xlink:href='%23m0' transform='translate(11.5 214.2) rotate(178) scale(0.62)' stroke='%2334D399'/%3E%3Cuse xlink:href='%23m0' transform='translate(211.5 14.2) rotate(178) scale(0.62)' stroke='%2334D399'/%3E%3Cuse xlink:href='%23m0' transform='translate(211.5 214.2) rotate(178) scale(0.62)' stroke='%2334D399'/%3E%3Cuse xlink:href='%23m4' transform='translate(36.9 131.3) rotate(97) scale(0.65)' stroke='%23FBBF24'/%3E%3Cuse xlink:href='%23m2' transform='translate(63.3 -5.5) rotate(-53) scale(0.48)' stroke='%23F472B6'/%3E%3Cuse xlink:href='%23m2' transform='translate(63.3 194.5) rotate(-53) scale(0.48)' stroke='%23F472B6'/%3E%3Cuse xlink:href='%23m4' transform='translate(103.8 161.4) rotate(-2) scale(0.60)' stroke='%2338BDF8'/%3E%3Cuse xlink:href='%23m0' transform='translate(69.9 87.2) rotate(-62) scale(0.65)' stroke='%23A78BFA'/%3E%3Cuse xlink:href='%23m1' transform='translate(128.9 88.5) rotate(157) scale(0.51)' stroke='%23FBBF24'/%3E%3Cuse xlink:href='%23m3' transform='translate(37.9 30.0) rotate(159) scale(0.50)' stroke='%2334D399'/%3E%3Cuse xlink:href='%23m1' transform='translate(119.5 26.6) rotate(92) scale(0.41)' stroke='%23A78BFA'/%3E%3Cuse xlink:href='%23m3' transform='translate(-19.5 152.3) rotate(103) scale(0.43)' stroke='%23F472B6'/%3E%3Cuse xlink:href='%23m3' transform='translate(180.5 152.3) rotate(103) scale(0.43)' stroke='%23F472B6'/%3E%3Cuse xlink:href='%23m4' transform='translate(156.2 172.4) rotate(-108) scale(0.44)' stroke='%23FBBF24'/%3E%3Cuse xlink:href='%23m0' transform='translate(2.0 128.0) rotate(-178) scale(0.47)' stroke='%2338BDF8'/%3E%3Cuse xlink:href='%23m0' transform='translate(202.0 128.0) rotate(-178) scale(0.47)' stroke='%2338BDF8'/%3E%3Cuse xlink:href='%23m2' transform='translate(33.1 -13.2) rotate(-177) scale(0.64)' stroke='%2334D399'/%3E%3Cuse xlink:href='%23m2' transform='translate(33.1 186.8) rotate(-177) scale(0.64)' stroke='%2334D399'/%3E%3Cuse xlink:href='%23m1' transform='translate(163.0 67.7) rotate(150) scale(0.59)' stroke='%2334D399'/%3E%3Cuse xlink:href='%23m0' transform='translate(27.4 57.9) rotate(-6) scale(0.56)' stroke='%23F472B6'/%3E%3Cuse xlink:href='%23m4' transform='translate(100.0 95.6) rotate(44) scale(0.50)' stroke='%23FBBF24'/%3E%3Cuse xlink:href='%23m2' transform='translate(60.2 49.9) rotate(105) scale(0.51)' stroke='%2338BDF8'/%3E%3Cuse xlink:href='%23m3' transform='translate(115.6 120.5) rotate(-177) scale(0.44)' stroke='%23A78BFA'/%3E%3C/g%3E%3C/svg%3E");
    --wall-gaming: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='200' height='200' viewBox='0 0 200 200'%3E%3Cdefs%3E%3Cg id='m0'%3E%3Cpath d='M3 -15L-9 3h8l-4 12L11 -3H3z'/%3E%3C/g%3E%3Cg id='m1'%3E%3Cpath d='M-9 -7h18a7 7 0 0 1 7 8l-2 7a3 3 0 0 1-5 1l-3-4h-12l-3 4a3 3 0 0 1-5-1l-2-7a7 7 0 0 1 7-8z'/%3E%3Cpath d='M-8 -1h5M-5.5 -3.5v5'/%3E%3Ccircle cx='6' cy='-2' r='1.2'/%3E%3Ccircle cx='9' cy='0.5' r='1.2'/%3E%3C/g%3E%3Cg id='m2'%3E%3Crect x='-11' y='-11' width='22' height='22' rx='5'/%3E%3Ccircle cx='-5' cy='-5' r='1.4'/%3E%3Ccircle cx='5' cy='5' r='1.4'/%3E%3Ccircle r='1.4'/%3E%3Ccircle cx='5' cy='-5' r='1.4'/%3E%3Ccircle cx='-5' cy='5' r='1.4'/%3E%3C/g%3E%3Cg id='m3'%3E%3Cpath d='M0 -10v20M-10 0h20'/%3E%3C/g%3E%3Cg id='m4'%3E%3Ccircle r='9'/%3E%3C/g%3E%3Cg id='m5'%3E%3Cpath d='M0 -15L4.4 -4.6 15.6 -4.6 6.6 2.6 9.8 13.8 0 7 -9.8 13.8 -6.6 2.6 -15.6 -4.6 -4.4 -4.6z'/%3E%3C/g%3E%3C/defs%3E%3Cg fill='none' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round' opacity='0.72'%3E%3Cuse xlink:href='%23m0' transform='translate(41.8 43.9) rotate(-137) scale(0.54)' stroke='%234ADE80'/%3E%3Cuse xlink:href='%23m1' transform='translate(167.8 111.1) rotate(90) scale(0.61)' stroke='%23A78BFA'/%3E%3Cuse xlink:href='%23m5' transform='translate(133.2 159.7) rotate(-144) scale(0.38)' stroke='%23F472B6'/%3E%3Cuse xlink:href='%23m4' transform='translate(118.0 112.7) rotate(-22) scale(0.45)' stroke='%23FACC15'/%3E%3Cuse xlink:href='%23m2' transform='translate(80.5 0.4) rotate(-87) scale(0.52)' stroke='%2322D3EE'/%3E%3Cuse xlink:href='%23m2' transform='translate(80.5 200.4) rotate(-87) scale(0.52)' stroke='%2322D3EE'/%3E%3Cuse xlink:href='%23m3' transform='translate(20.6 166.3) rotate(10) scale(0.40)' stroke='%23F472B6'/%3E%3Cuse xlink:href='%23m3' transform='translate(220.6 166.3) rotate(10) scale(0.40)' stroke='%23F472B6'/%3E%3Cuse xlink:href='%23m1' transform='translate(-3.6 30.9) rotate(27) scale(0.55)' stroke='%23FACC15'/%3E%3Cuse xlink:href='%23m1' transform='translate(196.4 30.9) rotate(27) scale(0.55)' stroke='%23FACC15'/%3E%3Cuse xlink:href='%23m0' transform='translate(54.7 95.8) rotate(-85) scale(0.55)' stroke='%23A78BFA'/%3E%3Cuse xlink:href='%23m5' transform='translate(-10.8 148.4) rotate(-128) scale(0.55)' stroke='%2322D3EE'/%3E%3Cuse xlink:href='%23m5' transform='translate(189.2 148.4) rotate(-128) scale(0.55)' stroke='%2322D3EE'/%3E%3Cuse xlink:href='%23m2' transform='translate(-7.4 0.5) rotate(10) scale(0.41)' stroke='%234ADE80'/%3E%3Cuse xlink:href='%23m2' transform='translate(-7.4 200.5) rotate(10) scale(0.41)' stroke='%234ADE80'/%3E%3Cuse xlink:href='%23m2' transform='translate(192.6 0.5) rotate(10) scale(0.41)' stroke='%234ADE80'/%3E%3Cuse xlink:href='%23m2' transform='translate(192.6 200.5) rotate(10) scale(0.41)' stroke='%234ADE80'/%3E%3Cuse xlink:href='%23m4' transform='translate(50.8 169.7) rotate(166) scale(0.51)' stroke='%234ADE80'/%3E%3Cuse xlink:href='%23m3' transform='translate(154.4 19.8) rotate(86) scale(0.40)' stroke='%23A78BFA'/%3E%3Cuse xlink:href='%23m3' transform='translate(154.4 219.8) rotate(86) scale(0.40)' stroke='%23A78BFA'/%3E%3Cuse xlink:href='%23m0' transform='translate(72.6 120.8) rotate(-98) scale(0.65)' stroke='%2322D3EE'/%3E%3Cuse xlink:href='%23m4' transform='translate(4.0 84.2) rotate(-24) scale(0.52)' stroke='%23FACC15'/%3E%3Cuse xlink:href='%23m4' transform='translate(204.0 84.2) rotate(-24) scale(0.52)' stroke='%23FACC15'/%3E%3Cuse xlink:href='%23m2' transform='translate(33.6 4.1) rotate(15) scale(0.52)' stroke='%23F472B6'/%3E%3Cuse xlink:href='%23m2' transform='translate(33.6 204.1) rotate(15) scale(0.52)' stroke='%23F472B6'/%3E%3Cuse xlink:href='%23m3' transform='translate(98.4 172.7) rotate(174) scale(0.46)' stroke='%2322D3EE'/%3E%3Cuse xlink:href='%23m1' transform='translate(24.6 124.1) rotate(-65) scale(0.44)' stroke='%234ADE80'/%3E%3Cuse xlink:href='%23m5' transform='translate(127.8 72.2) rotate(-149) scale(0.44)' stroke='%23FACC15'/%3E%3Cuse xlink:href='%23m0' transform='translate(88.9 62.1) rotate(-23) scale(0.38)' stroke='%23F472B6'/%3E%3Cuse xlink:href='%23m1' transform='translate(124.0 2.1) rotate(108) scale(0.44)' stroke='%23A78BFA'/%3E%3Cuse xlink:href='%23m1' transform='translate(124.0 202.1) rotate(108) scale(0.44)' stroke='%23A78BFA'/%3E%3Cuse xlink:href='%23m2' transform='translate(167.6 63.2) rotate(-176) scale(0.56)' stroke='%23FACC15'/%3E%3Cuse xlink:href='%23m3' transform='translate(98.2 29.1) rotate(-122) scale(0.43)' stroke='%234ADE80'/%3E%3Cuse xlink:href='%23m5' transform='translate(93.4 95.6) rotate(-123) scale(0.58)' stroke='%23A78BFA'/%3E%3Cuse xlink:href='%23m4' transform='translate(132.2 40.5) rotate(27) scale(0.50)' stroke='%2322D3EE'/%3E%3Cuse xlink:href='%23m4' transform='translate(33.9 74.9) rotate(-41) scale(0.65)' stroke='%23F472B6'/%3E%3Cuse xlink:href='%23m2' transform='translate(97.4 142.0) rotate(-10) scale(0.47)' stroke='%23A78BFA'/%3E%3Cuse xlink:href='%23m1' transform='translate(165.2 167.2) rotate(112) scale(0.57)' stroke='%23F472B6'/%3E%3Cuse xlink:href='%23m0' transform='translate(65.7 26.5) rotate(-110) scale(0.48)' stroke='%234ADE80'/%3E%3Cuse xlink:href='%23m5' transform='translate(144.7 131.1) rotate(-131) scale(0.38)' stroke='%23FACC15'/%3E%3Cuse xlink:href='%23m3' transform='translate(50.0 140.3) rotate(-78) scale(0.48)' stroke='%2322D3EE'/%3E%3C/g%3E%3C/svg%3E");
    --wall-coffee: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='200' height='200' viewBox='0 0 200 200'%3E%3Cdefs%3E%3Cg id='m0'%3E%3Cellipse rx='8' ry='12' transform='rotate(30)'/%3E%3Cpath d='M-3 -9Q3 -2 -3 9' transform='rotate(30)'/%3E%3C/g%3E%3Cg id='m1'%3E%3Cpath d='M-10 -6h16v10a6 6 0 0 1-6 6h-4a6 6 0 0 1-6-6z'/%3E%3Cpath d='M6 -3h3a3 3 0 0 1 0 7H5'/%3E%3Cpath d='M-5 -12q2 -3 0 -5M0 -12q2 -3 0 -5'/%3E%3C/g%3E%3Cg id='m2'%3E%3Cpath d='M0 12C-14 3-16-5-16-9a8 8 0 0 1 16-2 8 8 0 0 1 16 2c0 4-2 12-16 21z'/%3E%3C/g%3E%3Cg id='m3'%3E%3Ccircle r='9'/%3E%3C/g%3E%3Cg id='m4'%3E%3Cpath d='M0 -15Q2 -2 15 0 2 2 0 15 -2 2 -15 0 -2 -2 0 -15z'/%3E%3C/g%3E%3C/defs%3E%3Cg fill='none' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round' opacity='0.72'%3E%3Cuse xlink:href='%23m0' transform='translate(-16.8 38.8) rotate(-7) scale(0.47)' stroke='%23FDBA74'/%3E%3Cuse xlink:href='%23m0' transform='translate(183.2 38.8) rotate(-7) scale(0.47)' stroke='%23FDBA74'/%3E%3Cuse xlink:href='%23m4' transform='translate(93.3 135.1) rotate(103) scale(0.41)' stroke='%23FDE68A'/%3E%3Cuse xlink:href='%23m1' transform='translate(158.9 68.9) rotate(179) scale(0.45)' stroke='%23FBBF24'/%3E%3Cuse xlink:href='%23m2' transform='translate(144.5 29.4) rotate(33) scale(0.38)' stroke='%23D6B48A'/%3E%3Cuse xlink:href='%23m3' transform='translate(153.1 132.4) rotate(-130) scale(0.64)' stroke='%23FCA5A5'/%3E%3Cuse xlink:href='%23m4' transform='translate(31.2 150.1) rotate(34) scale(0.56)' stroke='%23FDE68A'/%3E%3Cuse xlink:href='%23m2' transform='translate(97.5 87.0) rotate(-117) scale(0.51)' stroke='%23D6B48A'/%3E%3Cuse xlink:href='%23m0' transform='translate(141.2 -19.1) rotate(-40) scale(0.38)' stroke='%23FDBA74'/%3E%3Cuse xlink:href='%23m0' transform='translate(141.2 180.9) rotate(-40) scale(0.38)' stroke='%23FDBA74'/%3E%3Cuse xlink:href='%23m1' transform='translate(108.6 25.1) rotate(-16) scale(0.41)' stroke='%23FCA5A5'/%3E%3Cuse xlink:href='%23m3' transform='translate(8.3 7.3) rotate(129) scale(0.56)' stroke='%23FBBF24'/%3E%3Cuse xlink:href='%23m3' transform='translate(8.3 207.3) rotate(129) scale(0.56)' stroke='%23FBBF24'/%3E%3Cuse xlink:href='%23m3' transform='translate(208.3 7.3) rotate(129) scale(0.56)' stroke='%23FBBF24'/%3E%3Cuse xlink:href='%23m3' transform='translate(208.3 207.3) rotate(129) scale(0.56)' stroke='%23FBBF24'/%3E%3Cuse xlink:href='%23m0' transform='translate(99.9 168.0) rotate(80) scale(0.52)' stroke='%23FDBA74'/%3E%3Cuse xlink:href='%23m3' transform='translate(18.6 74.1) rotate(-53) scale(0.51)' stroke='%23D6B48A'/%3E%3Cuse xlink:href='%23m3' transform='translate(218.6 74.1) rotate(-53) scale(0.51)' stroke='%23D6B48A'/%3E%3Cuse xlink:href='%23m2' transform='translate(66.7 4.2) rotate(-78) scale(0.44)' stroke='%23FCA5A5'/%3E%3Cuse xlink:href='%23m2' transform='translate(66.7 204.2) rotate(-78) scale(0.44)' stroke='%23FCA5A5'/%3E%3Cuse xlink:href='%23m4' transform='translate(11.7 176.1) rotate(-28) scale(0.63)' stroke='%23FDE68A'/%3E%3Cuse xlink:href='%23m4' transform='translate(211.7 176.1) rotate(-28) scale(0.63)' stroke='%23FDE68A'/%3E%3Cuse xlink:href='%23m1' transform='translate(174.9 -9.9) rotate(20) scale(0.41)' stroke='%23FBBF24'/%3E%3Cuse xlink:href='%23m1' transform='translate(174.9 190.1) rotate(20) scale(0.41)' stroke='%23FBBF24'/%3E%3Cuse xlink:href='%23m3' transform='translate(123.2 122.4) rotate(84) scale(0.56)' stroke='%23FDE68A'/%3E%3Cuse xlink:href='%23m4' transform='translate(51.6 53.9) rotate(-85) scale(0.56)' stroke='%23FCA5A5'/%3E%3Cuse xlink:href='%23m1' transform='translate(45.9 -20.2) rotate(177) scale(0.42)' stroke='%23FBBF24'/%3E%3Cuse xlink:href='%23m1' transform='translate(45.9 179.8) rotate(177) scale(0.42)' stroke='%23FBBF24'/%3E%3Cuse xlink:href='%23m2' transform='translate(-11.8 79.8) rotate(-101) scale(0.56)' stroke='%23D6B48A'/%3E%3Cuse xlink:href='%23m2' transform='translate(188.2 79.8) rotate(-101) scale(0.56)' stroke='%23D6B48A'/%3E%3Cuse xlink:href='%23m0' transform='translate(128.4 66.5) rotate(-1) scale(0.39)' stroke='%23FDBA74'/%3E%3Cuse xlink:href='%23m1' transform='translate(14.4 111.6) rotate(-146) scale(0.40)' stroke='%23FBBF24'/%3E%3Cuse xlink:href='%23m1' transform='translate(214.4 111.6) rotate(-146) scale(0.40)' stroke='%23FBBF24'/%3E%3Cuse xlink:href='%23m3' transform='translate(49.4 111.1) rotate(19) scale(0.63)' stroke='%23FDE68A'/%3E%3Cuse xlink:href='%23m0' transform='translate(42.7 20.8) rotate(179) scale(0.55)' stroke='%23D6B48A'/%3E%3Cuse xlink:href='%23m0' transform='translate(42.7 220.8) rotate(179) scale(0.55)' stroke='%23D6B48A'/%3E%3Cuse xlink:href='%23m2' transform='translate(-13.7 158.2) rotate(121) scale(0.56)' stroke='%23FDBA74'/%3E%3Cuse xlink:href='%23m2' transform='translate(186.3 158.2) rotate(121) scale(0.56)' stroke='%23FDBA74'/%3E%3Cuse xlink:href='%23m4' transform='translate(67.5 152.4) rotate(-87) scale(0.63)' stroke='%23FCA5A5'/%3E%3Cuse xlink:href='%23m1' transform='translate(-21.9 111.4) rotate(-173) scale(0.40)' stroke='%23FCA5A5'/%3E%3Cuse xlink:href='%23m1' transform='translate(178.1 111.4) rotate(-173) scale(0.40)' stroke='%23FCA5A5'/%3E%3Cuse xlink:href='%23m4' transform='translate(83.8 50.9) rotate(145) scale(0.64)' stroke='%23D6B48A'/%3E%3Cuse xlink:href='%23m2' transform='translate(20.7 41.6) rotate(50) scale(0.40)' stroke='%23FDE68A'/%3E%3Cuse xlink:href='%23m2' transform='translate(220.7 41.6) rotate(50) scale(0.40)' stroke='%23FDE68A'/%3E%3Cuse xlink:href='%23m3' transform='translate(67.3 83.6) rotate(-112) scale(0.39)' stroke='%23FDBA74'/%3E%3Cuse xlink:href='%23m0' transform='translate(150.6 101.1) rotate(161) scale(0.44)' stroke='%23FBBF24'/%3E%3C/g%3E%3C/svg%3E");
    --wall-neon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='200' height='200' viewBox='0 0 200 200'%3E%3Cdefs%3E%3Cg id='m0'%3E%3Cpath d='M3 -15L-9 3h8l-4 12L11 -3H3z'/%3E%3C/g%3E%3Cg id='m1'%3E%3Cpath d='M0 -14L10 0 0 14-10 0z'/%3E%3C/g%3E%3Cg id='m2'%3E%3Cpath d='M0 -10v20M-10 0h20'/%3E%3C/g%3E%3Cg id='m3'%3E%3Ccircle r='9'/%3E%3C/g%3E%3Cg id='m4'%3E%3Cpath d='M0 -15Q2 -2 15 0 2 2 0 15 -2 2 -15 0 -2 -2 0 -15z'/%3E%3C/g%3E%3Cg id='m5'%3E%3Cpath d='M0 -12L12 9H-12z'/%3E%3C/g%3E%3C/defs%3E%3Cg fill='none' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round' opacity='0.85'%3E%3Cuse xlink:href='%23m2' transform='translate(37.0 161.7) rotate(76) scale(0.56)' stroke='%2322D3EE'/%3E%3Cuse xlink:href='%23m1' transform='translate(173.1 8.7) rotate(-33) scale(0.64)' stroke='%23FB7185'/%3E%3Cuse xlink:href='%23m1' transform='translate(173.1 208.7) rotate(-33) scale(0.64)' stroke='%23FB7185'/%3E%3Cuse xlink:href='%23m5' transform='translate(36.5 88.1) rotate(-140) scale(0.39)' stroke='%23F0ABFC'/%3E%3Cuse xlink:href='%23m0' transform='translate(164.6 80.6) rotate(51) scale(0.61)' stroke='%23FACC15'/%3E%3Cuse xlink:href='%23m3' transform='translate(139.7 120.3) rotate(46) scale(0.63)' stroke='%234ADE80'/%3E%3Cuse xlink:href='%23m4' transform='translate(73.5 84.6) rotate(-166) scale(0.39)' stroke='%23FB7185'/%3E%3Cuse xlink:href='%23m1' transform='translate(67.9 46.5) rotate(-116) scale(0.57)' stroke='%23FACC15'/%3E%3Cuse xlink:href='%23m0' transform='translate(9.4 129.0) rotate(39) scale(0.40)' stroke='%23F0ABFC'/%3E%3Cuse xlink:href='%23m0' transform='translate(209.4 129.0) rotate(39) scale(0.40)' stroke='%23F0ABFC'/%3E%3Cuse xlink:href='%23m5' transform='translate(25.8 -3.0) rotate(31) scale(0.51)' stroke='%2322D3EE'/%3E%3Cuse xlink:href='%23m5' transform='translate(25.8 197.0) rotate(31) scale(0.51)' stroke='%2322D3EE'/%3E%3Cuse xlink:href='%23m2' transform='translate(27.1 33.9) rotate(-19) scale(0.49)' stroke='%234ADE80'/%3E%3Cuse xlink:href='%23m4' transform='translate(61.3 -4.4) rotate(114) scale(0.45)' stroke='%234ADE80'/%3E%3Cuse xlink:href='%23m4' transform='translate(61.3 195.6) rotate(114) scale(0.45)' stroke='%234ADE80'/%3E%3Cuse xlink:href='%23m3' transform='translate(-21.7 51.9) rotate(-123) scale(0.64)' stroke='%23F0ABFC'/%3E%3Cuse xlink:href='%23m3' transform='translate(178.3 51.9) rotate(-123) scale(0.64)' stroke='%23F0ABFC'/%3E%3Cuse xlink:href='%23m3' transform='translate(143.3 22.8) rotate(-139) scale(0.53)' stroke='%2322D3EE'/%3E%3Cuse xlink:href='%23m5' transform='translate(96.3 60.1) rotate(-29) scale(0.49)' stroke='%23FACC15'/%3E%3Cuse xlink:href='%23m1' transform='translate(126.0 155.7) rotate(109) scale(0.45)' stroke='%23FB7185'/%3E%3Cuse xlink:href='%23m2' transform='translate(-20.0 175.6) rotate(130) scale(0.65)' stroke='%23FB7185'/%3E%3Cuse xlink:href='%23m2' transform='translate(180.0 175.6) rotate(130) scale(0.65)' stroke='%23FB7185'/%3E%3Cuse xlink:href='%23m4' transform='translate(105.2 131.7) rotate(-105) scale(0.54)' stroke='%2322D3EE'/%3E%3Cuse xlink:href='%23m0' transform='translate(82.5 158.2) rotate(-14) scale(0.56)' stroke='%23F0ABFC'/%3E%3Cuse xlink:href='%23m5' transform='translate(66.4 132.5) rotate(-168) scale(0.57)' stroke='%234ADE80'/%3E%3Cuse xlink:href='%23m1' transform='translate(101.1 10.0) rotate(85) scale(0.59)' stroke='%23FACC15'/%3E%3Cuse xlink:href='%23m1' transform='translate(101.1 210.0) rotate(85) scale(0.59)' stroke='%23FACC15'/%3E%3Cuse xlink:href='%23m4' transform='translate(7.1 161.0) rotate(124) scale(0.46)' stroke='%2322D3EE'/%3E%3Cuse xlink:href='%23m4' transform='translate(207.1 161.0) rotate(124) scale(0.46)' stroke='%2322D3EE'/%3E%3Cuse xlink:href='%23m2' transform='translate(-0.2 90.9) rotate(48) scale(0.47)' stroke='%234ADE80'/%3E%3Cuse xlink:href='%23m2' transform='translate(199.8 90.9) rotate(48) scale(0.47)' stroke='%234ADE80'/%3E%3Cuse xlink:href='%23m0' transform='translate(163.1 139.7) rotate(173) scale(0.47)' stroke='%23F0ABFC'/%3E%3Cuse xlink:href='%23m3' transform='translate(99.6 100.9) rotate(132) scale(0.58)' stroke='%23FB7185'/%3E%3Cuse xlink:href='%23m1' transform='translate(20.9 63.4) rotate(130) scale(0.52)' stroke='%23FACC15'/%3E%3Cuse xlink:href='%23m1' transform='translate(220.9 63.4) rotate(130) scale(0.52)' stroke='%23FACC15'/%3E%3Cuse xlink:href='%23m4' transform='translate(131.4 76.1) rotate(-85) scale(0.61)' stroke='%23F0ABFC'/%3E%3Cuse xlink:href='%23m0' transform='translate(116.7 36.5) rotate(168) scale(0.60)' stroke='%234ADE80'/%3E%3Cuse xlink:href='%23m3' transform='translate(128.4 -2.4) rotate(-22) scale(0.50)' stroke='%2322D3EE'/%3E%3Cuse xlink:href='%23m3' transform='translate(128.4 197.6) rotate(-22) scale(0.50)' stroke='%2322D3EE'/%3E%3Cuse xlink:href='%23m2' transform='translate(-3.4 28.1) rotate(-7) scale(0.63)' stroke='%23FB7185'/%3E%3Cuse xlink:href='%23m2' transform='translate(196.6 28.1) rotate(-7) scale(0.63)' stroke='%23FB7185'/%3E%3Cuse xlink:href='%23m5' transform='translate(173.0 109.9) rotate(171) scale(0.40)' stroke='%23FACC15'/%3E%3C/g%3E%3C/svg%3E");
    --wall-desert: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='200' height='200' viewBox='0 0 200 200'%3E%3Cdefs%3E%3Cg id='m0'%3E%3Cpath d='M-3 14V-8a3 3 0 0 1 6 0V14z'/%3E%3Cpath d='M-3 2H-8a3 3 0 0 1-3-3V-6M3 -1h5a3 3 0 0 0 3-3V-9'/%3E%3C/g%3E%3Cg id='m1'%3E%3Cpath d='M-13 8a7 7 0 0 1 2-13 9 9 0 0 1 17 2 6 6 0 0 1 -1 11z'/%3E%3C/g%3E%3Cg id='m2'%3E%3Cpath d='M0 -15Q2 -2 15 0 2 2 0 15 -2 2 -15 0 -2 -2 0 -15z'/%3E%3C/g%3E%3Cg id='m3'%3E%3Cpath d='M0 -15L4.4 -4.6 15.6 -4.6 6.6 2.6 9.8 13.8 0 7 -9.8 13.8 -6.6 2.6 -15.6 -4.6 -4.4 -4.6z'/%3E%3C/g%3E%3Cg id='m4'%3E%3Ccircle r='7'/%3E%3Cpath d='M0 -13v-3M0 13v3M-13 0h-3M13 0h3M-9 -9l-2-2M9 9l2 2M-9 9l-2 2M9 -9l2-2'/%3E%3C/g%3E%3C/defs%3E%3Cg fill='none' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round' opacity='0.72'%3E%3Cuse xlink:href='%23m1' transform='translate(135.5 -5.3) rotate(141) scale(0.40)' stroke='%23F9A8D4'/%3E%3Cuse xlink:href='%23m1' transform='translate(135.5 194.7) rotate(141) scale(0.40)' stroke='%23F9A8D4'/%3E%3Cuse xlink:href='%23m0' transform='translate(12.6 29.7) rotate(-49) scale(0.58)' stroke='%23FCA5A5'/%3E%3Cuse xlink:href='%23m0' transform='translate(212.6 29.7) rotate(-49) scale(0.58)' stroke='%23FCA5A5'/%3E%3Cuse xlink:href='%23m3' transform='translate(115.9 124.4) rotate(-76) scale(0.49)' stroke='%23FCD34D'/%3E%3Cuse xlink:href='%23m2' transform='translate(155.2 92.5) rotate(-31) scale(0.40)' stroke='%2386EFAC'/%3E%3Cuse xlink:href='%23m4' transform='translate(152.6 127.0) rotate(54) scale(0.45)' stroke='%23FDBA74'/%3E%3Cuse xlink:href='%23m4' transform='translate(5.9 -4.1) rotate(153) scale(0.63)' stroke='%23F9A8D4'/%3E%3Cuse xlink:href='%23m4' transform='translate(5.9 195.9) rotate(153) scale(0.63)' stroke='%23F9A8D4'/%3E%3Cuse xlink:href='%23m4' transform='translate(205.9 -4.1) rotate(153) scale(0.63)' stroke='%23F9A8D4'/%3E%3Cuse xlink:href='%23m4' transform='translate(205.9 195.9) rotate(153) scale(0.63)' stroke='%23F9A8D4'/%3E%3Cuse xlink:href='%23m2' transform='translate(6.7 122.6) rotate(-175) scale(0.64)' stroke='%2386EFAC'/%3E%3Cuse xlink:href='%23m2' transform='translate(206.7 122.6) rotate(-175) scale(0.64)' stroke='%2386EFAC'/%3E%3Cuse xlink:href='%23m3' transform='translate(63.9 -0.2) rotate(84) scale(0.56)' stroke='%23FDBA74'/%3E%3Cuse xlink:href='%23m3' transform='translate(63.9 199.8) rotate(84) scale(0.56)' stroke='%23FDBA74'/%3E%3Cuse xlink:href='%23m0' transform='translate(80.4 128.8) rotate(12) scale(0.49)' stroke='%23FCA5A5'/%3E%3Cuse xlink:href='%23m1' transform='translate(101.5 13.4) rotate(-60) scale(0.63)' stroke='%23FCD34D'/%3E%3Cuse xlink:href='%23m1' transform='translate(101.5 213.4) rotate(-60) scale(0.63)' stroke='%23FCD34D'/%3E%3Cuse xlink:href='%23m0' transform='translate(33.2 157.7) rotate(-165) scale(0.42)' stroke='%23FDBA74'/%3E%3Cuse xlink:href='%23m1' transform='translate(26.9 72.5) rotate(-22) scale(0.38)' stroke='%23FCD34D'/%3E%3Cuse xlink:href='%23m2' transform='translate(175.8 41.9) rotate(113) scale(0.45)' stroke='%23F9A8D4'/%3E%3Cuse xlink:href='%23m4' transform='translate(92.5 47.8) rotate(88) scale(0.59)' stroke='%23FCA5A5'/%3E%3Cuse xlink:href='%23m3' transform='translate(170.0 156.9) rotate(-74) scale(0.46)' stroke='%2386EFAC'/%3E%3Cuse xlink:href='%23m4' transform='translate(105.3 -16.5) rotate(88) scale(0.43)' stroke='%23FDBA74'/%3E%3Cuse xlink:href='%23m4' transform='translate(105.3 183.5) rotate(88) scale(0.43)' stroke='%23FDBA74'/%3E%3Cuse xlink:href='%23m0' transform='translate(133.1 64.6) rotate(-8) scale(0.55)' stroke='%23FCD34D'/%3E%3Cuse xlink:href='%23m3' transform='translate(137.1 161.0) rotate(49) scale(0.44)' stroke='%23F9A8D4'/%3E%3Cuse xlink:href='%23m1' transform='translate(60.5 89.6) rotate(-74) scale(0.57)' stroke='%2386EFAC'/%3E%3Cuse xlink:href='%23m2' transform='translate(-9.2 94.5) rotate(-58) scale(0.57)' stroke='%23FCA5A5'/%3E%3Cuse xlink:href='%23m2' transform='translate(190.8 94.5) rotate(-58) scale(0.57)' stroke='%23FCA5A5'/%3E%3Cuse xlink:href='%23m3' transform='translate(49.2 52.3) rotate(89) scale(0.50)' stroke='%2386EFAC'/%3E%3Cuse xlink:href='%23m4' transform='translate(113.3 88.7) rotate(19) scale(0.51)' stroke='%23FCD34D'/%3E%3Cuse xlink:href='%23m1' transform='translate(134.9 33.2) rotate(-157) scale(0.49)' stroke='%23FCA5A5'/%3E%3Cuse xlink:href='%23m0' transform='translate(42.0 113.4) rotate(-51) scale(0.53)' stroke='%23F9A8D4'/%3E%3Cuse xlink:href='%23m2' transform='translate(167.5 3.4) rotate(131) scale(0.62)' stroke='%23FDBA74'/%3E%3Cuse xlink:href='%23m2' transform='translate(167.5 203.4) rotate(131) scale(0.62)' stroke='%23FDBA74'/%3E%3Cuse xlink:href='%23m1' transform='translate(36.2 12.3) rotate(-98) scale(0.50)' stroke='%23F9A8D4'/%3E%3Cuse xlink:href='%23m1' transform='translate(36.2 212.3) rotate(-98) scale(0.50)' stroke='%23F9A8D4'/%3E%3Cuse xlink:href='%23m4' transform='translate(76.3 160.8) rotate(-1) scale(0.41)' stroke='%23FCA5A5'/%3E%3Cuse xlink:href='%23m2' transform='translate(2.3 163.5) rotate(60) scale(0.64)' stroke='%23FCD34D'/%3E%3Cuse xlink:href='%23m2' transform='translate(202.3 163.5) rotate(60) scale(0.64)' stroke='%23FCD34D'/%3E%3Cuse xlink:href='%23m3' transform='translate(68.4 28.9) rotate(-124) scale(0.54)' stroke='%2386EFAC'/%3E%3Cuse xlink:href='%23m0' transform='translate(107.0 152.3) rotate(-103) scale(0.49)' stroke='%23FDBA74'/%3E%3C/g%3E%3C/svg%3E");
    --wall-waves: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='200' height='200' viewBox='0 0 200 200'%3E%3Cdefs%3E%3Cg id='m0'%3E%3Cpath d='M-16 0q4 -8 8 0t8 0 8 0 8 0'/%3E%3C/g%3E%3C/defs%3E%3Cg fill='none' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round' opacity='0.72'%3E%3Cuse xlink:href='%23m0' transform='translate(55.4 23.6) rotate(-8) scale(0.67)' stroke='%23818CF8'/%3E%3Cuse xlink:href='%23m0' transform='translate(133.4 67.3) rotate(3) scale(0.65)' stroke='%232DD4BF'/%3E%3Cuse xlink:href='%23m0' transform='translate(37.4 113.7) rotate(9) scale(0.78)' stroke='%2322D3EE'/%3E%3Cuse xlink:href='%23m0' transform='translate(82.3 -15.7) rotate(-12) scale(0.62)' stroke='%2338BDF8'/%3E%3Cuse xlink:href='%23m0' transform='translate(82.3 184.3) rotate(-12) scale(0.62)' stroke='%2338BDF8'/%3E%3Cuse xlink:href='%23m0' transform='translate(126.3 174.6) rotate(2) scale(0.95)' stroke='%2322D3EE'/%3E%3Cuse xlink:href='%23m0' transform='translate(-20.8 43.0) rotate(9) scale(0.70)' stroke='%23818CF8'/%3E%3Cuse xlink:href='%23m0' transform='translate(179.2 43.0) rotate(9) scale(0.70)' stroke='%23818CF8'/%3E%3Cuse xlink:href='%23m0' transform='translate(109.9 22.4) rotate(-10) scale(1.02)' stroke='%232DD4BF'/%3E%3Cuse xlink:href='%23m0' transform='translate(-3.3 -10.0) rotate(1) scale(0.76)' stroke='%2338BDF8'/%3E%3Cuse xlink:href='%23m0' transform='translate(-3.3 190.0) rotate(1) scale(0.76)' stroke='%2338BDF8'/%3E%3Cuse xlink:href='%23m0' transform='translate(196.7 -10.0) rotate(1) scale(0.76)' stroke='%2338BDF8'/%3E%3Cuse xlink:href='%23m0' transform='translate(196.7 190.0) rotate(1) scale(0.76)' stroke='%2338BDF8'/%3E%3Cuse xlink:href='%23m0' transform='translate(167.7 130.9) rotate(8) scale(0.93)' stroke='%2338BDF8'/%3E%3Cuse xlink:href='%23m0' transform='translate(-6.6 85.1) rotate(-11) scale(0.71)' stroke='%232DD4BF'/%3E%3Cuse xlink:href='%23m0' transform='translate(193.4 85.1) rotate(-11) scale(0.71)' stroke='%232DD4BF'/%3E%3Cuse xlink:href='%23m0' transform='translate(42.5 67.5) rotate(9) scale(0.76)' stroke='%2322D3EE'/%3E%3Cuse xlink:href='%23m0' transform='translate(99.1 136.5) rotate(-9) scale(0.69)' stroke='%23818CF8'/%3E%3Cuse xlink:href='%23m0' transform='translate(41.2 159.5) rotate(5) scale(0.71)' stroke='%232DD4BF'/%3E%3C/g%3E%3C/svg%3E");
}
.messages-area.theme-doodle {
    background-color: #0b1d2e;
    background-image: var(--wall-doodle), linear-gradient(160deg,#0c2a2c,#0b1d2e 55%,#1a1030);
    background-size: 200px 200px, 100% 100%;
    background-repeat: repeat, no-repeat;
    --ct-sent: #128C7E;
    --ct-sent-fg: #ffffff;
}
.messages-area.theme-ocean {
    background-color: #082a45;
    background-image: var(--wall-ocean), linear-gradient(170deg,#06304f,#082a45 50%,#04182b);
    background-size: 200px 200px, 100% 100%;
    background-repeat: repeat, no-repeat;
    --ct-sent: #0284C7;
    --ct-sent-fg: #ffffff;
}
.messages-area.theme-sunset {
    background-color: #4a1a30;
    background-image: var(--wall-sunset), linear-gradient(165deg,#3a1245,#5b1d36 55%,#4a210d);
    background-size: 200px 200px, 100% 100%;
    background-repeat: repeat, no-repeat;
    --ct-sent: #EA580C;
    --ct-sent-fg: #ffffff;
}
.messages-area.theme-forest {
    background-color: #082616;
    background-image: var(--wall-forest), linear-gradient(165deg,#0c3320,#082616 55%,#05170d);
    background-size: 200px 200px, 100% 100%;
    background-repeat: repeat, no-repeat;
    --ct-sent: #16A34A;
    --ct-sent-fg: #ffffff;
}
.messages-area.theme-midnight {
    background-color: #07071a;
    background-image: var(--wall-midnight), linear-gradient(170deg,#0f0f2e,#07071a 60%,#000);
    background-size: 200px 200px, 100% 100%;
    background-repeat: repeat, no-repeat;
    --ct-sent: #7C3AED;
    --ct-sent-fg: #ffffff;
}
.messages-area.theme-blossom {
    background-color: #2a0f2b;
    background-image: var(--wall-blossom), linear-gradient(165deg,#44133f,#2a0f2b 60%,#1a0818);
    background-size: 200px 200px, 100% 100%;
    background-repeat: repeat, no-repeat;
    --ct-sent: #DB2777;
    --ct-sent-fg: #ffffff;
}
.messages-area.theme-aurora {
    background-color: #1b2a5a;
    background-image: var(--wall-aurora), linear-gradient(160deg,#0b3a45,#1b2a5a 55%,#3a1b5e);
    background-size: 200px 200px, 100% 100%;
    background-repeat: repeat, no-repeat;
    --ct-sent: #0D9488;
    --ct-sent-fg: #ffffff;
}
.messages-area.theme-candy {
    background-color: #2a1148;
    background-image: var(--wall-candy), linear-gradient(160deg,#35154f,#2a1148);
    background-size: 200px 200px, 100% 100%;
    background-repeat: repeat, no-repeat;
    --ct-sent: #EC4899;
    --ct-sent-fg: #ffffff;
}
.messages-area.theme-galaxy {
    background-color: #0e0a33;
    background-image: var(--wall-galaxy), radial-gradient(120% 90% at 20% 0%,#2b1b6b,#0e0a33 55%,#05041a);
    background-size: 200px 200px, 100% 100%;
    background-repeat: repeat, no-repeat;
    --ct-sent: #4F46E5;
    --ct-sent-fg: #ffffff;
}
.messages-area.theme-hearts {
    background-color: #2b0714;
    background-image: var(--wall-hearts), linear-gradient(165deg,#4a0e22,#2b0714 60%,#1a040c);
    background-size: 200px 200px, 100% 100%;
    background-repeat: repeat, no-repeat;
    --ct-sent: #E11D48;
    --ct-sent-fg: #ffffff;
}
.messages-area.theme-geometric {
    background-color: #111c27;
    background-image: var(--wall-geometric), linear-gradient(165deg,#1a2a38,#111c27);
    background-size: 200px 200px, 100% 100%;
    background-repeat: repeat, no-repeat;
    --ct-sent: #F59E0B;
    --ct-sent-fg: #1c1200;
}
.messages-area.theme-dots {
    background-color: #101018;
    background-image: var(--wall-dots), linear-gradient(160deg,#17172a,#101018);
    background-size: 200px 200px, 100% 100%;
    background-repeat: repeat, no-repeat;
    --ct-sent: #14B8A6;
    --ct-sent-fg: #04201d;
}
.messages-area.theme-winter {
    background-color: #0b1e33;
    background-image: var(--wall-winter), linear-gradient(170deg,#12304d,#0b1e33 60%,#07121f);
    background-size: 200px 200px, 100% 100%;
    background-repeat: repeat, no-repeat;
    --ct-sent: #2563EB;
    --ct-sent-fg: #ffffff;
}
.messages-area.theme-space {
    background-color: #0a0c2e;
    background-image: var(--wall-space), radial-gradient(110% 80% at 80% 0%,#1e1b5e,#0a0c2e 55%,#04051a);
    background-size: 200px 200px, 100% 100%;
    background-repeat: repeat, no-repeat;
    --ct-sent: #6D28D9;
    --ct-sent-fg: #ffffff;
}
.messages-area.theme-food {
    background-color: #2a1409;
    background-image: var(--wall-food), linear-gradient(165deg,#3b1d0b,#2a1409 60%,#1b0d05);
    background-size: 200px 200px, 100% 100%;
    background-repeat: repeat, no-repeat;
    --ct-sent: #D97706;
    --ct-sent-fg: #ffffff;
}
.messages-area.theme-sports {
    background-color: #082b20;
    background-image: var(--wall-sports), linear-gradient(165deg,#0b3a2a,#082b20 60%,#051a13);
    background-size: 200px 200px, 100% 100%;
    background-repeat: repeat, no-repeat;
    --ct-sent: #15803D;
    --ct-sent-fg: #ffffff;
}
.messages-area.theme-music {
    background-color: #1a0b33;
    background-image: var(--wall-music), linear-gradient(165deg,#2b1250,#1a0b33 60%,#0f0620);
    background-size: 200px 200px, 100% 100%;
    background-repeat: repeat, no-repeat;
    --ct-sent: #9333EA;
    --ct-sent-fg: #ffffff;
}
.messages-area.theme-travel {
    background-color: #0a2a3d;
    background-image: var(--wall-travel), linear-gradient(165deg,#0d3b4f,#0a2a3d 60%,#061a29);
    background-size: 200px 200px, 100% 100%;
    background-repeat: repeat, no-repeat;
    --ct-sent: #0D9488;
    --ct-sent-fg: #ffffff;
}
.messages-area.theme-gaming {
    background-color: #100c2e;
    background-image: var(--wall-gaming), linear-gradient(165deg,#1a1442,#100c2e 60%,#080618);
    background-size: 200px 200px, 100% 100%;
    background-repeat: repeat, no-repeat;
    --ct-sent: #7C3AED;
    --ct-sent-fg: #ffffff;
}
.messages-area.theme-coffee {
    background-color: #26160c;
    background-image: var(--wall-coffee), linear-gradient(165deg,#3a2314,#26160c 60%,#170d07);
    background-size: 200px 200px, 100% 100%;
    background-repeat: repeat, no-repeat;
    --ct-sent: #B45309;
    --ct-sent-fg: #ffffff;
}
.messages-area.theme-neon {
    background-color: #0a0518;
    background-image: var(--wall-neon), linear-gradient(165deg,#12082b,#0a0518 60%,#04020c);
    background-size: 200px 200px, 100% 100%;
    background-repeat: repeat, no-repeat;
    --ct-sent: #DB2777;
    --ct-sent-fg: #ffffff;
}
.messages-area.theme-desert {
    background-color: #321509;
    background-image: var(--wall-desert), linear-gradient(165deg,#4a2112,#321509 60%,#200c05);
    background-size: 200px 200px, 100% 100%;
    background-repeat: repeat, no-repeat;
    --ct-sent: #C2410C;
    --ct-sent-fg: #ffffff;
}
.messages-area.theme-waves {
    background-color: #0a1c2b;
    background-image: var(--wall-waves), linear-gradient(170deg,#0b2a38,#0a1c2b);
    background-size: 200px 200px, 100% 100%;
    background-repeat: repeat, no-repeat;
    --ct-sent: #0891B2;
    --ct-sent-fg: #ffffff;
}

/* colourful wallpapers need bubbles/labels that stay readable on top of them */
.messages-area.has-theme .message.sent .msg-bubble { background: var(--ct-sent); color: var(--ct-sent-fg, #fff); }
.messages-area.has-theme .message.sent .msg-time,
.messages-area.has-theme .message.sent .msg-edited-tag { color: var(--ct-sent-fg, #fff); opacity: .8; }
.messages-area.has-theme .message.sent .msg-bubble .content-link { color: var(--ct-sent-fg, #fff); text-decoration-color: currentColor; }
.messages-area.has-theme .message.received .msg-bubble { background: rgba(14, 16, 24, 0.9); color: #F5F5F4; border-color: rgba(255, 255, 255, 0.1); }
.messages-area.has-theme .date-separator span { background: rgba(0, 0, 0, 0.5); color: #fff; }
.messages-area.has-theme .empty-state { color: rgba(255, 255, 255, 0.85); }

#chatCustomizeModal .chat-theme-swatch[data-theme="doodle"] {
    --ct-tint: #128C7E;
    background-color: #0b1d2e !important;
    background-image: var(--wall-doodle), linear-gradient(160deg,#0c2a2c,#0b1d2e 55%,#1a1030) !important;
    background-size: 80px 80px, 100% 100% !important;
    background-repeat: repeat, no-repeat !important;
}
#chatCustomizeModal .chat-theme-swatch[data-theme="ocean"] {
    --ct-tint: #0284C7;
    background-color: #082a45 !important;
    background-image: var(--wall-ocean), linear-gradient(170deg,#06304f,#082a45 50%,#04182b) !important;
    background-size: 80px 80px, 100% 100% !important;
    background-repeat: repeat, no-repeat !important;
}
#chatCustomizeModal .chat-theme-swatch[data-theme="sunset"] {
    --ct-tint: #EA580C;
    background-color: #4a1a30 !important;
    background-image: var(--wall-sunset), linear-gradient(165deg,#3a1245,#5b1d36 55%,#4a210d) !important;
    background-size: 80px 80px, 100% 100% !important;
    background-repeat: repeat, no-repeat !important;
}
#chatCustomizeModal .chat-theme-swatch[data-theme="forest"] {
    --ct-tint: #16A34A;
    background-color: #082616 !important;
    background-image: var(--wall-forest), linear-gradient(165deg,#0c3320,#082616 55%,#05170d) !important;
    background-size: 80px 80px, 100% 100% !important;
    background-repeat: repeat, no-repeat !important;
}
#chatCustomizeModal .chat-theme-swatch[data-theme="midnight"] {
    --ct-tint: #7C3AED;
    background-color: #07071a !important;
    background-image: var(--wall-midnight), linear-gradient(170deg,#0f0f2e,#07071a 60%,#000) !important;
    background-size: 80px 80px, 100% 100% !important;
    background-repeat: repeat, no-repeat !important;
}
#chatCustomizeModal .chat-theme-swatch[data-theme="blossom"] {
    --ct-tint: #DB2777;
    background-color: #2a0f2b !important;
    background-image: var(--wall-blossom), linear-gradient(165deg,#44133f,#2a0f2b 60%,#1a0818) !important;
    background-size: 80px 80px, 100% 100% !important;
    background-repeat: repeat, no-repeat !important;
}
#chatCustomizeModal .chat-theme-swatch[data-theme="aurora"] {
    --ct-tint: #0D9488;
    background-color: #1b2a5a !important;
    background-image: var(--wall-aurora), linear-gradient(160deg,#0b3a45,#1b2a5a 55%,#3a1b5e) !important;
    background-size: 80px 80px, 100% 100% !important;
    background-repeat: repeat, no-repeat !important;
}
#chatCustomizeModal .chat-theme-swatch[data-theme="candy"] {
    --ct-tint: #EC4899;
    background-color: #2a1148 !important;
    background-image: var(--wall-candy), linear-gradient(160deg,#35154f,#2a1148) !important;
    background-size: 80px 80px, 100% 100% !important;
    background-repeat: repeat, no-repeat !important;
}
#chatCustomizeModal .chat-theme-swatch[data-theme="galaxy"] {
    --ct-tint: #4F46E5;
    background-color: #0e0a33 !important;
    background-image: var(--wall-galaxy), radial-gradient(120% 90% at 20% 0%,#2b1b6b,#0e0a33 55%,#05041a) !important;
    background-size: 80px 80px, 100% 100% !important;
    background-repeat: repeat, no-repeat !important;
}
#chatCustomizeModal .chat-theme-swatch[data-theme="hearts"] {
    --ct-tint: #E11D48;
    background-color: #2b0714 !important;
    background-image: var(--wall-hearts), linear-gradient(165deg,#4a0e22,#2b0714 60%,#1a040c) !important;
    background-size: 80px 80px, 100% 100% !important;
    background-repeat: repeat, no-repeat !important;
}
#chatCustomizeModal .chat-theme-swatch[data-theme="geometric"] {
    --ct-tint: #F59E0B;
    background-color: #111c27 !important;
    background-image: var(--wall-geometric), linear-gradient(165deg,#1a2a38,#111c27) !important;
    background-size: 80px 80px, 100% 100% !important;
    background-repeat: repeat, no-repeat !important;
}
#chatCustomizeModal .chat-theme-swatch[data-theme="dots"] {
    --ct-tint: #14B8A6;
    background-color: #101018 !important;
    background-image: var(--wall-dots), linear-gradient(160deg,#17172a,#101018) !important;
    background-size: 80px 80px, 100% 100% !important;
    background-repeat: repeat, no-repeat !important;
}
#chatCustomizeModal .chat-theme-swatch[data-theme="winter"] {
    --ct-tint: #2563EB;
    background-color: #0b1e33 !important;
    background-image: var(--wall-winter), linear-gradient(170deg,#12304d,#0b1e33 60%,#07121f) !important;
    background-size: 80px 80px, 100% 100% !important;
    background-repeat: repeat, no-repeat !important;
}
#chatCustomizeModal .chat-theme-swatch[data-theme="space"] {
    --ct-tint: #6D28D9;
    background-color: #0a0c2e !important;
    background-image: var(--wall-space), radial-gradient(110% 80% at 80% 0%,#1e1b5e,#0a0c2e 55%,#04051a) !important;
    background-size: 80px 80px, 100% 100% !important;
    background-repeat: repeat, no-repeat !important;
}
#chatCustomizeModal .chat-theme-swatch[data-theme="food"] {
    --ct-tint: #D97706;
    background-color: #2a1409 !important;
    background-image: var(--wall-food), linear-gradient(165deg,#3b1d0b,#2a1409 60%,#1b0d05) !important;
    background-size: 80px 80px, 100% 100% !important;
    background-repeat: repeat, no-repeat !important;
}
#chatCustomizeModal .chat-theme-swatch[data-theme="sports"] {
    --ct-tint: #15803D;
    background-color: #082b20 !important;
    background-image: var(--wall-sports), linear-gradient(165deg,#0b3a2a,#082b20 60%,#051a13) !important;
    background-size: 80px 80px, 100% 100% !important;
    background-repeat: repeat, no-repeat !important;
}
#chatCustomizeModal .chat-theme-swatch[data-theme="music"] {
    --ct-tint: #9333EA;
    background-color: #1a0b33 !important;
    background-image: var(--wall-music), linear-gradient(165deg,#2b1250,#1a0b33 60%,#0f0620) !important;
    background-size: 80px 80px, 100% 100% !important;
    background-repeat: repeat, no-repeat !important;
}
#chatCustomizeModal .chat-theme-swatch[data-theme="travel"] {
    --ct-tint: #0D9488;
    background-color: #0a2a3d !important;
    background-image: var(--wall-travel), linear-gradient(165deg,#0d3b4f,#0a2a3d 60%,#061a29) !important;
    background-size: 80px 80px, 100% 100% !important;
    background-repeat: repeat, no-repeat !important;
}
#chatCustomizeModal .chat-theme-swatch[data-theme="gaming"] {
    --ct-tint: #7C3AED;
    background-color: #100c2e !important;
    background-image: var(--wall-gaming), linear-gradient(165deg,#1a1442,#100c2e 60%,#080618) !important;
    background-size: 80px 80px, 100% 100% !important;
    background-repeat: repeat, no-repeat !important;
}
#chatCustomizeModal .chat-theme-swatch[data-theme="coffee"] {
    --ct-tint: #B45309;
    background-color: #26160c !important;
    background-image: var(--wall-coffee), linear-gradient(165deg,#3a2314,#26160c 60%,#170d07) !important;
    background-size: 80px 80px, 100% 100% !important;
    background-repeat: repeat, no-repeat !important;
}
#chatCustomizeModal .chat-theme-swatch[data-theme="neon"] {
    --ct-tint: #DB2777;
    background-color: #0a0518 !important;
    background-image: var(--wall-neon), linear-gradient(165deg,#12082b,#0a0518 60%,#04020c) !important;
    background-size: 80px 80px, 100% 100% !important;
    background-repeat: repeat, no-repeat !important;
}
#chatCustomizeModal .chat-theme-swatch[data-theme="desert"] {
    --ct-tint: #C2410C;
    background-color: #321509 !important;
    background-image: var(--wall-desert), linear-gradient(165deg,#4a2112,#321509 60%,#200c05) !important;
    background-size: 80px 80px, 100% 100% !important;
    background-repeat: repeat, no-repeat !important;
}
#chatCustomizeModal .chat-theme-swatch[data-theme="waves"] {
    --ct-tint: #0891B2;
    background-color: #0a1c2b !important;
    background-image: var(--wall-waves), linear-gradient(170deg,#0b2a38,#0a1c2b) !important;
    background-size: 80px 80px, 100% 100% !important;
    background-repeat: repeat, no-repeat !important;
}

/* ============================================================
   Attach menu -- dark icon discs with coloured glyphs
   ============================================================ */
.attach-menu-icon { background: #15151b !important; border: 1.5px solid rgba(255, 255, 255, 0.08); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.4); }
.am-document  { color: #A78BFA; }
.am-media     { color: #38BDF8; }
.am-camera    { color: #F472B6; }
.am-audio     { color: #FB923C; }
.am-contact   { color: #60A5FA; }
.am-community { color: #818CF8; }
.am-poll      { color: #FBBF24; }
.am-event     { color: #F87171; }
.am-sticker   { color: #34D399; }
.attach-menu-item:hover .attach-menu-icon { border-color: currentColor; }

/* ============================================================
   Videos autoplay, so no play icon. A replay icon appears only
   after a video ends.
   ============================================================ */
.post-media-play { display: none; }
.video-ended > .post-media-play { display: flex; pointer-events: auto; cursor: pointer; background: rgba(0, 0, 0, 0.4); font-size: 44px; }

/* personal invite links */
.invite-link-item { display: flex; align-items: center; gap: 6px; margin-top: 4px; }
.invite-link-text { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; color: var(--text-muted); background: rgba(255,255,255,0.04); border-radius: 8px; padding: 8px 10px; }
.invite-link-item .btn { width: auto; padding: 8px 12px; }

/* ============================================================
   Premium hub -- follows the platform theme (dark surfaces, white accent)
   ============================================================ */
.prem-card-shell { max-width: 480px; text-align: left; max-height: 90vh; overflow-y: auto; }
.prem-hero { display: flex; align-items: center; gap: 12px; margin: 4px 0 14px; }
.prem-hero h2 { margin: 0; }
.prem-crown { width: 40px; height: 40px; border-radius: 50%; background: #15151b; border: 1.5px solid rgba(255,255,255,0.12); display: flex; align-items: center; justify-content: center; color: var(--accent); font-size: 17px; }
.prem-panel { background: var(--surface); border: 1px solid var(--border-light); border-radius: 16px; padding: 14px; }
.prem-panel-head { display: flex; align-items: center; justify-content: space-between; font-size: 13px; font-weight: 700; margin-bottom: 10px; }
.prem-panel-head i { margin-right: 6px; color: var(--text-muted); }
.prem-tag { font-size: 10px; font-weight: 700; letter-spacing: 0.4px; text-transform: uppercase; padding: 3px 8px; border-radius: 20px; background: rgba(255,255,255,0.08); color: var(--text-secondary); }
.prem-nums { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.prem-nums > div { background: rgba(255,255,255,0.04); border-radius: 12px; padding: 10px 6px; text-align: center; }
.prem-nums b { display: block; font-size: 20px; font-weight: 800; }
.prem-nums span { font-size: 10px; color: var(--text-muted); }
.prem-chart { display: flex; align-items: flex-end; gap: 2px; height: 70px; margin-top: 14px; }
.prem-chart i { flex: 1; background: var(--accent); opacity: 0.85; border-radius: 2px 2px 0 0; min-height: 3px; }
.prem-chart-axis { display: flex; justify-content: space-between; font-size: 10px; color: var(--text-muted); margin-top: 4px; }
.prem-insights-row { display: flex; flex-wrap: wrap; gap: 6px 14px; font-size: 12px; color: var(--text-secondary); margin-top: 10px; }
.prem-insights-row i { margin-right: 4px; color: var(--text-muted); }
.prem-insights-row .up { color: #34D399; } .prem-insights-row .up i { color: #34D399; }
.prem-insights-row .down { color: #F87171; } .prem-insights-row .down i { color: #F87171; }
.prem-subtitle { font-size: 11px; font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase; color: var(--text-muted); margin: 14px 0 8px; }
.prem-viewer { display: flex; align-items: center; gap: 10px; padding: 7px 4px; border-radius: 10px; cursor: pointer; }
.prem-viewer:hover { background: rgba(255,255,255,0.05); }
.prem-viewer img { width: 34px; height: 34px; border-radius: 50%; object-fit: cover; }
.prem-viewer div { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.prem-viewer b { font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.prem-viewer span { font-size: 11px; color: var(--text-muted); }
.prem-viewer em { font-size: 10px; font-style: normal; color: var(--text-muted); }
.prem-empty { font-size: 12px; color: var(--text-muted); padding: 8px 2px; }
.prem-locked-note { margin-top: 12px; font-size: 12px; color: var(--text-secondary); background: rgba(255,255,255,0.04); border: 1px dashed var(--border-strong, rgba(255,255,255,0.18)); border-radius: 12px; padding: 10px 12px; cursor: pointer; }
.prem-locked-note i { margin-right: 6px; }
.prem-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.prem-tile { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 6px; text-align: left; background: var(--surface); border: 1px solid var(--border-light); border-radius: 16px; padding: 14px; color: var(--text-primary); cursor: pointer; font-family: inherit; transition: border-color .15s, transform .15s; }
.prem-tile:hover { border-color: rgba(255,255,255,0.28); transform: translateY(-2px); }
.prem-tile.locked { opacity: 0.7; }
.prem-tile-icon { width: 38px; height: 38px; border-radius: 50%; background: #15151b; border: 1.5px solid rgba(255,255,255,0.1); display: flex; align-items: center; justify-content: center; color: var(--accent); font-size: 15px; }
.prem-tile-title { font-size: 13px; font-weight: 700; }
.prem-tile-desc { font-size: 11px; line-height: 1.4; color: var(--text-muted); }
.prem-tile-lock { position: absolute; top: 12px; right: 12px; font-size: 11px; color: var(--text-muted); }
.prem-tile-status { position: absolute; top: 12px; right: 12px; font-size: 10px; font-weight: 700; padding: 3px 8px; border-radius: 20px; background: rgba(255,255,255,0.1); color: var(--text-primary); }
.prem-upgrade { margin-top: 18px; background: var(--surface); border: 1px solid var(--border-light); border-radius: 16px; padding: 16px; }
.prem-plan-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.prem-plan-name { font-size: 16px; font-weight: 800; }
.prem-plan-sub { font-size: 12px; color: var(--text-muted); }
.prem-price { font-size: 24px; font-weight: 800; text-align: right; }
.prem-price small { font-size: 11px; font-weight: 500; color: var(--text-muted); margin-left: 2px; }
.prem-perks { list-style: none; margin: 12px 0 0; padding: 0; font-size: 12px; color: var(--text-secondary); display: grid; gap: 6px; }
.prem-perks i { color: var(--accent); margin-right: 8px; font-size: 11px; }
.prem-pill { margin-left: auto; font-size: 10px; font-weight: 700; padding: 3px 9px; border-radius: 20px; background: var(--accent); color: #0A0A0B; }
.prem-back { background: none; border: none; color: var(--text-muted); font-size: 12px; font-weight: 600; cursor: pointer; padding: 0 0 6px; font-family: inherit; }
.prem-back:hover { color: var(--text-primary); }

/* ============================================================
   Badges
   ============================================================ */
.pm-badges-strip { flex: 0 0 100%; width: 100%; max-width: 280px; margin: 0 0 2px; }
.pm-action-btns .pm-badge { width: 32px; height: 32px; font-size: 13px; }
.pm-action-btns .pm-badges-row { gap: 6px; }
.pm-badges-strip:empty { display: none; }
.pm-badges-head { display: flex; align-items: center; justify-content: space-between; font-size: 12px; font-weight: 700; color: var(--text-secondary); margin-bottom: 8px; }
.pm-badges-head i.fa-award { margin-right: 6px; }
.pm-badges-head b { color: var(--text-primary); margin-left: 4px; }
.pm-badges-head a { color: var(--accent); cursor: pointer; font-size: 12px; }
.pm-priv { font-style: normal; font-weight: 600; font-size: 10px; margin-left: 8px; color: var(--text-muted); }
.pm-badges-row { display: flex; flex-wrap: wrap; gap: 8px; cursor: default; }
.pm-badge { width: 38px; height: 38px; border-radius: 50%; background: #15151b; border: 1.5px solid color-mix(in srgb, var(--bc, #fff) 45%, transparent); color: var(--bc, #fff); display: flex; align-items: center; justify-content: center; font-size: 15px; }
.pm-badge.more { color: var(--text-secondary); font-size: 12px; font-weight: 700; border-color: var(--border-light); }
.pm-badges-empty { font-size: 12px; color: var(--text-muted); }
.badge-visibility { display: flex; align-items: center; justify-content: space-between; gap: 14px; background: var(--surface); border: 1px solid var(--border-light); border-radius: 14px; padding: 12px 14px; margin: 8px 0 4px; }
.badge-visibility div { display: flex; flex-direction: column; gap: 2px; }
.badge-visibility b { font-size: 13px; }
.badge-visibility span { font-size: 11px; color: var(--text-muted); }
.prem-switch { position: relative; width: 44px; height: 26px; flex: 0 0 auto; }
.prem-switch input { opacity: 0; width: 0; height: 0; }
.prem-switch span { position: absolute; inset: 0; background: rgba(255,255,255,0.14); border-radius: 26px; cursor: pointer; transition: background .2s; }
.prem-switch span::before { content: ''; position: absolute; width: 20px; height: 20px; left: 3px; top: 3px; border-radius: 50%; background: #fff; transition: transform .2s; }
.prem-switch input:checked + span { background: var(--accent); }
.prem-switch input:checked + span::before { transform: translateX(18px); background: #0A0A0B; }
.badge-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.badge-card { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; background: var(--surface); border: 1px solid var(--border-light); border-radius: 14px; padding: 12px; }
.badge-card b { font-size: 13px; }
.badge-card > span:last-child { font-size: 11px; color: var(--text-muted); line-height: 1.35; }
.badge-disc { width: 40px; height: 40px; border-radius: 50%; background: #15151b; border: 1.5px solid color-mix(in srgb, var(--bc, #fff) 50%, transparent); color: var(--bc, #fff); display: flex; align-items: center; justify-content: center; font-size: 16px; margin-bottom: 4px; flex: 0 0 auto; }
.badge-disc.dim { opacity: 0.45; filter: grayscale(0.6); margin: 0; }
.badge-locked-list { display: flex; flex-direction: column; gap: 8px; }
.badge-locked { display: flex; gap: 12px; align-items: flex-start; background: var(--surface); border: 1px solid var(--border-light); border-radius: 14px; padding: 10px 12px; }
.badge-locked > div { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.badge-locked b { font-size: 13px; }
.badge-locked span { font-size: 11px; color: var(--text-muted); }
.badge-locked em { font-size: 10px; font-style: normal; color: var(--text-muted); }
.badge-bar { height: 5px; border-radius: 4px; background: rgba(255,255,255,0.1); overflow: hidden; margin-top: 6px; }
.badge-bar i { display: block; height: 100%; background: var(--accent); border-radius: 4px; }

/* notification sound pickers */
.snd-row { display: flex; gap: 8px; align-items: stretch; }
.snd-row select { flex: 1; min-width: 0; }
.snd-row .btn { width: auto; padding: 8px 14px; }

/* one-tap share bar (browsers that need a fresh tap before opening the share sheet) */
.share-ready-bar { position: fixed; left: 12px; right: 12px; bottom: calc(14px + env(safe-area-inset-bottom, 0px)); z-index: 5000; display: flex; align-items: center; gap: 10px; background: var(--surface); border: 1px solid var(--border-strong, rgba(255,255,255,0.2)); border-radius: 16px; padding: 12px 14px; box-shadow: 0 10px 30px rgba(0,0,0,0.5); font-size: 13px; }
.share-ready-bar span { flex: 1; }
.share-ready-bar .btn { width: auto; padding: 8px 16px; }

/* ============================================================
   Ads / insights / chips
   ============================================================ */
.chip-picker { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }
.chip { font-family: inherit; font-size: 11px; font-weight: 600; padding: 6px 11px; border-radius: 20px; border: 1px solid var(--border-light); background: var(--surface); color: var(--text-secondary); cursor: pointer; transition: all .15s; }
.chip:hover { border-color: rgba(255,255,255,0.3); }
.chip.on { background: var(--accent); color: #0A0A0B; border-color: var(--accent); }
.ad-lbl { display: block; font-size: 11px; color: var(--text-muted); margin: 12px 0 4px; }
.ad-lbl span { font-weight: 500; }
.ad-lbl a { color: var(--accent); cursor: pointer; font-weight: 600; margin-left: 6px; }
.ad-estimate { margin-top: 10px; font-size: 12px; line-height: 1.5; color: var(--text-secondary); background: rgba(255,255,255,0.04); border-radius: 12px; padding: 10px 12px; }
.ad-estimate i { margin-right: 6px; color: var(--text-muted); }
.ad-target-line { font-size: 11px; color: var(--text-muted); margin-top: 6px; text-transform: capitalize; }
.ad-target-line i { margin-right: 4px; }
.ad-card-video { width: 100%; max-height: 420px; object-fit: cover; background: #000; }
.ad-why { font-size: 10px; color: var(--text-muted); margin-top: 8px; }
.ins-rec { display: flex; gap: 12px; align-items: flex-start; background: var(--surface); border: 1px solid var(--border-light); border-radius: 14px; padding: 10px 12px; margin-bottom: 8px; }
.ins-rec-icon { width: 34px; height: 34px; border-radius: 50%; background: #15151b; border: 1.5px solid rgba(255,255,255,0.1); color: var(--accent); display: flex; align-items: center; justify-content: center; font-size: 13px; flex: 0 0 auto; }
.ins-rec div { display: flex; flex-direction: column; gap: 2px; }
.ins-rec b { font-size: 13px; }
.ins-rec span:last-child { font-size: 12px; color: var(--text-muted); line-height: 1.4; }

/* ============================================================
   Chat cards (contact / event) and stickers
   ============================================================ */
.chat-card { min-width: 220px; max-width: 260px; border-radius: 14px; overflow: hidden; background: rgba(0,0,0,0.25); border: 1px solid rgba(255,255,255,0.1); }
.chat-card-main { display: flex; align-items: center; gap: 10px; padding: 10px 12px; cursor: pointer; }
.chat-card-main img { width: 42px; height: 42px; border-radius: 50%; object-fit: cover; flex: 0 0 auto; }
.chat-card-main > div { display: flex; flex-direction: column; min-width: 0; }
.chat-card-main b { font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.chat-card-main span { font-size: 11px; opacity: 0.75; }
.chat-card-icon { width: 42px; height: 42px; border-radius: 50%; background: #15151b; border: 1.5px solid rgba(255,255,255,0.1); color: #F87171; display: flex !important; align-items: center; justify-content: center; font-size: 16px; flex: 0 0 auto; opacity: 1 !important; }
.chat-card-actions { display: flex; border-top: 1px solid rgba(255,255,255,0.1); }
.chat-card-actions button { flex: 1; background: none; border: none; color: inherit; font-family: inherit; font-size: 12px; font-weight: 600; padding: 9px 6px; cursor: pointer; }
.chat-card-actions button + button { border-left: 1px solid rgba(255,255,255,0.1); }
.chat-card-actions button:hover { background: rgba(255,255,255,0.08); }
.chat-sticker { width: 150px; height: 150px; object-fit: contain; display: block; cursor: pointer; }
.msg-bubble:has(.chat-sticker) { background: transparent !important; box-shadow: none !important; border-color: transparent !important; padding: 2px !important; }
.chat-pick-search { width: 100%; padding: 10px 14px; border-radius: 12px; border: 1px solid var(--border-light); background: var(--surface); color: var(--text-primary); font-family: inherit; box-sizing: border-box; }
.chat-pick-list { max-height: 340px; overflow-y: auto; margin-top: 10px; }
.stk-canvas { width: 256px; height: 256px; display: block; margin: 0 auto; border-radius: 16px; background: repeating-conic-gradient(#1b1b22 0% 25%, #121217 0% 50%) 50% / 20px 20px; touch-action: none; cursor: grab; }
.stk-hint { text-align: center; font-size: 11px; color: var(--text-muted); margin: 6px 0; }
.stk-row { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; justify-content: center; }
.stk-recents { display: flex; gap: 8px; overflow-x: auto; padding-bottom: 8px; margin-bottom: 8px; }
.stk-recents img { width: 64px; height: 64px; object-fit: contain; cursor: pointer; flex: 0 0 auto; border-radius: 10px; background: rgba(255,255,255,0.04); }

/* ============================================================
   Share-a-contact / event / sticker sheets -- shared polish
   ============================================================ */
.wk-sheet { padding: 22px 20px 20px; border-radius: 22px; max-height: 90vh; overflow-y: auto; }
.wk-sheet-title { display: flex; align-items: center; gap: 10px; font-size: 18px; margin: 0 0 4px; }
.wk-sheet-title i { width: 34px; height: 34px; border-radius: 50%; background: #15151b; border: 1.5px solid rgba(255,255,255,0.1); color: var(--accent); display: inline-flex; align-items: center; justify-content: center; font-size: 14px; }
.wk-sub { font-size: 12px; color: var(--text-muted); margin: 0 0 14px; line-height: 1.45; }
.wk-label { font-size: 11px; font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase; color: var(--text-muted); margin: 16px 0 8px; }
.wk-meta { font-size: 11px; color: var(--text-muted); margin: 10px 2px 6px; }

/* search field */
.wk-search { position: relative; display: flex; align-items: center; background: #0d0d11; border: 1.5px solid var(--border-light); border-radius: 26px; transition: border-color .15s, box-shadow .15s; }
.wk-search:focus-within { border-color: rgba(255,255,255,0.45); box-shadow: 0 0 0 4px rgba(255,255,255,0.06); }
.wk-search > i { position: absolute; left: 16px; font-size: 13px; color: var(--text-muted); pointer-events: none; }
.wk-search input { flex: 1; min-width: 0; width: 100%; background: transparent; border: none; outline: none; color: var(--text-primary); font-family: inherit; font-size: 14px; padding: 13px 40px 13px 40px; border-radius: 26px; box-shadow: none; }
.wk-search input::-webkit-search-cancel-button { display: none; }
.wk-search input::placeholder { color: var(--text-muted); }
.wk-search-clear { position: absolute; right: 8px; width: 26px; height: 26px; border-radius: 50%; border: none; background: rgba(255,255,255,0.1); color: var(--text-secondary); font-size: 11px; cursor: pointer; display: none; align-items: center; justify-content: center; }
.wk-search.has-text .wk-search-clear { display: flex; }

/* rows */
.wk-pick-list { max-height: 340px; overflow-y: auto; margin: 0 -6px; padding: 0 6px; }
.wk-pick-item { display: flex; align-items: center; gap: 12px; padding: 10px 10px; border-radius: 14px; cursor: pointer; transition: background .12s; }
.wk-pick-item:hover, .wk-pick-item:active { background: rgba(255,255,255,0.06); }
.wk-avatar { width: 42px; height: 42px; border-radius: 50%; object-fit: cover; flex: 0 0 auto; background: #1b1b22; }
.wk-avatar-icon { display: inline-flex; align-items: center; justify-content: center; color: #F87171; border: 1.5px solid rgba(255,255,255,0.1); background: #15151b; font-size: 16px; }
.wk-pick-text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.wk-pick-text b { font-size: 14px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wk-pick-text span { font-size: 12px; color: var(--text-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wk-tick { color: #38BDF8; font-size: 11px; margin-left: 2px; }
.wk-pick-go { width: 32px; height: 32px; border-radius: 50%; background: rgba(255,255,255,0.08); color: var(--text-secondary); display: flex; align-items: center; justify-content: center; font-size: 12px; opacity: 0; transform: translateX(-4px); transition: all .15s; flex: 0 0 auto; }
.wk-pick-item:hover .wk-pick-go { opacity: 1; transform: none; background: var(--accent); color: #0A0A0B; }
@media (hover: none) { .wk-pick-go { opacity: 0.7; transform: none; } }
.wk-empty { text-align: center; padding: 30px 10px; color: var(--text-muted); font-size: 13px; }
.wk-empty i { font-size: 26px; display: block; margin-bottom: 10px; opacity: 0.6; }
.wk-empty p { margin: 0; }

/* segmented control */
.seg { display: flex; gap: 4px; background: #0d0d11; border: 1px solid var(--border-light); border-radius: 14px; padding: 4px; }
.seg button { flex: 1; display: flex; align-items: center; justify-content: center; gap: 8px; font-family: inherit; font-size: 12px; font-weight: 600; padding: 9px 6px; border: none; border-radius: 10px; background: transparent; color: var(--text-muted); cursor: pointer; transition: all .15s; }
.seg button.on { background: var(--accent); color: #0A0A0B; }
.shp { width: 14px; height: 14px; border: 2px solid currentColor; display: inline-block; }
.shp-square { border-radius: 2px; } .shp-rounded { border-radius: 5px; } .shp-circle { border-radius: 50%; }

/* stickers */
.stk-drop { width: 100%; display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 28px 16px; border: 2px dashed rgba(255,255,255,0.18); border-radius: 18px; background: rgba(255,255,255,0.02); color: var(--text-primary); font-family: inherit; cursor: pointer; transition: all .15s; }
.stk-drop:hover { border-color: rgba(255,255,255,0.4); background: rgba(255,255,255,0.05); }
.stk-drop b { font-size: 14px; }
.stk-drop > span:last-child { font-size: 12px; color: var(--text-muted); }
.stk-drop-icon { width: 54px; height: 54px; border-radius: 50%; background: #15151b; border: 1.5px solid rgba(255,255,255,0.12); display: flex; align-items: center; justify-content: center; font-size: 20px; color: var(--accent); margin-bottom: 4px; }
.stk-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.stk-tile { position: relative; aspect-ratio: 1; border-radius: 14px; background: repeating-conic-gradient(#1b1b22 0% 25%, #121217 0% 50%) 50% / 14px 14px; overflow: hidden; }
.stk-tile img { width: 100%; height: 100%; object-fit: contain; cursor: pointer; transition: transform .15s; }
.stk-tile:hover img { transform: scale(1.06); }
.stk-del { position: absolute; top: 3px; right: 3px; width: 20px; height: 20px; border-radius: 50%; border: none; background: rgba(0,0,0,0.65); color: #fff; font-size: 9px; cursor: pointer; display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity .15s; }
.stk-tile:hover .stk-del { opacity: 1; }
@media (hover: none) { .stk-del { opacity: 0.85; } }
.stk-stage { width: min(280px, 100%); aspect-ratio: 1; margin: 4px auto 0; border-radius: 20px; background: repeating-conic-gradient(#1d1d25 0% 25%, #111116 0% 50%) 50% / 22px 22px; border: 1px solid var(--border-light); overflow: hidden; }
.stk-stage canvas { width: 100%; height: 100%; display: block; touch-action: none; cursor: grab; }
.stk-stage canvas.grabbing { cursor: grabbing; }
.stk-hint { text-align: center; font-size: 11px; color: var(--text-muted); margin: 8px 0 4px; }
.stk-hint i { margin-right: 5px; }
.stk-zoom { display: flex; align-items: center; gap: 10px; margin: 8px 4px 0; }
.stk-zoom button { width: 30px; height: 30px; border-radius: 50%; border: 1px solid var(--border-light); background: var(--surface); color: var(--text-secondary); cursor: pointer; font-size: 11px; flex: 0 0 auto; }
.stk-zoom input[type=range] { flex: 1; accent-color: #fff; height: 4px; }
.stk-toggle { display: flex; align-items: center; justify-content: space-between; margin-top: 14px; font-size: 13px; }
.stk-actions { display: flex; gap: 10px; margin-top: 16px; }
.stk-actions .btn { flex: 1; }

/* ============================================================
   Wecket Live 2
   ============================================================ */
body.lv-open { overflow: hidden; }
.lv-hub-head { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; flex-wrap: wrap; }
.lv-tabs { flex: 1; min-width: 220px; max-width: 360px; }
.lv-golive { width: auto; padding: 10px 18px; background: #F43F5E; color: #fff; border-color: #F43F5E; }
.lv-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(165px, 1fr)); gap: 12px; }
.lv-card { position: relative; aspect-ratio: 9 / 14; border-radius: 18px; overflow: hidden; cursor: pointer; background: #15151b; border: 1px solid var(--border-light); transition: transform .15s; }
.lv-card:hover { transform: translateY(-3px); }
.lv-card-bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: blur(14px) saturate(1.2); transform: scale(1.2); opacity: .85; }
.lv-card-shade { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.25), transparent 35%, rgba(0,0,0,.78)); }
.lv-live-pill { position: absolute; top: 10px; left: 10px; display: inline-flex; align-items: center; gap: 5px; background: #F43F5E; color: #fff; font-size: 10px; font-weight: 800; letter-spacing: .5px; padding: 3px 8px; border-radius: 6px; }
.lv-live-pill i { width: 6px; height: 6px; border-radius: 50%; background: #fff; animation: lvPulse 1.2s infinite; }
@keyframes lvPulse { 50% { opacity: .3; transform: scale(.7); } }
.lv-viewers { position: absolute; top: 10px; right: 10px; background: rgba(0,0,0,.5); color: #fff; font-size: 11px; font-weight: 700; padding: 3px 8px; border-radius: 20px; }
.lv-card-info { position: absolute; left: 0; right: 0; bottom: 0; padding: 12px; color: #fff; }
.lv-card-title { font-size: 13px; font-weight: 700; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.lv-card-host { display: flex; align-items: center; gap: 6px; margin-top: 6px; font-size: 11px; opacity: .92; }
.lv-card-host img { width: 20px; height: 20px; border-radius: 50%; object-fit: cover; }
.lv-card-tags { display: flex; gap: 4px; margin-top: 6px; flex-wrap: wrap; }
.lv-card-tags em { font-style: normal; font-size: 9px; font-weight: 700; background: rgba(255,255,255,.18); padding: 2px 7px; border-radius: 10px; }
.lv-empty { grid-column: 1 / -1; display: flex; flex-direction: column; align-items: center; gap: 8px; text-align: center; padding: 50px 20px; color: var(--text-muted); font-size: 13px; }
.lv-empty i { font-size: 34px; opacity: .6; } .lv-empty b { color: var(--text-primary); font-size: 15px; }

/* room */
.lv-room { position: fixed; inset: 0; z-index: 6000; background: #000; color: #fff; display: flex; flex-direction: column; overflow: hidden; font-family: inherit; }
.lv-stage { position: absolute; inset: 0; display: grid; background: #000; }
.lv-stage.n1 { grid-template: 1fr / 1fr; }
.lv-stage.n2 { grid-template: 1fr 1fr / 1fr; }
.lv-stage.n3, .lv-stage.n4 { grid-template: 1fr 1fr / 1fr 1fr; }
.lv-stage.n3 .lv-tile:first-child { grid-column: 1 / -1; }
.lv-tile { position: relative; overflow: hidden; background: #0b0b0f; }
.lv-tile video { width: 100%; height: 100%; object-fit: cover; display: block; }
.lv-tile-name { position: absolute; left: 8px; bottom: 8px; font-size: 11px; font-weight: 700; background: rgba(0,0,0,.55); padding: 3px 8px; border-radius: 10px; }
.lv-wait { position: absolute; inset: 0; display: flex; flex-direction: column; gap: 10px; align-items: center; justify-content: center; font-size: 13px; color: rgba(255,255,255,.8); background: #0b0b0f; z-index: 1; }
.lv-wait.hide { display: none; } .lv-wait i { font-size: 26px; }
.lv-vignette { position: absolute; inset: 0; pointer-events: none; z-index: 2; background: linear-gradient(180deg, rgba(0,0,0,.55) 0%, transparent 22%, transparent 55%, rgba(0,0,0,.7) 100%); }
.lv-top { position: absolute; top: 0; left: 0; right: 0; z-index: 5; display: flex; justify-content: space-between; align-items: flex-start; gap: 8px; padding: calc(12px + env(safe-area-inset-top, 0px)) 12px 0; }
.lv-host { display: flex; align-items: center; gap: 8px; background: rgba(0,0,0,.45); border-radius: 30px; padding: 4px 6px 4px 4px; max-width: 70%; }
.lv-host img { width: 36px; height: 36px; border-radius: 50%; object-fit: cover; cursor: pointer; }
.lv-host div { display: flex; flex-direction: column; min-width: 0; cursor: pointer; }
.lv-host b { font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 130px; }
.lv-host span { font-size: 10px; opacity: .8; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 130px; }
.lv-follow { border: none; background: #F43F5E; color: #fff; font-family: inherit; font-size: 11px; font-weight: 800; padding: 7px 12px; border-radius: 20px; cursor: pointer; }
.lv-follow.on { background: rgba(255,255,255,.22); }
.lv-top-right { display: flex; align-items: center; gap: 8px; }
.lv-count { background: rgba(0,0,0,.5); font-size: 12px; padding: 6px 10px; border-radius: 20px; }
.lv-x { width: 36px; height: 36px; border-radius: 50%; border: none; background: rgba(0,0,0,.5); color: #fff; font-size: 15px; cursor: pointer; }
.lv-pinned { position: absolute; z-index: 5; top: calc(64px + env(safe-area-inset-top, 0px)); left: 12px; right: 12px; background: rgba(0,0,0,.55); border-left: 3px solid #FBBF24; border-radius: 10px; padding: 7px 10px; font-size: 12px; }
.lv-pinned i { color: #FBBF24; margin-right: 4px; }
.lv-chat { position: absolute; z-index: 5; left: 12px; bottom: calc(76px + env(safe-area-inset-bottom, 0px)); width: min(72%, 330px); max-height: 34vh; overflow-y: auto; display: flex; flex-direction: column; gap: 6px; -webkit-mask-image: linear-gradient(transparent, #000 28%); mask-image: linear-gradient(transparent, #000 28%); scrollbar-width: none; }
.lv-chat::-webkit-scrollbar { display: none; }
.lv-msg { display: flex; gap: 8px; align-items: flex-start; font-size: 13px; line-height: 1.35; text-shadow: 0 1px 3px rgba(0,0,0,.7); }
.lv-msg img { width: 24px; height: 24px; border-radius: 50%; object-fit: cover; flex: 0 0 auto; }
.lv-msg b { color: rgba(255,255,255,.75); font-weight: 700; } .lv-msg b.host { color: #FBBF24; }
.lv-banner { position: absolute; z-index: 5; left: 12px; bottom: calc(76px + env(safe-area-inset-bottom, 0px) + 34vh); display: flex; flex-direction: column; gap: 4px; pointer-events: none; }
.lv-banner-item { font-size: 12px; background: rgba(0,0,0,.45); padding: 4px 10px; border-radius: 14px; animation: lvFade .3s; align-self: flex-start; }
@keyframes lvFade { from { opacity: 0; transform: translateY(6px); } }
.lv-bottom { position: absolute; z-index: 6; left: 0; right: 0; bottom: 0; display: flex; align-items: center; gap: 10px; padding: 0 12px calc(12px + env(safe-area-inset-bottom, 0px)); }
.lv-input { flex: 1; display: flex; align-items: center; background: rgba(0,0,0,.5); border: 1px solid rgba(255,255,255,.18); border-radius: 26px; padding: 0 6px 0 16px; }
.lv-input input { flex: 1; min-width: 0; background: transparent; border: none; outline: none; color: #fff; font-family: inherit; font-size: 14px; padding: 12px 0; }
.lv-input input::placeholder { color: rgba(255,255,255,.6); }
.lv-input button { width: 34px; height: 34px; border-radius: 50%; border: none; background: transparent; color: #fff; cursor: pointer; }
.lv-rail { display: flex; align-items: center; gap: 8px; }
.lv-rail button { position: relative; width: 42px; height: 42px; border-radius: 50%; border: none; background: rgba(0,0,0,.5); color: #fff; font-size: 17px; cursor: pointer; transition: transform .1s; }
.lv-rail button:active { transform: scale(.88); }
.lv-rail button.on { background: #F43F5E; }
.lv-like-btn { color: #F43F5E !important; } .lv-gift-btn { color: #FBBF24 !important; }
.lv-rail em { position: absolute; top: -4px; right: -4px; min-width: 18px; height: 18px; border-radius: 9px; background: #F43F5E; color: #fff; font-size: 10px; font-style: normal; font-weight: 800; display: flex; align-items: center; justify-content: center; }
.lv-hearts { position: absolute; inset: 0; z-index: 4; pointer-events: none; overflow: hidden; }
.lv-heart { position: absolute; font-size: 26px; animation: lvHeart 2.1s ease-out forwards; filter: drop-shadow(0 2px 4px rgba(0,0,0,.4)); }
@keyframes lvHeart { 0% { opacity: 0; transform: translate(0,0) scale(.4) rotate(0); } 12% { opacity: 1; transform: translate(0,-20px) scale(1.1) rotate(var(--rot)); } 100% { opacity: 0; transform: translate(var(--dx), -300px) scale(.9) rotate(var(--rot)); } }
.lv-giftfx { position: absolute; z-index: 5; left: 12px; top: 38%; display: flex; flex-direction: column; gap: 6px; pointer-events: none; }
.lv-giftrow { display: flex; align-items: center; gap: 8px; background: linear-gradient(90deg, rgba(0,0,0,.6), rgba(0,0,0,.15)); padding: 6px 12px 6px 10px; border-radius: 26px; font-size: 12px; animation: lvFade .25s; }
.lv-giftrow i { font-size: 20px; } .lv-giftrow em { font-style: normal; font-weight: 900; font-size: 18px; color: #FBBF24; }
.lv-giftrow.pop em { animation: lvPop .3s; } @keyframes lvPop { 50% { transform: scale(1.6); } }
.lv-bigfx { position: fixed; left: 50%; top: 40%; transform: translate(-50%,-50%); text-align: center; animation: lvBig 2.8s ease-out forwards; pointer-events: none; z-index: 7; }
.lv-bigfx i { font-size: 96px; display: block; filter: drop-shadow(0 6px 18px rgba(0,0,0,.5)); } .lv-bigfx b { display: block; margin-top: 8px; font-size: 15px; text-shadow: 0 2px 8px #000; }
@keyframes lvBig { 0% { opacity: 0; transform: translate(-50%,-30%) scale(.3); } 15% { opacity: 1; transform: translate(-50%,-50%) scale(1.15); } 80% { opacity: 1; } 100% { opacity: 0; transform: translate(-50%,-70%) scale(1); } }

/* sheets */
.lv-sheet-wrap { position: absolute; inset: 0; z-index: 9; display: flex; flex-direction: column; justify-content: flex-end; }
.lv-sheet-bg { position: absolute; inset: 0; background: rgba(0,0,0,.5); }
.lv-sheet { position: relative; background: #121217; border-radius: 22px 22px 0 0; padding: 18px 18px calc(20px + env(safe-area-inset-bottom, 0px)); max-height: 72vh; overflow-y: auto; animation: lvUp .22s ease-out; }
@keyframes lvUp { from { transform: translateY(40px); opacity: 0; } }
.lv-sheet-title { font-size: 16px; font-weight: 800; } .lv-sheet-sub { font-size: 12px; color: var(--text-muted); margin: 4px 0 10px; }
.lv-opt { display: flex; align-items: center; gap: 12px; width: 100%; text-align: left; background: rgba(255,255,255,.06); border: none; color: #fff; font-family: inherit; font-size: 14px; font-weight: 600; padding: 13px 14px; border-radius: 14px; margin-top: 8px; cursor: pointer; }
.lv-opt.danger { color: #F87171; }
.lv-coinbar { display: flex; align-items: center; justify-content: space-between; margin: 10px 0; font-size: 13px; } .lv-coinbar i { color: #FBBF24; }
.lv-coinbar button { background: rgba(255,255,255,.1); border: none; color: #fff; font-family: inherit; font-size: 12px; font-weight: 700; padding: 7px 12px; border-radius: 16px; cursor: pointer; }
.lv-gift-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.lv-gift { display: flex; flex-direction: column; align-items: center; gap: 4px; background: rgba(255,255,255,.05); border: 1px solid transparent; border-radius: 14px; padding: 12px 4px; color: #fff; font-family: inherit; cursor: pointer; }
.lv-gift:active { transform: scale(.93); border-color: rgba(255,255,255,.3); }
.lv-gift > i { font-size: 28px; } .lv-gift b { font-size: 12px; } .lv-gift span { font-size: 11px; color: #FBBF24; }
.lv-ctrl-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin: 10px 0 4px; }
.lv-ctrl { display: flex; flex-direction: column; align-items: center; gap: 6px; background: rgba(255,255,255,.06); border: none; border-radius: 14px; padding: 12px 4px; color: #fff; font-family: inherit; font-size: 10px; cursor: pointer; } .lv-ctrl i { font-size: 18px; }
.lv-person { display: flex; align-items: center; gap: 10px; padding: 8px 0; } .lv-person img { width: 38px; height: 38px; border-radius: 50%; object-fit: cover; } .lv-person b { flex: 1; font-size: 14px; }
.lv-person button { border: none; border-radius: 16px; padding: 7px 12px; font-family: inherit; font-size: 12px; font-weight: 700; cursor: pointer; background: rgba(255,255,255,.1); color: #fff; } .lv-person button.ok { background: #fff; color: #000; } .lv-person button.no { color: #F87171; }

/* setup */
.lv-setup #lvPreview { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.lv-setup-x { position: absolute; z-index: 5; top: calc(14px + env(safe-area-inset-top, 0px)); right: 14px; }
.lv-flip { position: absolute; z-index: 5; top: calc(14px + env(safe-area-inset-top, 0px)); left: 14px; display: flex; flex-direction: column; align-items: center; gap: 3px; background: rgba(0,0,0,.5); border: none; color: #fff; font-family: inherit; font-size: 10px; border-radius: 14px; padding: 8px 10px; cursor: pointer; } .lv-flip i { font-size: 18px; }
.lv-setup-card { position: absolute; z-index: 5; left: 0; right: 0; bottom: 0; background: rgba(10,10,12,.88); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border-radius: 24px 24px 0 0; padding: 16px 16px calc(18px + env(safe-area-inset-bottom, 0px)); max-height: 62vh; overflow-y: auto; }
.lv-setup-card > input { width: 100%; box-sizing: border-box; background: rgba(255,255,255,.08); border: 1.5px solid rgba(255,255,255,.14); border-radius: 14px; color: #fff; font-family: inherit; font-size: 15px; padding: 13px 14px; outline: none; }
.lv-setup-row { display: grid; grid-template-columns: 1fr; gap: 0; }
@media (min-width: 560px) { .lv-setup-row { grid-template-columns: 1fr 1fr; gap: 12px; } .lv-setup-card { left: 50%; right: auto; transform: translateX(-50%); width: 520px; border-radius: 24px; bottom: 20px; } }
.lv-go { margin-top: 16px; background: #F43F5E; border-color: #F43F5E; color: #fff; font-size: 15px; padding: 14px; } .lv-go i { font-size: 9px; margin-right: 6px; }

/* ended */
.lv-ended { position: absolute; inset: 0; z-index: 12; background: rgba(8,8,10,.94); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; text-align: center; padding: 30px; }
.lv-ended i { font-size: 44px; color: var(--text-muted); } .lv-ended h2 { margin: 0; } .lv-ended p { margin: 0 0 8px; color: var(--text-muted); font-size: 13px; } .lv-ended .btn { max-width: 260px; }
.lv-end { display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,.92); }
.lv-end-card { width: min(380px, 92vw); background: #121217; border: 1px solid var(--border-light); border-radius: 22px; padding: 26px 22px; text-align: center; } .lv-end-card > i { font-size: 34px; color: #FBBF24; } .lv-end-card h2 { margin: 10px 0 16px; }
.lv-end-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; } .lv-end-grid > div { background: rgba(255,255,255,.05); border-radius: 12px; padding: 12px 4px; } .lv-end-grid b { display: block; font-size: 20px; } .lv-end-grid span { font-size: 10px; color: var(--text-muted); }
.lv-end-note { font-size: 12px; color: var(--text-muted); margin: 14px 0; line-height: 1.45; }

/* wallet */
.wal-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; } .wal-card { background: var(--surface); border: 1px solid var(--border-light); border-radius: 16px; padding: 14px; display: flex; flex-direction: column; gap: 2px; } .wal-card i { color: #FBBF24; margin-bottom: 4px; } .wal-card b { font-size: 24px; } .wal-card span { font-size: 11px; color: var(--text-muted); }
.wal-row { display: flex; justify-content: space-between; align-items: center; padding: 9px 0; border-bottom: 1px solid var(--border-light); } .wal-row div { display: flex; flex-direction: column; } .wal-row b { font-size: 13px; } .wal-row span { font-size: 11px; color: var(--text-muted); } .wal-row em { font-style: normal; font-weight: 800; font-size: 13px; } .wal-row em.pos { color: #34D399; } .wal-row em.neg { color: #F87171; }

.lv-webinar-note { font-size: 12px; line-height: 1.5; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.14); border-radius: 12px; padding: 9px 12px; margin-bottom: 10px; }
.lv-webinar-note i { margin-right: 6px; }

/* ============================================================
   Chat options: new message, pin/mute/hide/lock, per-chat customization
   ============================================================ */
.cl-head { display: flex; align-items: center; justify-content: space-between; }
.cl-new { width: 38px; height: 38px; border-radius: 50%; border: 1px solid var(--border-light); background: var(--surface); color: var(--text-primary); cursor: pointer; font-size: 15px; }
.cl-new:hover { background: var(--accent); color: #0A0A0B; }
.chat-fab { position: fixed; right: 18px; bottom: calc(86px + env(safe-area-inset-bottom, 0px)); z-index: 40; width: 54px; height: 54px; border-radius: 50%; border: none; background: var(--accent); color: #0A0A0B; font-size: 20px; box-shadow: 0 8px 24px rgba(0,0,0,.5); cursor: pointer; }
@media (min-width: 769px) { .chat-fab { display: none; } }
.chat-icon-badge { position: absolute; left: -4px; bottom: -4px; width: 22px; height: 22px; border-radius: 50%; background: #15151b; border: 1.5px solid rgba(255,255,255,.18); display: flex; align-items: center; justify-content: center; font-size: 12px; }
.cl-real { font-size: 10px; font-weight: 500; color: var(--text-muted); margin-left: 4px; }
.cl-flag { font-size: 10px; color: var(--text-muted); margin-left: 4px; }
.cl-pinned { background: rgba(255,255,255,0.03); }
.unread-badge.muted { background: rgba(255,255,255,0.18); color: var(--text-secondary); }
.cl-folder { display: flex; align-items: center; gap: 12px; margin: 10px 0; padding: 13px 16px; border-radius: 16px; background: var(--surface); border: 1px solid var(--border-light); cursor: pointer; font-size: 14px; font-weight: 600; }
.cl-folder > i:first-child { width: 34px; height: 34px; border-radius: 50%; background: #15151b; border: 1.5px solid rgba(255,255,255,.1); display: flex; align-items: center; justify-content: center; color: var(--accent); font-size: 14px; }
.cl-folder span { flex: 1; } .cl-folder b { font-size: 12px; color: var(--text-muted); } .cl-folder > i:last-child { color: var(--text-muted); font-size: 11px; }
.cl-back { text-align: center; margin: 16px 0; font-size: 13px; color: var(--accent); cursor: pointer; }
.chat-top-menu { margin-left: auto; padding: 8px 12px; cursor: pointer; color: var(--text-secondary); }
.nm-invite { display: flex; align-items: center; gap: 12px; width: 100%; margin-top: 12px; text-align: left; padding: 12px 14px; border-radius: 16px; border: 1px dashed rgba(255,255,255,.2); background: transparent; color: var(--text-primary); font-family: inherit; cursor: pointer; }
.nm-invite i { width: 36px; height: 36px; border-radius: 50%; background: #15151b; display: flex; align-items: center; justify-content: center; color: var(--accent); }
.nm-invite span { display: flex; flex-direction: column; font-size: 13px; font-weight: 600; } .nm-invite em { font-style: normal; font-size: 11px; font-weight: 500; color: var(--text-muted); }
.cc-opt { display: flex; align-items: center; gap: 14px; width: 100%; text-align: left; background: transparent; border: none; border-radius: 14px; padding: 13px 10px; color: var(--text-primary); font-family: inherit; font-size: 14px; font-weight: 600; cursor: pointer; }
.cc-opt:hover { background: rgba(255,255,255,.06); } .cc-opt i { width: 34px; height: 34px; border-radius: 50%; background: #15151b; border: 1.5px solid rgba(255,255,255,.1); display: flex; align-items: center; justify-content: center; color: var(--accent); font-size: 14px; }
.cc-opt.danger { color: #F87171; } .cc-opt.danger i { color: #F87171; }
.cc-emoji { display: flex; flex-wrap: wrap; gap: 6px; }
.cc-emoji button { min-width: 40px; height: 40px; padding: 0 8px; border-radius: 12px; border: 1.5px solid var(--border-light); background: var(--surface); font-size: 18px; cursor: pointer; color: var(--text-secondary); font-family: inherit; }
.cc-emoji button.on { border-color: var(--accent); background: rgba(255,255,255,.1); }
.cc-walls { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.cc-wall { position: relative; height: 62px; border-radius: 12px; overflow: hidden; cursor: pointer; border: 2px solid transparent; background-color: #15151b; flex: none !important; background-size: 80px 80px, 100% 100% !important; display: flex; align-items: flex-end; }
.cc-wall span { width: 100%; font-size: 10px; font-weight: 700; text-align: center; padding: 3px 2px; background: linear-gradient(transparent, rgba(0,0,0,.7)); color: #fff; }
.cc-wall:not(.messages-area) { border: 1.5px dashed rgba(255,255,255,.25); align-items: center; justify-content: center; } .cc-wall:not(.messages-area) span { background: none; color: var(--text-secondary); }
.cc-wall.on { border: 2px solid #fff; box-shadow: 0 0 0 3px rgba(255,255,255,.2); }
.pin-card { max-width: 320px; text-align: center; padding: 26px 22px; }
.pin-lock { width: 52px; height: 52px; border-radius: 50%; background: #15151b; border: 1.5px solid rgba(255,255,255,.12); display: flex; align-items: center; justify-content: center; margin: 0 auto 10px; color: var(--accent); font-size: 20px; }
.pin-card h2 { margin: 0 0 8px; font-size: 17px; }
.pin-dots { display: flex; justify-content: center; gap: 14px; margin: 14px 0 18px; } .pin-dots i { width: 14px; height: 14px; border-radius: 50%; border: 2px solid rgba(255,255,255,.35); transition: all .12s; } .pin-dots i.on { background: var(--accent); border-color: var(--accent); }
.pin-pad { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.pin-pad button { height: 54px; border-radius: 50%; border: 1px solid var(--border-light); background: var(--surface); color: var(--text-primary); font-family: inherit; font-size: 20px; font-weight: 600; cursor: pointer; }
.pin-pad button:active { background: var(--accent); color: #0A0A0B; } .pin-pad button.ghost { background: transparent; border-color: transparent; font-size: 16px; color: var(--text-muted); }
.pin-forgot { margin-top: 14px; background: none; border: none; color: var(--text-muted); font-family: inherit; font-size: 12px; cursor: pointer; text-decoration: underline; }

/* links inside messages and posts must look and feel like links */
a.content-link { color: #7DD3FC; text-decoration: underline; text-underline-offset: 2px; word-break: break-all; cursor: pointer; pointer-events: auto; -webkit-user-select: text; user-select: text; }
.message.sent .msg-bubble a.content-link { color: inherit; font-weight: 600; }
.messages-area.has-theme .message.sent .msg-bubble a.content-link { color: var(--ct-sent-fg, #fff); }

/* ============================================================
   Brand toasts
   ============================================================ */
#toastContainer { display: none !important; }
#toastBox { position: fixed; z-index: 9500; top: calc(14px + env(safe-area-inset-top, 0px)); left: 50%; transform: translateX(-50%); display: flex; flex-direction: column; gap: 8px; width: min(92vw, 380px); pointer-events: none; }
#toastBox .toast-msg { position: relative !important; top: auto !important; left: auto !important; right: auto !important; bottom: auto !important; transform: none !important; opacity: 1; display: flex; align-items: center; gap: 12px; padding: 12px 16px; border-radius: 16px; background: rgba(18, 18, 24, 0.94); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border: 1px solid rgba(255, 255, 255, 0.12); color: var(--text-primary); font-size: 13px; font-weight: 600; line-height: 1.35; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5); overflow: hidden; animation: tIn .28s cubic-bezier(.2,.9,.3,1.2); pointer-events: auto; }
#toastBox .toast-msg i { width: 28px; height: 28px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; flex: 0 0 auto; background: rgba(255,255,255,.08); }
#toastBox .toast-msg.success i { color: #34D399; } #toastBox .toast-msg.error i { color: #F87171; } #toastBox .toast-msg.info i { color: #E5E7EB; }
#toastBox .toast-msg::after { content: ''; position: absolute; left: 0; bottom: 0; height: 2px; width: 100%; background: currentColor; opacity: .5; transform-origin: left; animation: tBar var(--ms, 3s) linear forwards; }
#toastBox .toast-msg.success::after { color: #34D399; } #toastBox .toast-msg.error::after { color: #F87171; } #toastBox .toast-msg.info::after { color: #E5E7EB; }
#toastBox .toast-msg.out { opacity: 0; transform: translateY(-8px) !important; transition: all .25s; }
@keyframes tIn { from { opacity: 0; transform: translateY(-14px) scale(.96); } } @keyframes tBar { to { transform: scaleX(0); } }

/* ============================================================
   Icons: rounded line icons, filled when active
   ============================================================ */
.wk-ico { stroke: currentColor; fill: none; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; vertical-align: -4px; flex: 0 0 auto; transition: fill-opacity .15s; }
.nav-tab .wk-ico { margin-right: 6px; }
.nav-tab.active .wk-ico, .bottom-nav-item.active .wk-ico { fill: currentColor; fill-opacity: .22; stroke-width: 2.1; }
.nav-tab.active .wk-ico.solid, .bottom-nav-item.active .wk-ico.solid { fill-opacity: 1; }
.bottom-nav-item .wk-ico { display: block; margin: 0 auto 2px; }
.notification-badge .wk-ico { vertical-align: middle; }

/* ============================================================
   Chat: media with less padding, tappable dots, no overlap with the Tiny button
   ============================================================ */
.msg-bubble:has(img[onclick*="viewMedia"]), .msg-bubble:has(video), .msg-bubble:has(.wk-audio) { padding: 3px !important; }
.msg-bubble img[onclick*="viewMedia"], .msg-bubble video { display: block; border-radius: 14px; max-width: min(100%, 300px); width: 100%; height: auto; margin: 0; }
.msg-bubble:has(img[onclick*="viewMedia"]) .msg-text, .msg-bubble:has(video) .msg-text { padding: 6px 8px 3px; }
.msg-bubble:has(img[onclick*="viewMedia"]) .msg-time, .msg-bubble:has(video) .msg-time { padding: 0 8px 3px; }
.message { position: relative; }
.message .message-menu { z-index: 6; pointer-events: auto; min-width: 34px; min-height: 34px; display: flex; align-items: center; justify-content: center; padding: 0 !important; border-radius: 50%; background: rgba(255,255,255,0.06); }
@media (hover: none), (pointer: coarse) { .message .message-menu { opacity: 0.9 !important; } }
.chat-top-menu { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 50%; position: relative; z-index: 6; }
.chat-fab { bottom: calc(150px + env(safe-area-inset-bottom, 0px)) !important; }

/* ============================================================
   New-message pop-ups
   ============================================================ */
#msgBanners { position: fixed; z-index: 9400; top: calc(10px + env(safe-area-inset-top, 0px)); left: 50%; transform: translateX(-50%); width: min(94vw, 420px); display: flex; flex-direction: column; gap: 8px; pointer-events: none; }
.msg-banner { pointer-events: auto; display: flex; align-items: center; gap: 12px; padding: 11px 12px; border-radius: 20px; cursor: pointer; background: rgba(20, 20, 27, 0.96); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border: 1px solid rgba(255,255,255,.14); box-shadow: 0 14px 36px rgba(0,0,0,.55); animation: tIn .3s cubic-bezier(.2,.9,.3,1.2); }
.msg-banner.out { opacity: 0; transform: translateY(-10px); transition: all .25s; }
.msg-banner img { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; flex: 0 0 auto; }
.msg-banner div { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.msg-banner b { font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.msg-banner span { font-size: 13px; color: var(--text-secondary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.msg-banner em { font-style: normal; font-size: 11px; color: var(--text-muted); align-self: flex-start; margin-top: 3px; }
.msg-banner button { width: 26px; height: 26px; border-radius: 50%; border: none; background: rgba(255,255,255,.1); color: var(--text-secondary); font-size: 11px; cursor: pointer; }

/* drafts + trimming */
.ob-pill { position: fixed; left: 14px; bottom: calc(84px + env(safe-area-inset-bottom, 0px)); z-index: 60; display: flex; align-items: center; gap: 8px; padding: 9px 14px; border-radius: 22px; border: 1px solid rgba(255,255,255,.18); background: rgba(18,18,24,.95); color: var(--text-primary); font-family: inherit; font-size: 12px; font-weight: 700; cursor: pointer; box-shadow: 0 8px 24px rgba(0,0,0,.45); }
.trim-stage { background: #000; border-radius: 16px; overflow: hidden; } .trim-stage video { width: 100%; max-height: 260px; display: block; }
.trim-range { position: relative; height: 38px; margin-top: 12px; }
.trim-track { position: absolute; left: 0; right: 0; top: 16px; height: 6px; border-radius: 3px; background: rgba(255,255,255,.14); } .trim-sel { position: absolute; top: 0; bottom: 0; background: #fff; border-radius: 3px; }
.trim-range input[type=range] { position: absolute; left: 0; width: 100%; top: 6px; margin: 0; background: transparent; pointer-events: none; -webkit-appearance: none; appearance: none; height: 26px; }
.trim-range input[type=range]::-webkit-slider-thumb { pointer-events: auto; -webkit-appearance: none; width: 20px; height: 26px; border-radius: 7px; background: #fff; border: 2px solid #0A0A0B; cursor: ew-resize; }
.trim-range input[type=range]::-moz-range-thumb { pointer-events: auto; width: 20px; height: 26px; border-radius: 7px; background: #fff; border: 2px solid #0A0A0B; cursor: ew-resize; }
.trim-range input[type=range]::-webkit-slider-runnable-track { background: transparent; } .trim-range input[type=range]::-moz-range-track { background: transparent; }
.trim-meta { display: flex; justify-content: space-between; font-size: 12px; color: var(--text-secondary); margin-top: 4px; }
.trim-progress { position: relative; margin-top: 12px; height: 34px; border-radius: 12px; background: rgba(255,255,255,.08); overflow: hidden; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; }
.trim-progress i { position: absolute; left: 0; top: 0; bottom: 0; width: 0; background: rgba(255,255,255,.22); transition: width .2s; } .trim-progress span { position: relative; }

/* ============================================================
   Invite
   ============================================================ */
.inv-card { max-width: 440px !important; }
.inv-hero { text-align: center; margin: 4px 0 14px; } .inv-hero h2 { margin: 10px 0 4px; font-size: 20px; justify-content: center; } .inv-hero p { margin: 0; font-size: 12px; color: var(--text-muted); }
.inv-orb { width: 64px; height: 64px; margin: 0 auto; border-radius: 50%; background: radial-gradient(circle at 30% 25%, #2a2a33, #121217); border: 1.5px solid rgba(255,255,255,.16); display: flex; align-items: center; justify-content: center; font-size: 24px; color: #fff; box-shadow: 0 0 0 8px rgba(255,255,255,.04), 0 10px 30px rgba(0,0,0,.4); }
.inv-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; } .inv-stats div { background: var(--surface); border: 1px solid var(--border-light); border-radius: 16px; padding: 12px; text-align: center; } .inv-stats b { display: block; font-size: 22px; } .inv-stats span { font-size: 11px; color: var(--text-muted); }
.inv-link { display: flex; gap: 6px; align-items: stretch; } .inv-link input { flex: 1; min-width: 0; background: #0d0d11; border: 1.5px solid var(--border-light); border-radius: 14px; padding: 12px 14px; color: var(--text-secondary); font-family: inherit; font-size: 13px; }
.inv-link button { border: none; border-radius: 14px; padding: 0 14px; background: #fff; color: #0A0A0B; font-family: inherit; font-weight: 700; font-size: 13px; cursor: pointer; display: flex; align-items: center; gap: 6px; }
.inv-channels { display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; margin-top: 12px; } .inv-channels button { display: flex; flex-direction: column; align-items: center; gap: 6px; background: transparent; border: none; cursor: pointer; color: var(--text-secondary); font-family: inherit; font-size: 10px; font-weight: 600; }
.inv-channels button i { width: 46px; height: 46px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 19px; background: #15151b; border: 1.5px solid rgba(255,255,255,.1); color: var(--c); transition: transform .12s, border-color .12s; } .inv-channels button:hover i { transform: translateY(-2px); border-color: var(--c); }
.inv-text { width: 100%; box-sizing: border-box; background: #0d0d11; border: 1.5px solid var(--border-light); border-radius: 14px; color: var(--text-primary); font-family: inherit; font-size: 13px; padding: 12px 14px; resize: vertical; }
.inv-admin { margin-top: 18px; padding: 14px; border-radius: 18px; background: rgba(255,255,255,.03); border: 1px dashed rgba(255,255,255,.16); } .inv-admin h3 { font-size: 14px; margin: 0 0 6px; }

/* ============================================================
   Analytics
   ============================================================ */
.pi-head { display: flex; justify-content: space-between; gap: 10px; align-items: baseline; margin-bottom: 10px; } .pi-snippet { font-size: 13px; font-weight: 600; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .pi-head span { font-size: 11px; color: var(--text-muted); }
.pi-icons { display: flex; justify-content: space-around; margin-bottom: 14px; } .pi-icons div { text-align: center; } .pi-icons i { font-size: 18px; display: block; margin-bottom: 4px; color: var(--text-secondary); } .pi-icons b { font-size: 14px; }
.ins-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 12px; } .ins-cards div { background: #1b1c22; border-radius: 16px; padding: 14px; } .ins-cards span { display: block; font-size: 12px; color: var(--text-muted); } .ins-cards b { font-size: 24px; font-weight: 800; }
.ins-title { font-size: 15px; font-weight: 800; margin: 20px 0 8px; } .ins-legend { display: flex; gap: 14px; font-size: 11px; color: var(--text-muted); margin-bottom: 6px; } .ins-legend span::before { content: ''; display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 6px; background: #fff; } .ins-legend .typ::before { background: #8b8d97; }
.ins-svg { width: 100%; height: 130px; display: block; } .ins-svg .me { fill: none; stroke: #fff; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; } .ins-svg .typ { fill: none; stroke: #8b8d97; stroke-width: 2; stroke-dasharray: 6 5; vector-effect: non-scaling-stroke; } .ins-svg .ax { stroke: rgba(255,255,255,.14); stroke-width: 1; vector-effect: non-scaling-stroke; }
.ins-axis { display: flex; justify-content: space-between; font-size: 10px; color: var(--text-muted); }
.ins-bar { margin: 10px 0; } .ins-bar div { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; } .ins-bar b { font-weight: 700; } .ins-bar i { display: block; height: 8px; border-radius: 4px; background: rgba(255,255,255,.1); overflow: hidden; } .ins-bar u { display: block; height: 100%; background: #fff; border-radius: 4px; text-decoration: none; }
.ins-rate { display: flex; align-items: center; gap: 12px; padding: 12px 0; } .ins-rate-ic { width: 44px; height: 44px; border-radius: 50%; background: #1b1c22; display: flex; align-items: center; justify-content: center; font-size: 16px; } .ins-rate > b { flex: 1; font-size: 14px; } .ins-rate div { text-align: right; } .ins-rate strong { display: block; font-size: 16px; } .ins-rate em { font-style: normal; font-size: 11px; color: var(--text-muted); } .ins-rate em.lower { color: #F87171; } .ins-rate em.higher { color: #34D399; }

/* ============================================================================
   Wecket icon set  --  one consistent line-icon style across the whole platform.
   Every Font Awesome icon in the app (static HTML, app.js templates, admin) is drawn
   with the new set via CSS masks. The markup is untouched, so JS class toggles
   (liked/unliked, spinners, colours, sizes) keep working. Brand icons are left as-is.
   ============================================================================ */
.wk-ico:not([width]){width:1em;height:1em}
.fa-address-book::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='3.500' width='14' height='17' rx='2.500'/%3E%3Ccircle cx='12' cy='10' r='2.300'/%3E%3Cpath d='M8.500 16.500c.5-1.600 1.800-2.400 3.500-2.400s3 .8 3.500 2.400M3.500 8h2M3.500 12h2M3.500 16h2'/%3E%3C/svg%3E")}
.fa-exclamation-triangle::before,.fa-triangle-exclamation::before,.fa-warning::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4 2.8 19.5a1 1 0 0 0 .9 1.5h16.6a1 1 0 0 0 .9-1.5z'/%3E%3Cpath d='M12 10v4.5M12 17.6h.01'/%3E%3C/svg%3E")}
.fa-circle-exclamation::before,.fa-exclamation-circle::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7.500v5.500M12 16.300v.01'/%3E%3C/svg%3E")}
.fa-arrow-down::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v16m-6-6 6 6 6-6'/%3E%3C/svg%3E")}
.fa-arrow-left::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 12H4m6-6-6 6 6 6'/%3E%3C/svg%3E")}
.fa-arrow-right::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h16m-6-6 6 6-6 6'/%3E%3C/svg%3E")}
.fa-arrow-up::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20V4m-6 6 6-6 6 6'/%3E%3C/svg%3E")}
.fa-at::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3.500'/%3E%3Cpath d='M15.500 8.500v5a2.500 2.500 0 0 0 5 0V12a8.500 8.500 0 1 0-3.400 6.800'/%3E%3C/svg%3E")}
.fa-award::before,.fa-medal::before,.fa-trophy::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='9' r='5.5'/%3E%3Cpath d='m8.5 13.5-1.5 7 5-2.5 5 2.5-1.5-7'/%3E%3C/svg%3E")}
.fa-backspace::before,.fa-delete-left::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 5.500h10a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H9l-6.500-6.500z'/%3E%3Cpath d='m12.500 10 5 5M17.500 10l-5 5'/%3E%3C/svg%3E")}
.fa-bag-shopping::before,.fa-shopping-bag::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.500 8h13l1 12.500h-15z'/%3E%3Cpath d='M9 11V7a3 3 0 0 1 6 0v4'/%3E%3C/svg%3E")}
.fa-ban::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m5.700 5.700 12.600 12.600'/%3E%3C/svg%3E")}
.fa-chart-bar::before,.fa-chart-simple::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 20v-9M12 20V5M19 20v-7'/%3E%3C/svg%3E")}
.fa-bell::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 17v-6a6 6 0 0 1 12 0v6l1.5 2h-15z'/%3E%3Cpath d='M10 21a2 2 0 0 0 4 0'/%3E%3C/svg%3E")}
.fas.fa-bell::before,.fa-solid.fa-bell::before{--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 17v-6a6 6 0 0 1 12 0v6l1.5 2h-15z'/%3E%3Cpath d='M10 21a2 2 0 0 0 4 0'/%3E%3C/svg%3E")}
.fa-bell-slash::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 17v-6a6 6 0 0 1 12 0v6l1.5 2h-15z'/%3E%3Cpath d='M10 21a2 2 0 0 0 4 0'/%3E%3Cpath d='m3.500 3.500 17 17'/%3E%3C/svg%3E")}
.fa-bolt::before,.fa-zap::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 2.500 5 13.500h6l-1 8 8-11h-6z'/%3E%3C/svg%3E")}
.fa-bookmark::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 3.5h11a1 1 0 0 1 1 1V21l-6.5-4.5L5.5 21V4.5a1 1 0 0 1 1-1z'/%3E%3C/svg%3E")}
.fas.fa-bookmark::before,.fa-solid.fa-bookmark::before{--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 3.5h11a1 1 0 0 1 1 1V21l-6.5-4.5L5.5 21V4.5a1 1 0 0 1 1-1z'/%3E%3C/svg%3E")}
.fa-brain::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5.500a3 3 0 0 0-5.600 1.400A3.300 3.300 0 0 0 4 9.800c0 1 .4 1.800 1.100 2.400-.5 1.300-.1 2.800 1 3.700A3.200 3.200 0 0 0 9.500 19a3 3 0 0 0 2.500-1.300z'/%3E%3Cpath d='M12 5.500a3 3 0 0 1 5.600 1.400A3.300 3.300 0 0 1 20 9.800c0 1-.4 1.800-1.100 2.400.5 1.300.1 2.800-1 3.700A3.200 3.200 0 0 1 14.500 19a3 3 0 0 1-2.500-1.300z'/%3E%3Cpath d='M12 5.500v12.200M8.500 12.500c1.200 0 2.300-.6 2.800-1.600M15.500 12.500c-1.200 0-2.300-.6-2.800-1.600'/%3E%3C/svg%3E")}
.fa-briefcase::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='7.500' width='18' height='12.500' rx='2.500'/%3E%3Cpath d='M9 7.500V6a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v1.500M3 13h18'/%3E%3C/svg%3E")}
.fa-lightbulb::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18h6M10 21h4M12 3a6 6 0 0 0-3.500 10.900c.6.500 1 1.200 1 2V16h5v-.1c0-.8.4-1.500 1-2A6 6 0 0 0 12 3z'/%3E%3C/svg%3E")}
.fa-bullhorn::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 10v4h3l8 4.5v-13L7 10z'/%3E%3Cpath d='m7 14 1.4 5.5H11L10 15.3M19 9a4 4 0 0 1 0 6'/%3E%3C/svg%3E")}
.fa-calendar::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='15.5' rx='3.5'/%3E%3Cpath d='M8 3v4M16 3v4M3.5 10h17'/%3E%3C/svg%3E")}
.fa-calendar-check::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='15.5' rx='3.5'/%3E%3Cpath d='M8 3v4M16 3v4M3.5 10h17'/%3E%3Cpath d='m9.5 15 2 2 3.5-3.5'/%3E%3C/svg%3E")}
.fa-calendar-alt::before,.fa-calendar-day::before,.fa-calendar-days::before,.fa-calendar-week::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='15.5' rx='3.5'/%3E%3Cpath d='M8 3v4M16 3v4M3.5 10h17'/%3E%3Crect x='7.5' y='13.3' width='3.4' height='3.4' rx='.9' fill='%23000'/%3E%3C/svg%3E")}
.fa-calendar-plus::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='15.5' rx='3.5'/%3E%3Cpath d='M8 3v4M16 3v4M3.5 10h17'/%3E%3Cpath d='M12 12.8v5M9.5 15.3h5'/%3E%3C/svg%3E")}
.fa-calendar-star::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='15.5' rx='3.5'/%3E%3Cpath d='M8 3v4M16 3v4M3.5 10h17'/%3E%3Cpath d='m12 12.5.9 1.8 2 .3-1.4 1.4.3 2-1.8-1-1.8 1 .3-2-1.4-1.4 2-.3z'/%3E%3C/svg%3E")}
.fa-calendar-times::before,.fa-calendar-xmark::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='15.5' rx='3.5'/%3E%3Cpath d='M8 3v4M16 3v4M3.5 10h17'/%3E%3Cpath d='m10 13.3 4 4M14 13.3l-4 4'/%3E%3C/svg%3E")}
.fa-camera::before,.fa-camera-alt::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8.5A2.5 2.5 0 0 1 6.5 6H8l1.3-2h5.4L16 6h1.5A2.5 2.5 0 0 1 20 8.5v9a2.5 2.5 0 0 1-2.5 2.5h-11A2.5 2.5 0 0 1 4 17.5z'/%3E%3Ccircle cx='12' cy='13' r='3.5'/%3E%3C/svg%3E")}
.fa-camera-rotate::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8.5A2.5 2.5 0 0 1 6.5 6H8l1.3-2h5.4L16 6h1.5A2.5 2.5 0 0 1 20 8.5v9a2.5 2.5 0 0 1-2.5 2.5h-11A2.5 2.5 0 0 1 4 17.5z'/%3E%3Cpath d='M14.8 11.5a3 3 0 0 0-5.3-.6M9.2 14.5a3 3 0 0 0 5.3.6M9.5 8.8v2.2h2.2M14.5 17.2V15h-2.2'/%3E%3C/svg%3E")}
.fa-caret-down::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 9h10l-5 6z' fill='%23000'/%3E%3C/svg%3E")}
.fa-caret-up::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 15h10l-5-6z' fill='%23000'/%3E%3C/svg%3E")}
.fa-chart-area::before,.fa-chart-line::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 4v16.5H21'/%3E%3Cpath d='m7 15 4-4.5 3 3L20 7'/%3E%3C/svg%3E")}
.fa-comment::before,.fa-comment-alt::before,.fa-comment-dots::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 12a8 8 0 0 1-11.7 7.1L4 20l1-4A8 8 0 1 1 20 12z'/%3E%3C/svg%3E")}
.fa-comment-slash::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 12a8 8 0 0 1-11.7 7.1L4 20l1-4A8 8 0 1 1 20 12z'/%3E%3Cpath d='m3.500 3.500 17 17'/%3E%3C/svg%3E")}
.fa-check::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E")}
.fa-check-circle::before,.fa-circle-check::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m8 12.3 2.7 2.7L16 9.5'/%3E%3C/svg%3E")}
.fa-angle-down::before,.fa-chevron-down::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 9 7 7 7-7'/%3E%3C/svg%3E")}
.fa-angle-double-left::before,.fa-angle-left::before,.fa-chevron-left::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 5-7 7 7 7'/%3E%3C/svg%3E")}
.fa-angle-double-right::before,.fa-angle-right::before,.fa-chevron-right::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 5 7 7-7 7'/%3E%3C/svg%3E")}
.fa-angle-up::before,.fa-chevron-up::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 15 7-7 7 7'/%3E%3C/svg%3E")}
.fa-circle::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8' fill='%23000'/%3E%3C/svg%3E")}
.fa-clock::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3.200 2'/%3E%3C/svg%3E")}
.fa-coins::before,.fa-dollar::before,.fa-dollar-sign::before,.fa-money-bill::before,.fa-money-bill-wave::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.500'/%3E%3Cpath d='M12 7.500v9M14.500 9.500h-3.800a1.800 1.800 0 0 0 0 3.600h2.600a1.800 1.800 0 0 1 0 3.600H9.500'/%3E%3C/svg%3E")}
.fa-comments::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 9.500a6.500 6.500 0 0 1-9.400 5.800L3.500 16.500l1-3.500A6.500 6.500 0 1 1 17 9.500z'/%3E%3Cpath d='M19.500 9.500a6 6 0 0 1 1 7l.5 3.500-3.500-1a6 6 0 0 1-2.500.5'/%3E%3C/svg%3E")}
.fa-clone::before,.fa-copy::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='8.5' y='8.5' width='12' height='12' rx='3'/%3E%3Cpath d='M15.5 8.5V6A2.5 2.5 0 0 0 13 3.5H6A2.5 2.5 0 0 0 3.5 6v7A2.5 2.5 0 0 0 6 15.5h2.5'/%3E%3C/svg%3E")}
.fa-crop::before,.fa-crop-alt::before,.fa-crop-simple::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3v14h14M3 7h14v14'/%3E%3C/svg%3E")}
.fa-crown::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 18.5h17M4.5 8l4.2 4 3.3-6 3.3 6 4.2-4-1.4 10.5H5.9z'/%3E%3C/svg%3E")}
.fa-arrow-pointer::before,.fa-mouse-pointer::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 3.500 6.500 16 2.300-6.700 6.700-2.300z'/%3E%3C/svg%3E")}
.fa-arrow-down-to-bracket::before,.fa-arrow-down-to-line::before,.fa-download::before,.fa-file-download::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v11m-4.500-4.500L12 15l4.500-4.500M4.500 19.500h15'/%3E%3C/svg%3E")}
.fa-expand::before,.fa-maximize::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 9V4h5M20 9V4h-5M4 15v5h5M20 15v5h-5'/%3E%3C/svg%3E")}
.fa-arrow-up-right-from-square::before,.fa-external-link::before,.fa-external-link-alt::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 4h6v6M20 4l-9 9M18 14v4.500a1.500 1.500 0 0 1-1.500 1.500h-11A1.500 1.500 0 0 1 4 18.500v-11A1.500 1.500 0 0 1 5.500 6H10'/%3E%3C/svg%3E")}
.fa-eye::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-6.5 10-6.5S22 12 22 12s-3.6 6.5-10 6.5S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E")}
.fa-eye-slash::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-6.5 10-6.5S22 12 22 12s-3.6 6.5-10 6.5S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='m4 4 16 16'/%3E%3C/svg%3E")}
.fa-newspaper::before,.fa-rss::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='3.5' width='16' height='17' rx='3.5'/%3E%3Cpath d='M8 8.5h8M8 12.5h8M8 16.5h5'/%3E%3C/svg%3E")}
.fa-file::before,.fa-file-archive::before,.fa-file-audio::before,.fa-file-excel::before,.fa-file-image::before,.fa-file-pdf::before,.fa-file-powerpoint::before,.fa-file-video::before,.fa-file-word::before,.fa-file-zipper::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.500 3.500h7L19 9v10.500a1 1 0 0 1-1 1H6.500a1 1 0 0 1-1-1v-15a1 1 0 0 1 1-1z'/%3E%3Cpath d='M13.500 3.500V9H19'/%3E%3C/svg%3E")}
.fa-file-alt::before,.fa-file-lines::before,.fa-file-text::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.500 3.500h7L19 9v10.500a1 1 0 0 1-1 1H6.500a1 1 0 0 1-1-1v-15a1 1 0 0 1 1-1z'/%3E%3Cpath d='M13.500 3.500V9H19M8.500 13h7M8.500 16.500h7'/%3E%3C/svg%3E")}
.fa-filter::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.500 5h17l-6.500 8v6l-4 2v-8z'/%3E%3C/svg%3E")}
.fa-flag::before,.fa-flag-checkered::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 21V4M5 5h11l-1.8 3.5L16 12H5'/%3E%3C/svg%3E")}
.fas.fa-flag::before,.fa-solid.fa-flag::before,.fas.fa-flag-checkered::before,.fa-solid.fa-flag-checkered::before{--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 21V4M5 5h11l-1.8 3.5L16 12H5'/%3E%3C/svg%3E")}
.fa-font::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 20 12 4l7 16M8 14.500h8'/%3E%3C/svg%3E")}
.fa-forward::before,.fa-forward-step::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 6 7 6-7 6zM13 6l7 6-7 6z'/%3E%3C/svg%3E")}
.fa-gem::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.500 4h11l4 5.500L12 20.500 2.500 9.500z'/%3E%3Cpath d='M2.500 9.500h19M9 4 7.500 9.500 12 20.500M15 4l1.500 5.500L12 20.500'/%3E%3C/svg%3E")}
.fa-gift::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.500' y='8.500' width='17' height='4' rx='1'/%3E%3Cpath d='M5 12.500v7a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-7M12 8.500v12M12 8.500C12 6 10.500 4 8.500 4a2 2 0 0 0 0 4.500M12 8.500C12 6 13.500 4 15.500 4a2 2 0 0 1 0 4.500'/%3E%3C/svg%3E")}
.fa-earth-africa::before,.fa-earth-americas::before,.fa-earth-europe::before,.fa-globe::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3c2.5 2.6 3.7 5.6 3.7 9s-1.2 6.4-3.7 9c-2.5-2.6-3.7-5.6-3.7-9S9.5 5.6 12 3z'/%3E%3C/svg%3E")}
.fa-graduation-cap::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m2.500 9.500 9.500-5 9.500 5-9.500 5z'/%3E%3Cpath d='M6.500 12v4.500c0 1.500 2.500 3 5.500 3s5.500-1.500 5.500-3V12M21.500 9.500v6'/%3E%3C/svg%3E")}
.fa-grip::before,.fa-table-cells-large::before,.fa-th::before,.fa-th-large::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.500' y='3.500' width='7' height='7' rx='2'/%3E%3Crect x='13.500' y='3.500' width='7' height='7' rx='2'/%3E%3Crect x='3.500' y='13.500' width='7' height='7' rx='2'/%3E%3Crect x='13.500' y='13.500' width='7' height='7' rx='2'/%3E%3C/svg%3E")}
.fa-people-roof::before,.fa-user-group::before,.fa-users-rectangle::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.4'/%3E%3Cpath d='M5.5 20c0-3.6 2.9-6.5 6.5-6.5s6.5 2.9 6.5 6.5z'/%3E%3Ccircle cx='4.8' cy='10.5' r='2'/%3E%3Ccircle cx='19.2' cy='10.5' r='2'/%3E%3C/svg%3E")}
.fa-hand-pointer::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 11V5.500a1.700 1.700 0 0 1 3.400 0V11M12.400 10.500a1.600 1.600 0 0 1 3.200 0v1a1.600 1.600 0 0 1 3.200.4v4.600c0 3-2 5-5 5h-1.500c-2 0-3.200-1-4.300-2.600L5 14.500a1.600 1.600 0 0 1 2.600-1.800L9 14.500'/%3E%3C/svg%3E")}
.fa-handshake::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 11 4-4 4 1.500 3-2L18 8l3 3-8 8-3-1.500L7 19z'/%3E%3C/svg%3E")}
.fa-hashtag::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.500 4 7.500 20M16.500 4l-2 16M4.500 9h16M3.500 15h16'/%3E%3C/svg%3E")}
.fa-headphones::before,.fa-headphones-alt::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 15v-3a8 8 0 0 1 16 0v3'/%3E%3Crect x='3.500' y='14' width='4' height='6.500' rx='1.500'/%3E%3Crect x='16.500' y='14' width='4' height='6.500' rx='1.500'/%3E%3C/svg%3E")}
.fa-heart::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20.5s-8-4.8-8-10.4A4.6 4.6 0 0 1 12 7.4a4.6 4.6 0 0 1 8 2.7c0 5.6-8 10.4-8 10.4z'/%3E%3C/svg%3E")}
.fas.fa-heart::before,.fa-solid.fa-heart::before{--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20.5s-8-4.8-8-10.4A4.6 4.6 0 0 1 12 7.4a4.6 4.6 0 0 1 8 2.7c0 5.6-8 10.4-8 10.4z'/%3E%3C/svg%3E")}
.fa-circle-question::before,.fa-question-circle::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M9.500 9.500a2.500 2.500 0 1 1 3.500 2.300c-.6.300-1 .8-1 1.500M12 16.800v.01'/%3E%3C/svg%3E")}
.fa-home::before,.fa-house::before,.fa-house-chimney::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10.5 12 3l9 7.5V20a1 1 0 0 1-1 1h-5v-6H9v6H4a1 1 0 0 1-1-1z'/%3E%3C/svg%3E")}
.fa-hourglass::before,.fa-hourglass-end::before,.fa-hourglass-half::before,.fa-hourglass-start::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.500 3.500h11M6.500 20.500h11M7.500 3.500c0 4 4.500 5.500 4.500 8.500s-4.500 4.500-4.500 8.500M16.500 3.500c0 4-4.500 5.500-4.500 8.500s4.500 4.500 4.500 8.500'/%3E%3C/svg%3E")}
.fa-address-card::before,.fa-id-badge::before,.fa-id-card::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='3'/%3E%3Ccircle cx='9' cy='11' r='2.200'/%3E%3Cpath d='M5.800 16c.5-1.700 1.800-2.500 3.200-2.500s2.700.8 3.200 2.500M14.500 10h4M14.500 13.500h3'/%3E%3C/svg%3E")}
.fa-image::before,.fa-images::before,.fa-panorama::before,.fa-photo-film::before,.fa-photo-video::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='4.5' width='17' height='15' rx='3'/%3E%3Ccircle cx='9' cy='10' r='1.7'/%3E%3Cpath d='m4 17 5-4.5 4 3.5 3-2.5 4.5 4'/%3E%3C/svg%3E")}
.fa-inbox::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.500 13.500 6 5.500a1 1 0 0 1 1-.7h10a1 1 0 0 1 1 .7l2.500 8M3.500 13.500v5a1 1 0 0 0 1 1h15a1 1 0 0 0 1-1v-5h-5.500a2.500 2.500 0 0 1-5 0z'/%3E%3C/svg%3E")}
.fa-circle-info::before,.fa-info::before,.fa-info-circle::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v5.500M12 7.800v.01'/%3E%3C/svg%3E")}
.fa-key::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='15' r='4.5'/%3E%3Cpath d='m11.500 12 8-8M16 7.500l2.500 2.500M14 9.500l2 2'/%3E%3C/svg%3E")}
.fa-layer-group::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 3.500 9 5-9 5-9-5z'/%3E%3Cpath d='m3 13 9 5 9-5'/%3E%3C/svg%3E")}
.fa-link::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 14a4 4 0 0 0 5.700 0l3-3a4 4 0 0 0-5.700-5.700l-1 1M14 10a4 4 0 0 0-5.700 0l-3 3a4 4 0 0 0 5.700 5.700l1-1'/%3E%3C/svg%3E")}
.fa-list::before,.fa-list-ul::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6.500h11M9 12h11M9 17.500h11M4.500 6.500v.01M4.500 12v.01M4.500 17.500v.01'/%3E%3C/svg%3E")}
.fa-list-check::before,.fa-tasks::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 6 1.500 1.500L8 5M4 12.500 5.500 14 8 11.500M4 19l1.500 1.500L8 18M11.500 6.500H20M11.500 13H20M11.500 19.500H20'/%3E%3C/svg%3E")}
.fa-bullseye-pointer::before,.fa-crosshairs::before,.fa-location-crosshairs::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='6.500'/%3E%3Ccircle cx='12' cy='12' r='1.800'/%3E%3Cpath d='M12 2.500v3M12 18.500v3M2.500 12h3M18.500 12h3'/%3E%3C/svg%3E")}
.fa-lock::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='11' width='14' height='10' rx='2.5'/%3E%3Cpath d='M8 11V8a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E")}
.fa-lock-open::before,.fa-unlock::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='11' width='14' height='10' rx='2.5'/%3E%3Cpath d='M8 11V8a4 4 0 0 1 7.6-1.7'/%3E%3C/svg%3E")}
.fa-envelope::before,.fa-envelope-circle-check::before,.fa-envelope-open::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5.500' width='18' height='13' rx='3'/%3E%3Cpath d='m4 8 8 5.500L20 8'/%3E%3C/svg%3E")}
.fa-location-dot::before,.fa-location-pin::before,.fa-map-marker::before,.fa-map-marker-alt::before,.fa-map-pin::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-6.2-7-11.5a7 7 0 0 1 14 0C19 14.8 12 21 12 21z'/%3E%3Ccircle cx='12' cy='9.5' r='2.5'/%3E%3C/svg%3E")}
.fa-bars::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6.500h16M4 12h16M4 17.500h16'/%3E%3C/svg%3E")}
.fa-comment-alt-lines::before,.fa-message::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.500 4h13A2.500 2.500 0 0 1 21 6.500v8a2.500 2.500 0 0 1-2.500 2.500H11l-5 4v-4h-.5A2.500 2.500 0 0 1 3 14.500v-8A2.500 2.500 0 0 1 5.500 4z'/%3E%3C/svg%3E")}
.fa-microphone::before,.fa-microphone-alt::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='3' width='6' height='11' rx='3'/%3E%3Cpath d='M5.500 11a6.500 6.500 0 0 0 13 0M12 17.500V21M9 21h6'/%3E%3C/svg%3E")}
.fa-minus::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E")}
.fa-mobile::before,.fa-mobile-alt::before,.fa-mobile-screen::before,.fa-mobile-screen-button::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7' y='3' width='10' height='18' rx='2.500'/%3E%3Cpath d='M11 18h2'/%3E%3C/svg%3E")}
.fa-moon::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 14.500A8.500 8.500 0 1 1 9.500 4a7 7 0 0 0 10.500 10.500z'/%3E%3C/svg%3E")}
.fa-ellipsis::before,.fa-ellipsis-h::before,.fa-ellipsis-horizontal::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='5.5' cy='12' r='1.4' fill='%23000'/%3E%3Ccircle cx='12' cy='12' r='1.4' fill='%23000'/%3E%3Ccircle cx='18.5' cy='12' r='1.4' fill='%23000'/%3E%3C/svg%3E")}
.fa-ellipsis-v::before,.fa-ellipsis-vertical::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='5.5' r='1.4' fill='%23000'/%3E%3Ccircle cx='12' cy='12' r='1.4' fill='%23000'/%3E%3Ccircle cx='12' cy='18.5' r='1.4' fill='%23000'/%3E%3C/svg%3E")}
.fa-music::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18V5l11-2v13'/%3E%3Ccircle cx='6.500' cy='18' r='2.500'/%3E%3Ccircle cx='17.500' cy='16' r='2.500'/%3E%3C/svg%3E")}
.fa-note-sticky::before,.fa-sticky-note::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3.500h12A2.500 2.500 0 0 1 20.500 6v8.500L14.500 20.500H6A2.500 2.500 0 0 1 3.500 18V6A2.500 2.500 0 0 1 6 3.500z'/%3E%3Cpath d='M14.500 20.500v-4a2 2 0 0 1 2-2h4'/%3E%3C/svg%3E")}
.fa-palette::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3a9 9 0 1 0 0 18c1.4 0 2-1 1.5-2.2-.5-1.2.3-2.3 1.7-2.3H17a4 4 0 0 0 4-4C21 6.8 17 3 12 3z'/%3E%3Ccircle cx='7.5' cy='11' r='1' /%3E%3Ccircle cx='10.5' cy='7' r='1'/%3E%3Ccircle cx='15.5' cy='7.5' r='1'/%3E%3C/svg%3E")}
.fa-paperclip::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m20 11-8.5 8.5a5 5 0 0 1-7-7L13.5 3.5a3.3 3.3 0 0 1 4.7 4.7L9.500 17a1.700 1.700 0 0 1-2.400-2.400l8-8'/%3E%3C/svg%3E")}
.fa-pause::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 5v14M16 5v14'/%3E%3C/svg%3E")}
.fa-edit::before,.fa-marker::before,.fa-pen::before,.fa-pen-nib::before,.fa-pen-to-square::before,.fa-pencil::before,.fa-pencil-alt::before,.fa-signature::before,.fa-square-pen::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20h4L19.5 8.5a2.8 2.8 0 0 0-4-4L4 16z'/%3E%3Cpath d='m13.5 6.5 4 4'/%3E%3C/svg%3E")}
.fa-people-group::before,.fa-user-friends::before,.fa-user-group-simple::before,.fa-users::before,.fa-users-line::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3.3'/%3E%3Cpath d='M3 20c0-3.3 2.7-6 6-6s6 2.7 6 6z'/%3E%3Ccircle cx='17' cy='9' r='2.4'/%3E%3Cpath d='M16.6 14.2c2.6.2 4.4 2.2 4.4 4.8h-3'/%3E%3C/svg%3E")}
.fa-percent::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 5 5 19'/%3E%3Ccircle cx='7' cy='7' r='2.500'/%3E%3Ccircle cx='17' cy='17' r='2.500'/%3E%3C/svg%3E")}
.fa-phone::before,.fa-phone-alt::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.500 3.500h3L10 8 8 9.500a11 11 0 0 0 5 5l1.500-2 4.500 1.500v3a2 2 0 0 1-2 2A15.500 15.500 0 0 1 3.500 5.500a2 2 0 0 1 2-2z'/%3E%3C/svg%3E")}
.fa-thumb-tack::before,.fa-thumbtack::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 4h6l-1 6 3 3v1.5H7V13l3-3z'/%3E%3Cpath d='M12 14.5V21'/%3E%3C/svg%3E")}
.fas.fa-thumb-tack::before,.fa-solid.fa-thumb-tack::before,.fas.fa-thumbtack::before,.fa-solid.fa-thumbtack::before{--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 4h6l-1 6 3 3v1.5H7V13l3-3z'/%3E%3Cpath d='M12 14.5V21'/%3E%3C/svg%3E")}
.fa-play::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 4.5v15l12-7.5z' fill='%23000'/%3E%3C/svg%3E")}
.fa-circle-play::before,.fa-play-circle::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M10 8.500v7l5.500-3.500z'/%3E%3C/svg%3E")}
.fa-plus::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E")}
.fa-circle-plus::before,.fa-plus-circle::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 8v8M8 12h8'/%3E%3C/svg%3E")}
.fa-poll::before,.fa-square-poll-vertical::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='3.5' width='17' height='17' rx='3.5'/%3E%3Cpath d='M8 17v-5M12 17V7M16 17v-3'/%3E%3C/svg%3E")}
.fa-qrcode::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='3.5' width='7' height='7' rx='1.5'/%3E%3Crect x='13.5' y='3.5' width='7' height='7' rx='1.5'/%3E%3Crect x='3.5' y='13.5' width='7' height='7' rx='1.5'/%3E%3Cpath d='M14 14h3v3h-3zM20.5 14v.01M14 20.5v.01M17.5 20.5h3V17'/%3E%3C/svg%3E")}
.fa-quote-left::before,.fa-quote-right::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.500 6h-4A1.500 1.500 0 0 0 4 7.500V12h4.500v3.500A3.500 3.500 0 0 1 5 19M19.500 6h-4a1.500 1.500 0 0 0-1.500 1.500V12h4.500v3.500A3.500 3.500 0 0 1 15 19'/%3E%3C/svg%3E")}
.fa-repeat::before,.fa-retweet::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m17 3 3.5 3.5L17 10'/%3E%3Cpath d='M4 11V9.5a3 3 0 0 1 3-3h13.5'/%3E%3Cpath d='m7 21-3.5-3.5L7 14'/%3E%3Cpath d='M20 13v1.5a3 3 0 0 1-3 3H3.5'/%3E%3C/svg%3E")}
.fa-arrow-turn-left::before,.fa-reply::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m10 5-7 7 7 7'/%3E%3Cpath d='M3 12h12a6 6 0 0 1 6 6v1'/%3E%3C/svg%3E")}
.fa-rocket::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 4.500c3.200-1.400 5.400-1.200 5.600-1.100.1.200.3 2.400-1.100 5.600L13 14.500 9.500 11z'/%3E%3Cpath d='M9.500 11 6 11.500l-2 3.500 3.500-.5M13 14.500l-.5 3.500-3.500 2 .5-3.500'/%3E%3Ccircle cx='14.700' cy='9.300' r='1.200'/%3E%3C/svg%3E")}
.fa-arrow-rotate-left::before,.fa-clock-rotate-left::before,.fa-history::before,.fa-rotate-left::before,.fa-undo::before,.fa-undo-alt::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12a8 8 0 1 0 2.500-5.800'/%3E%3Cpath d='M3.500 4v4.500H8'/%3E%3C/svg%3E")}
.fa-arrow-rotate-right::before,.fa-arrows-rotate::before,.fa-redo::before,.fa-redo-alt::before,.fa-rotate::before,.fa-rotate-right::before,.fa-sync::before,.fa-sync-alt::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 12a8 8 0 1 1-2.500-5.800'/%3E%3Cpath d='M20.500 4v4.500H16'/%3E%3C/svg%3E")}
.fa-floppy-disk::before,.fa-save::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 3.500h11l3.500 3.500V19.500a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-15a1 1 0 0 1 1-1z'/%3E%3Cpath d='M8 3.500v5h7v-5M8 20.500v-6h8v6'/%3E%3C/svg%3E")}
.fa-cut::before,.fa-scissors::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6.500' cy='6.500' r='2.700'/%3E%3Ccircle cx='6.500' cy='17.500' r='2.700'/%3E%3Cpath d='M8.500 8.500 20 20M8.500 15.500 20 4'/%3E%3C/svg%3E")}
.fa-magnifying-glass::before,.fa-search::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='m20 20-4.2-4.2'/%3E%3C/svg%3E")}
.fa-magnifying-glass-minus::before,.fa-search-minus::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='m20 20-4.2-4.2'/%3E%3Cpath d='M8.500 11h5'/%3E%3C/svg%3E")}
.fa-magnifying-glass-plus::before,.fa-search-plus::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='m20 20-4.2-4.2'/%3E%3Cpath d='M11 8.500v5M8.500 11h5'/%3E%3C/svg%3E")}
.fa-paper-plane::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21 3-18 7.5 7 3 3 7z'/%3E%3Cpath d='M10 13.5 21 3'/%3E%3C/svg%3E")}
.fa-cog::before,.fa-cogs::before,.fa-gear::before,.fa-gears::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3.200'/%3E%3Ccircle cx='12' cy='12' r='6.800'/%3E%3Cpath d='M12 2.500v2.700M12 18.800v2.700M2.500 12h2.700M18.800 12h2.700M5.300 5.300l1.900 1.900M16.800 16.800l1.900 1.900M18.700 5.300l-1.900 1.900M7.200 16.800l-1.900 1.900'/%3E%3C/svg%3E")}
.fa-share::before,.fa-share-from-square::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m14 5 7 7-7 7'/%3E%3Cpath d='M21 12H9a6 6 0 0 0-6 6v1'/%3E%3C/svg%3E")}
.fa-share-alt::before,.fa-share-nodes::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='18' cy='5.5' r='2.5'/%3E%3Ccircle cx='6' cy='12' r='2.5'/%3E%3Ccircle cx='18' cy='18.5' r='2.5'/%3E%3Cpath d='m8.2 10.8 7.6-4.1M8.2 13.2l7.6 4.1'/%3E%3C/svg%3E")}
.fa-shield::before,.fa-shield-alt::before,.fa-shield-halved::before,.fa-user-shield::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 4.5 6v6c0 4.5 3.2 7.8 7.5 9 4.3-1.2 7.5-4.5 7.5-9V6z'/%3E%3Cpath d='M12 3v18'/%3E%3C/svg%3E")}
.fa-right-from-bracket::before,.fa-sign-out::before,.fa-sign-out-alt::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 4.500H6.500a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2H10M15 8l4 4-4 4M19 12H9.500'/%3E%3C/svg%3E")}
.fa-sliders::before,.fa-sliders-h::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h9M17 7h3M4 17h3M11 17h9'/%3E%3Ccircle cx='15' cy='7' r='2'/%3E%3Ccircle cx='9' cy='17' r='2'/%3E%3C/svg%3E")}
.fa-face-grin::before,.fa-face-smile::before,.fa-grin::before,.fa-laugh::before,.fa-smile::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8.500 14a4.500 4.500 0 0 0 7 0M9 9.500v.01M15 9.500v.01'/%3E%3C/svg%3E")}
.fa-circle-notch::before,.fa-spinner::before,.fa-sync-alt-spin::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3a9 9 0 1 0 9 9'/%3E%3C/svg%3E")}
.fa-square::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4.500' y='4.500' width='15' height='15' rx='3'/%3E%3C/svg%3E")}
.fa-star::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 3.500 2.700 5.600 6.100.8-4.500 4.200 1.100 6-5.400-3-5.400 3 1.100-6L3.200 9.900l6.100-.8z'/%3E%3C/svg%3E")}
.fas.fa-star::before,.fa-solid.fa-star::before{--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 3.500 2.700 5.600 6.100.8-4.500 4.200 1.100 6-5.400-3-5.400 3 1.100-6L3.200 9.900l6.100-.8z'/%3E%3C/svg%3E")}
.fa-stop::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='6' width='12' height='12' rx='2.500' fill='%23000'/%3E%3C/svg%3E")}
.fa-circle-stop::before,.fa-stop-circle::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Crect x='9' y='9' width='6' height='6' rx='1' fill='%23000'/%3E%3C/svg%3E")}
.fa-shop::before,.fa-store::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 9.500 5.500 4h13L20 9.500M4 9.500a2.700 2.700 0 0 0 5.300 0 2.700 2.700 0 0 0 5.400 0 2.700 2.700 0 0 0 5.300 0M5.500 12.500V20h13v-7.500M10 20v-4.500h4V20'/%3E%3C/svg%3E")}
.fa-tag::before,.fa-tags::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.500 12.500V4.500a1 1 0 0 1 1-1h8l8 8-9 9z'/%3E%3Ccircle cx='8.500' cy='8.500' r='1.200'/%3E%3C/svg%3E")}
.fa-bullseye::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Ccircle cx='12' cy='12' r='5'/%3E%3Ccircle cx='12' cy='12' r='1.200' /%3E%3C/svg%3E")}
.fa-thumbs-down::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 13V4H4v9zM7 13l3.500 6.500a2.200 2.200 0 0 0 3-2.200L13 14h5.300a2.200 2.200 0 0 0 2.100-2.800l-1.800-6A2.200 2.200 0 0 0 16.500 3.500H7'/%3E%3C/svg%3E")}
.fas.fa-thumbs-down::before,.fa-solid.fa-thumbs-down::before{--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 13V4H4v9zM7 13l3.500 6.500a2.200 2.200 0 0 0 3-2.200L13 14h5.300a2.200 2.200 0 0 0 2.100-2.800l-1.800-6A2.200 2.200 0 0 0 16.500 3.500H7'/%3E%3C/svg%3E")}
.fa-thumbs-up::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 11V20H4V11zM7 11l3.500-6.500a2.200 2.200 0 0 1 3 2.200L13 10h5.300a2.200 2.200 0 0 1 2.100 2.800l-1.800 6A2.200 2.200 0 0 1 16.500 20.500H7'/%3E%3C/svg%3E")}
.fas.fa-thumbs-up::before,.fa-solid.fa-thumbs-up::before{--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 11V20H4V11zM7 11l3.500-6.500a2.200 2.200 0 0 1 3 2.200L13 10h5.300a2.200 2.200 0 0 1 2.100 2.800l-1.800 6A2.200 2.200 0 0 1 16.500 20.500H7'/%3E%3C/svg%3E")}
.fa-trash::before,.fa-trash-alt::before,.fa-trash-can::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16M9.5 7V4.5h5V7M6.5 7l1 13h9l1-13M10 11v6M14 11v6'/%3E%3C/svg%3E")}
.fa-truck::before,.fa-truck-moving::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.500 6.500h11v10h-11zM13.500 9.500h4l3 3.500v3.500h-7'/%3E%3Ccircle cx='7' cy='17.500' r='2'/%3E%3Ccircle cx='17' cy='17.500' r='2'/%3E%3C/svg%3E")}
.fa-user::before,.fa-user-cog::before,.fa-user-edit::before,.fa-user-gear::before,.fa-user-pen::before,.fa-user-tag::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4.4 3.6-8 8-8s8 3.6 8 8z'/%3E%3C/svg%3E")}
.fa-user-check::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10' cy='8' r='4'/%3E%3Cpath d='M2.5 21c0-4.1 3.4-7 7.5-7s7.5 2.9 7.5 7z'/%3E%3Cpath d='m16.5 8.5 2 2 3.5-3.5'/%3E%3C/svg%3E")}
.fa-circle-user::before,.fa-user-circle::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3Cpath d='M6 18.5c1.2-2 3.2-3 6-3s4.8 1 6 3'/%3E%3C/svg%3E")}
.fa-user-minus::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10' cy='8' r='4'/%3E%3Cpath d='M2.5 21c0-4.1 3.4-7 7.5-7s7.5 2.9 7.5 7z'/%3E%3Cpath d='M16.5 8.5h5.5'/%3E%3C/svg%3E")}
.fa-user-slash::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4.4 3.6-8 8-8s8 3.6 8 8z'/%3E%3Cpath d='m3.5 3.5 17 17'/%3E%3C/svg%3E")}
.fa-user-plus::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10' cy='8' r='4'/%3E%3Cpath d='M2.5 21c0-4.1 3.4-7 7.5-7s7.5 2.9 7.5 7z'/%3E%3Cpath d='M19 5.5v6M16 8.5h6'/%3E%3C/svg%3E")}
.fa-video::before,.fa-video-camera::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='6' width='13' height='12' rx='3.5'/%3E%3Cpath d='m16 10.5 5-3v9l-5-3z'/%3E%3C/svg%3E")}
.fa-video-slash::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='6' width='13' height='12' rx='3.5'/%3E%3Cpath d='m16 10.5 5-3v9l-5-3z'/%3E%3Cpath d='m3 3 18 18'/%3E%3C/svg%3E")}
.fa-volume-mute::before,.fa-volume-off::before,.fa-volume-xmark::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 9.5h3.5L12 5.5v13l-4.5-4H4z'/%3E%3Cpath d='m16 9.5 5 5M21 9.5l-5 5'/%3E%3C/svg%3E")}
.fa-volume-high::before,.fa-volume-up::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 9.5h3.5L12 5.5v13l-4.5-4H4z'/%3E%3Cpath d='M16 9a4.5 4.5 0 0 1 0 6M18.7 6.3a8 8 0 0 1 0 11.4'/%3E%3C/svg%3E")}
.fa-wallet::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7.500A2.500 2.500 0 0 1 6.500 5H18v3'/%3E%3Crect x='3.500' y='7.500' width='17' height='12' rx='3'/%3E%3Ccircle cx='16.500' cy='13.500' r='1' /%3E%3C/svg%3E")}
.fa-magic::before,.fa-wand-magic::before,.fa-wand-magic-sparkles::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 19 9-9'/%3E%3Cpath d='m13 5.500 1.500-1.500 4.500 4.500-1.500 1.500z'/%3E%3Cpath d='M5 4v3M3.500 5.500h3M19 15v3M17.500 16.500h3'/%3E%3C/svg%3E")}
.fa-wifi::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.500 9.500a14 14 0 0 1 19 0M5.500 13a9.500 9.500 0 0 1 13 0M8.500 16.300a5 5 0 0 1 7 0M12 19.500v.01'/%3E%3C/svg%3E")}
.fa-close::before,.fa-multiply::before,.fa-remove::before,.fa-times::before,.fa-xmark::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 6 12 12M18 6 6 18'/%3E%3C/svg%3E")}
.fa-circle-xmark::before,.fa-times-circle::before,.fa-xmark-circle::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.15em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--wki);mask-image:var(--wki);--wki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m9 9 6 6M15 9l-6 6'/%3E%3C/svg%3E")}

/* ==========================================================================
   UI refresh: feed cards, stories, communities, collections, network, discover
   ========================================================================== */
/* -- post media: never crop tall photos/videos; letterbox instead -- */
.post-media-single { max-height: min(80vh, 760px); }
.post-media-single img, .post-media-single video { object-fit: contain; background: #000; }
.post-media-slide { max-height: min(80vh, 760px); }
.post-media-slide img, .post-media-slide video { object-fit: contain; background: #000; }
.post-content { white-space: pre-wrap; }
/* -- post actions: one tidy row, owner tools (insights, boost) visible, save on the right -- */
.post-actions { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; align-items: center; gap: 2px; padding: 6px 10px; }
.post-actions::-webkit-scrollbar { display: none; }
.post-action { flex: 0 0 auto; padding: 8px 12px; min-width: 40px; white-space: nowrap; }
.post-action span { font-variant-numeric: tabular-nums; font-weight: 600; }
.post-action[title="Insights"], .post-action[title="Boost"] { color: var(--indigo); }
.post-action[title="Save"], .post-action[title="Unsave"] { margin-left: auto; }
/* -- create bar + floating + -- */
.create-bar { display: flex; gap: 8px; align-items: stretch; margin: 2px 0 14px; }
.create-bar-main { flex: 1; min-width: 0; display: flex; align-items: center; gap: 10px; padding: 8px 8px 8px 8px; background: var(--surface); border: 1px solid var(--border-light); border-radius: 999px; cursor: pointer; color: var(--text-muted); font-size: 13px; }
.create-bar-main img { width: 34px; height: 34px; border-radius: 50%; object-fit: cover; flex-shrink: 0; }
.create-bar-main span { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.create-bar-plus { width: 34px; height: 34px; border-radius: 50%; background: var(--indigo); color: #fff; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.create-bar-btn { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; min-width: 58px; padding: 6px 10px; border-radius: 16px; background: var(--surface); border: 1px solid var(--border-light); color: var(--text-secondary); cursor: pointer; font-size: 10px; font-family: inherit; }
.create-bar-btn i { font-size: 16px; color: var(--indigo); }
.wk-fab { position: fixed; left: 50%; transform: translateX(-50%); bottom: calc(74px + env(safe-area-inset-bottom, 0px)); width: 54px; height: 54px; border-radius: 50%; border: 3px solid var(--black); background: var(--indigo); color: #fff; font-size: 20px; display: none; align-items: center; justify-content: center; cursor: pointer; z-index: 900; box-shadow: 0 8px 24px rgba(79,70,229,.45); }
body[data-section="feed"] .wk-fab { display: flex; }
body.chat-open .wk-fab, body.chat-open .tiny-fab { display: none !important; }
@media (min-width: 900px) { .wk-fab { bottom: 28px; left: auto; right: 96px; transform: none; } }
/* -- story ring: an "orbit" of broken arcs that slowly turns (new = lit, seen = quiet) -- */
.story-bar-ring { position: relative; padding: 6px; background: none !important; border: 0 !important; }
.story-bar-ring::before { content: ""; position: absolute; inset: 0; border-radius: 50%;
    background: conic-gradient(from 0deg, #6366F1 0 14%, transparent 14% 20%, #22D3EE 20% 38%, transparent 38% 44%, #A78BFA 44% 62%, transparent 62% 68%, #F472B6 68% 86%, transparent 86% 92%, #6366F1 92% 100%);
    -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 3px), #000 calc(100% - 2.5px)); mask: radial-gradient(farthest-side, transparent calc(100% - 3px), #000 calc(100% - 2.5px));
    animation: wk-orbit 9s linear infinite; }
.story-bar-ring::after { content: ""; position: absolute; top: 1px; left: 50%; width: 7px; height: 7px; margin-left: -3.5px; border-radius: 50%; background: #22D3EE; box-shadow: 0 0 8px #22D3EE; transform-origin: 50% 28px; animation: wk-orbit 6s linear infinite; }
.story-bar-ring.seen::before { background: conic-gradient(var(--border-strong) 0 100%); animation: none; opacity: .55; }
.story-bar-ring.seen::after { display: none; }
.story-bar-ring.add-own::before { background: none; border: 2px dashed var(--text-muted); animation: none; -webkit-mask: none; mask: none; }
.story-bar-ring.add-own::after { display: none; }
.story-bar-avatar { border: 0 !important; }
@keyframes wk-orbit { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .story-bar-ring::before, .story-bar-ring::after { animation: none; } }
/* -- communities: roomier cards, visible icons -- */
.comm-create-btn { margin-bottom: 16px; }
.comm-tabs { margin-bottom: 18px; gap: 4px; }
.comm-tab { padding: 11px 18px; }
.comm-search { margin-bottom: 18px; }
.comm-grid { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 16px; }
.comm-card { background: var(--surface); border: 1px solid var(--border-light); border-radius: 18px; overflow: hidden; display: flex; flex-direction: column; }
.comm-card-cover { height: 104px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, rgba(99,102,241,.25), rgba(34,211,238,.15)); }
.comm-card-cover img { width: 100%; height: 100%; object-fit: cover; }
.comm-card-cover i { font-size: 38px !important; color: var(--indigo); }
.comm-card-body { padding: 14px 16px 16px; display: flex; flex-direction: column; gap: 6px; }
.comm-card-name { font-size: 15px; font-weight: 700; display: flex; align-items: center; gap: 6px; line-height: 1.3; }
.comm-card-meta { font-size: 12px; color: var(--text-muted); }
/* -- saved / liked collections -- */
.coll-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; gap: 10px; }
.coll-toggle { display: flex; background: var(--surface); border: 1px solid var(--border-light); border-radius: 12px; padding: 3px; }
.coll-toggle button { border: 0; background: none; color: var(--text-muted); width: 34px; height: 30px; border-radius: 9px; cursor: pointer; font-size: 14px; }
.coll-toggle button.on { background: var(--indigo); color: #fff; }
.coll-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; }
@media (min-width: 700px) { .coll-grid { grid-template-columns: repeat(4, 1fr); gap: 8px; } }
.coll-tile { position: relative; aspect-ratio: 1; overflow: hidden; border-radius: 10px; background: #0d0d11; cursor: pointer; }
.coll-tile img, .coll-tile video { width: 100%; height: 100%; object-fit: cover; display: block; }
.coll-text { display: flex; flex-direction: column; justify-content: space-between; padding: 10px; background: linear-gradient(160deg, var(--surface-2), var(--surface)); border: 1px solid var(--border-light); }
.coll-text-body { font-size: 12px; line-height: 1.4; color: var(--text-primary); overflow: hidden; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; }
.coll-text-by { font-size: 10px; color: var(--text-muted); margin-top: 6px; }
.coll-badge { position: absolute; top: 6px; right: 6px; color: #fff; font-size: 12px; text-shadow: 0 1px 4px rgba(0,0,0,.6); }
.coll-over { position: absolute; left: 0; right: 0; bottom: 0; display: flex; gap: 10px; padding: 18px 8px 6px; font-size: 11px; font-weight: 700; color: #fff; background: linear-gradient(transparent, rgba(0,0,0,.7)); opacity: 0; transition: opacity .15s; }
.coll-tile:hover .coll-over, .coll-tile:active .coll-over { opacity: 1; }
@media (hover: none) { .coll-over { opacity: 1; } }
/* -- network: cards in a responsive grid, titles span the row -- */
#networkSection.active { display: grid; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); gap: 10px 12px; align-content: start; }
#networkSection .section-title, #networkSection .empty-state { grid-column: 1 / -1; margin-top: 10px; }
#networkSection .contact-card { margin: 0; border-radius: 18px; padding: 12px 14px; flex-wrap: wrap; }
#networkSection .contact-actions { flex-wrap: wrap; }
/* -- discover: cards, with Follow / Connect / Chat tucked behind a tap -- */
.disc-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 14px; }
.disc-search-wrap { position: relative; flex: 1; min-width: 200px; max-width: 340px; }
.disc-search-wrap i { position: absolute; left: 13px; top: 50%; transform: translateY(-50%); color: var(--text-muted); font-size: 13px; }
.disc-search { width: 100%; box-sizing: border-box; padding: 10px 14px 10px 36px; border-radius: 999px; border: 1px solid var(--border-light); background: var(--surface); color: var(--text-primary); font-size: 13px; }
.disc-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 12px; }
.disc-card { position: relative; background: var(--surface); border: 1px solid var(--border-light); border-radius: 20px; padding: 18px 12px 14px; text-align: center; cursor: pointer; transition: border-color .2s, transform .2s; display: flex; flex-direction: column; align-items: center; }
.disc-card:hover, .disc-card.open { border-color: var(--indigo); }
.disc-avatar { width: 68px; height: 68px; border-radius: 50%; position: relative; margin-bottom: 10px; }
.disc-avatar img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }
.disc-avatar .online-dot, .disc-avatar .offline-dot { position: absolute; right: 2px; bottom: 2px; }
.disc-name { font-weight: 700; font-size: 14px; display: flex; align-items: center; gap: 4px; justify-content: center; max-width: 100%; }
.disc-sub { font-size: 12px; color: var(--text-muted); margin-top: 2px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.disc-loc { font-size: 11px; color: var(--text-muted); margin-top: 6px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.disc-more { position: absolute; top: 8px; right: 8px; width: 28px; height: 28px; border-radius: 50%; border: 0; background: transparent; color: var(--text-muted); cursor: pointer; opacity: .55; }
.disc-card:hover .disc-more, .disc-card.open .disc-more { opacity: 1; }
.disc-actions { display: flex; gap: 6px; justify-content: center; flex-wrap: wrap; max-height: 0; opacity: 0; overflow: hidden; margin-top: 0; transition: max-height .25s ease, opacity .2s ease, margin-top .2s ease; }
.disc-card.open .disc-actions { max-height: 120px; opacity: 1; margin-top: 12px; }
@media (hover: hover) { .disc-card:hover .disc-actions { max-height: 120px; opacity: 1; margin-top: 12px; } }
.disc-actions button { border: 1px solid var(--border-light); background: var(--surface-2); color: var(--text-primary); border-radius: 999px; padding: 6px 11px; font-size: 11.5px; font-weight: 600; cursor: pointer; font-family: inherit; display: inline-flex; align-items: center; gap: 5px; }
.disc-actions button:nth-child(2) { background: var(--indigo); border-color: var(--indigo); color: #fff; }
/* -- profile: edit button and settings gear share one centred line -- */
.pm-action-btns { align-items: center !important; }
.pm-action-btns .pm-btn { height: 38px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; box-sizing: border-box; margin: 0; }
.pm-action-btns > div[style*="relative"] { display: flex; align-items: center; align-self: center; }
.pm-settings-btn { width: 38px; height: 38px; padding: 0; margin: 0; box-sizing: border-box; flex-shrink: 0; }
/* -- badges: Manage sits under the badges -- */
.pm-badges-manage { display: inline-flex; align-items: center; gap: 6px; margin-top: 10px; padding: 7px 14px; border-radius: 999px; border: 1px solid var(--border-light); background: var(--surface); color: var(--text-primary); font-size: 12px; font-weight: 600; cursor: pointer; font-family: inherit; }
.pm-badges-manage i { color: var(--indigo); }
/* -- chat: only the conversation shows (like WhatsApp) -- */
body.chat-open .top-nav, body.chat-open .bottom-nav, body.chat-open #navCenter { display: none !important; }
body.chat-open #chatSection { top: 0 !important; z-index: 2000; }
/* -- invite friends: clearer sections -- */
.inv-card { display: flex; flex-direction: column; gap: 6px; }
.inv-card .wk-label { margin: 16px 0 6px; padding-top: 14px; border-top: 1px solid var(--border-light); text-transform: uppercase; letter-spacing: .06em; font-size: 11px; font-weight: 700; color: var(--text-muted); }
.inv-card .inv-hero + .inv-stats + .wk-label, .inv-card .inv-stats + span + .wk-label { border-top: 0; padding-top: 0; }
.inv-stats { margin-bottom: 4px; }
.inv-card .invite-results { margin-top: 8px; }
.inv-admin { margin-top: 18px; padding: 14px; border: 1px dashed var(--border-strong); border-radius: 16px; background: var(--surface); }

/* ===== batch 3: Tiny on desktop, PIN pad, pending chat bubbles, scheduling ===== */
@media (min-width: 769px) {
  .tiny-panel { height: min(620px, calc(100vh - 40px)) !important; max-height: calc(100vh - 40px); bottom: 20px !important; top: auto !important; }
  .tiny-panel.active { display: flex; flex-direction: column; }
  .tiny-panel > :not(.tiny-panel-header):not(.tiny-input-row):not(.tiny-input-wrap) { min-height: 0; }
  .tiny-panel .tiny-messages, .tiny-panel #tinyMessages { flex: 1 1 auto; min-height: 0; overflow-y: auto; }
  .tiny-panel-header { flex: 0 0 auto; }
}
.sched-badge { margin: 12px 16px 0; padding: 7px 12px; border-radius: 12px; background: rgba(99,102,241,.14); color: var(--indigo); font-size: 12px; font-weight: 600; display: flex; align-items: center; gap: 8px; }
.sched-input { width: 100%; box-sizing: border-box; padding: 10px 12px; border-radius: 12px; border: 1px solid var(--border-light); background: var(--surface-2); color: var(--text-primary); font-family: inherit; }
.msg-pending { opacity: .72; }
.msg-pending .pending-meta { font-size: 11px; margin-top: 4px; display: flex; gap: 10px; align-items: center; justify-content: flex-end; opacity: .9; }
.msg-pending.slow .pending-meta span { cursor: pointer; text-decoration: underline; }
/* PIN pad: round keys with a ring, larger dots */
.pin-card { text-align: center; }
.pin-lock { width: 64px; height: 64px; margin: 0 auto 10px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 24px; color: var(--indigo); background: radial-gradient(circle at 30% 25%, rgba(99,102,241,.35), rgba(99,102,241,.08)); border: 1.5px solid rgba(99,102,241,.5); }
.pin-dots { display: flex; justify-content: center; gap: 16px; margin: 18px 0 22px; }
.pin-dots i { width: 16px; height: 16px; border-radius: 50%; border: 2px solid var(--border-strong); background: transparent; transition: all .15s; }
.pin-dots i.on { background: var(--indigo); border-color: var(--indigo); transform: scale(1.15); box-shadow: 0 0 12px rgba(99,102,241,.6); }
.pin-pad { display: grid !important; grid-template-columns: repeat(3, 72px); justify-content: center; gap: 14px 18px; }
.pin-pad button { width: 72px; height: 72px; border-radius: 50% !important; border: 1.5px solid var(--border-light); background: var(--surface-2); color: var(--text-primary); font-size: 24px; font-weight: 600; font-family: inherit; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: transform .1s, background .15s, border-color .15s; padding: 0; }
.pin-pad button:hover { border-color: var(--indigo); }
.pin-pad button:active { transform: scale(.92); background: rgba(99,102,241,.25); }
.pin-pad button.ghost { background: transparent; border-color: transparent; color: var(--text-muted); font-size: 18px; }
.pin-forgot { margin-top: 18px; background: none; border: 0; color: var(--indigo); font-size: 13px; cursor: pointer; font-family: inherit; }
/* Tiny: the body fills what is left under the header, so the input row is never pushed off-screen on short desktop windows */
.tiny-panel-body { flex: 1 1 0; min-height: 0; display: flex; flex-direction: column; overflow: hidden; }
.tiny-panel-body > * { min-height: 0; }

/* ===== batch 4: layout fixes from review ===== */
/* no duplicate create module / white orbs */
.create-bar, .wk-fab { display: none !important; }
/* post actions: one compact cluster, no stretched gaps on desktop */
.post-actions { justify-content: flex-start !important; gap: 4px; }
.post-action { flex: 0 0 auto !important; }
.post-action[title="Save"], .post-action[title="Unsave"] { margin-left: 0 !important; }
.post-action.share-menu { margin-left: 0; }
/* discover: names and emails never leave the tile */
.disc-card { min-width: 0; overflow: hidden; }
.disc-name { display: block !important; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 6px; box-sizing: border-box; }
.disc-name .verified-icon { margin-left: 4px; }
/* connections / network: avatar + name on top, actions on their own row */
#networkSection.active { grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); }
#networkSection .contact-card { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 12px; }
#networkSection .contact-info { flex: 1 1 140px; min-width: 0; }
#networkSection .contact-name { flex-wrap: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; }
#networkSection .contact-actions { flex: 1 1 100%; margin-left: 0; display: flex; gap: 8px; }
#networkSection .contact-actions .action-btn { flex: 1; justify-content: center; }
/* community header: buttons wrap instead of stretching off the card */
.comm-header-actions { display: flex !important; flex-wrap: wrap; gap: 10px; }
.comm-header-actions .btn { width: auto !important; flex: 0 0 auto !important; white-space: nowrap; }
.comm-header-body { min-width: 0; }
.comm-header-name, .comm-header-meta { overflow-wrap: anywhere; }
/* comment replies */
.comment-meta { display: flex; gap: 14px; align-items: center; margin-top: 3px; font-size: 11px; color: var(--text-muted); }
.comment-reply-btn { cursor: pointer; font-weight: 600; }
.comment-reply-btn:hover { color: var(--text-primary); }
.comment-thread { margin-left: 34px; border-left: 2px solid var(--border-light); padding-left: 10px; }
.comment-reply .comment-avatar { width: 26px; height: 26px; }
.reply-chip { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin: 6px 12px 0; padding: 6px 12px; border-radius: 12px; background: var(--surface-2); font-size: 12px; color: var(--text-secondary); }
.reply-chip span:last-child { cursor: pointer; }
/* quick stats + scheduled messages */
.qs-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.qs-grid > div { background: var(--surface-2); border-radius: 14px; padding: 14px; text-align: center; }
.qs-grid b { display: block; font-size: 22px; } .qs-grid span { font-size: 12px; color: var(--text-muted); }
.sched-item { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 10px 12px; border-radius: 12px; background: var(--surface-2); margin-bottom: 6px; font-size: 13px; }
.sched-item small { color: var(--text-muted); } .sched-item > span { cursor: pointer; padding: 4px 8px; }

/* ===== batch 5: new story ring everywhere, LIVE ring, live strip/pill, community management, voice ===== */
.story-bar-ring.add-own::before { background: conic-gradient(from 0deg, rgba(99,102,241,.45) 0 14%, transparent 14% 20%, rgba(34,211,238,.45) 20% 38%, transparent 38% 44%, rgba(167,139,250,.45) 44% 62%, transparent 62% 68%, rgba(244,114,182,.45) 68% 86%, transparent 86% 92%, rgba(99,102,241,.45) 92% 100%) !important; border: 0 !important; animation: none !important; -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 3px), #000 calc(100% - 2.5px)) !important; mask: radial-gradient(farthest-side, transparent calc(100% - 3px), #000 calc(100% - 2.5px)) !important; }
.story-bar-ring.live::before { background: conic-gradient(#FF2D55, #FF8A00, #FF2D55 50%, #FF8A00, #FF2D55); animation: wk-orbit 3.5s linear infinite; }
.story-bar-ring.live::after { background: #FF2D55; box-shadow: 0 0 10px #FF2D55; display: block; animation-duration: 3.5s; }
.live-tag { position: absolute; left: 50%; bottom: -5px; transform: translateX(-50%); background: #FF2D55; color: #fff; font-size: 8.5px; font-weight: 800; letter-spacing: .06em; padding: 1px 6px; border-radius: 6px; border: 2px solid var(--black); z-index: 3; }
.live-dot { width: 8px; height: 8px; border-radius: 50%; background: #FF2D55; display: inline-block; box-shadow: 0 0 0 0 rgba(255,45,85,.6); animation: wk-pulse 1.6s infinite; }
@keyframes wk-pulse { 70% { box-shadow: 0 0 0 7px rgba(255,45,85,0); } 100% { box-shadow: 0 0 0 0 rgba(255,45,85,0); } }
.live-strip { margin: 12px 0; padding: 12px 12px 6px; background: var(--surface); border: 1px solid var(--border-light); border-radius: 18px; }
.live-strip-head { display: flex; align-items: center; gap: 8px; font-weight: 700; font-size: 13px; margin-bottom: 10px; }
.live-strip-head small { background: #FF2D55; color: #fff; border-radius: 8px; padding: 0 6px; font-size: 11px; }
.live-strip-row { display: flex; gap: 14px; overflow-x: auto; padding-bottom: 8px; scrollbar-width: none; }
.live-card { flex: 0 0 auto; width: 74px; display: flex; flex-direction: column; align-items: center; gap: 4px; cursor: pointer; text-align: center; }
.live-card .story-bar-ring { width: 62px; height: 62px; }
.live-card b { font-size: 11px; max-width: 74px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.live-title { font-size: 10px; color: var(--text-muted); max-width: 74px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.live-viewers { font-size: 10px; color: var(--text-secondary); }
.live-pill { position: fixed; top: 64px; left: 50%; transform: translate(-50%, -20px); opacity: 0; pointer-events: none; z-index: 950; display: flex; align-items: center; gap: 8px; padding: 8px 16px; border-radius: 999px; border: 1px solid rgba(255,45,85,.5); background: rgba(20,20,26,.92); color: var(--text-primary); font-size: 13px; font-weight: 700; cursor: pointer; backdrop-filter: blur(8px); transition: all .25s; font-family: inherit; }
.live-pill.show { opacity: 1; transform: translate(-50%, 0); pointer-events: auto; }
body.chat-open .live-pill { display: none; }
.comm-badges { display: flex; flex-wrap: wrap; gap: 6px; margin: 6px 0 10px; }
.cbadge { display: inline-flex; align-items: center; gap: 5px; padding: 4px 10px; border-radius: 999px; font-size: 11px; font-weight: 700; border: 1px solid var(--border-light); background: var(--surface-2); }
.cbadge.bronze { color: #D69A6B; } .cbadge.silver { color: #C9D1D9; } .cbadge.gold { color: #FBBF24; } .cbadge.platinum { color: #7DD3FC; } .cbadge.verified { color: #38BDF8; }
.wk-tick { color: #38BDF8; font-size: .8em; }
.comm-role-badge.tag { background: rgba(99,102,241,.2); color: var(--text-primary); }
.comm-role-badge.mb { background: var(--surface-2); color: var(--text-secondary); }
.cm-card { max-width: 520px; max-height: 88vh; overflow-y: auto; }
.cm-tabs { display: flex; gap: 6px; margin: 8px 0 14px; }
.cm-tabs button { flex: 1; padding: 9px; border-radius: 12px; border: 1px solid var(--border-light); background: var(--surface); color: var(--text-secondary); cursor: pointer; font-family: inherit; font-weight: 600; font-size: 12.5px; }
.cm-tabs button.on { background: var(--indigo); color: #000; border-color: var(--indigo); }
.cm-danger { margin-top: 18px; padding: 12px; border: 1px dashed rgba(244,63,94,.5); border-radius: 14px; }
.cm-member { display: flex; gap: 10px; align-items: flex-start; padding: 8px 0; border-bottom: 1px solid var(--border-light); }
.cm-member img { width: 38px; height: 38px; border-radius: 50%; object-fit: cover; flex: 0 0 auto; }
.cm-m-main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; } .cm-m-main small { color: var(--text-muted); }
.cm-m-edit { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; align-items: center; }
.cm-m-edit .sched-input { flex: 1 1 110px; padding: 7px 10px; } .cm-m-edit .btn { flex: 0 0 auto; padding: 7px 12px; }
.cm-stats b { font-size: 20px; }
.vc-card { max-width: 420px; }
.vc-people { display: grid; grid-template-columns: repeat(auto-fill, minmax(90px, 1fr)); gap: 12px; margin: 16px 0; max-height: 40vh; overflow-y: auto; }
.vc-person { display: flex; flex-direction: column; align-items: center; gap: 4px; font-size: 12px; text-align: center; }
.vc-person img { width: 56px; height: 56px; border-radius: 50%; object-fit: cover; border: 3px solid transparent; transition: border-color .15s, box-shadow .15s; }
.vc-person.speaking img { border-color: #34D399; box-shadow: 0 0 14px rgba(52,211,153,.7); }
.vc-person span { color: var(--text-muted); font-size: 12px; }
.vc-actions { display: flex; gap: 10px; justify-content: center; }

/* ===== batch 6: ad insights + profile analytics ===== */
.chg { display: inline-block; margin-top: 2px; font-size: 11px; font-weight: 700; }
.chg.up { color: #34D399; } .chg.down { color: #F87171; }
.ad-tiles b { font-size: 18px; }
.ad-budget { margin: 12px 0 4px; padding: 12px; border-radius: 14px; background: var(--surface-2); }
.ad-budget-top { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 8px; }
.ad-budget-bar { height: 8px; border-radius: 6px; background: var(--border-light); overflow: hidden; }
.ad-budget-bar i { display: block; height: 100%; background: var(--indigo); border-radius: 6px; }
.ad-budget small { display: block; margin-top: 6px; color: var(--text-muted); }

/* ===== batch 7: ad advice ===== */
.ad-advice { display: flex; gap: 10px; align-items: flex-start; margin-top: 10px; padding: 9px 12px; border-radius: 12px; font-size: 12.5px; line-height: 1.4; cursor: pointer; border: 1px solid var(--border-light); background: var(--surface-2); color: var(--text-secondary); }
.ad-advice i { margin-top: 2px; }
.ad-advice b { color: var(--text-primary); }
.ad-advice.warn { border-color: rgba(251,191,36,.45); background: rgba(251,191,36,.08); } .ad-advice.warn i { color: #FBBF24; }
.ad-advice.good { border-color: rgba(52,211,153,.45); background: rgba(52,211,153,.08); } .ad-advice.good i { color: #34D399; }
.ad-advice.info i { color: #7DD3FC; }
.ad-rec.warn .ins-rec-icon { color: #FBBF24; } .ad-rec.good .ins-rec-icon { color: #34D399; } .ad-rec.info .ins-rec-icon { color: #7DD3FC; }

/* ===== batch 8: audience segments + boosted feeds ===== */
.seg-row { display: flex; gap: 8px; align-items: center; }
.seg-row select { flex: 1; min-width: 0; padding: 11px 14px; border-radius: 12px; border: 1px solid var(--border-light); }
.seg-btn { flex: 0 0 auto; padding: 10px 13px !important; }
.seg-suggest { margin: 8px 0 2px; font-size: 12px; color: var(--text-secondary); }
.seg-suggest i { color: #FBBF24; margin-right: 4px; } .seg-suggest a { color: var(--text-primary); text-decoration: underline; cursor: pointer; margin-left: 6px; font-weight: 600; }
.seg-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.seg-grid select, .seg-age input { width: 100%; box-sizing: border-box; padding: 11px 14px; border-radius: 12px; border: 1px solid var(--border-light); }
.seg-age { display: flex; align-items: center; gap: 6px; } .seg-age span { color: var(--text-muted); font-size: 12px; }
.ad-audience { margin-top: 8px; font-size: 12px; color: var(--text-secondary); display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.ad-audience i { color: var(--indigo); }
.seg-chip { background: var(--surface-2); border: 1px solid var(--border-light); border-radius: 999px; padding: 1px 8px; font-size: 11px; }
.boost-badge { margin: 12px 16px 0; padding: 6px 12px; border-radius: 12px; background: rgba(251,191,36,.12); color: #FBBF24; font-size: 12px; font-weight: 700; display: flex; align-items: center; gap: 8px; }
.boost-badge.mine { background: rgba(99,102,241,.14); color: var(--text-primary); font-weight: 600; }
@media (max-width: 520px) { .seg-grid { grid-template-columns: 1fr; } }

/* ===== batch 9: tidy community buttons + highlights for what is new ===== */
.comm-header-actions { gap: 8px; align-items: center; }
.comm-act { flex: 0 0 auto !important; padding: 9px 16px !important; display: inline-flex; align-items: center; gap: 7px; }
.comm-more { position: relative; }
.comm-more-btn { width: 40px; height: 40px; padding: 0 !important; justify-content: center; position: relative; }
.comm-more-menu { position: absolute; right: 0; top: calc(100% + 8px); min-width: 210px; background: var(--surface); border: 1px solid var(--border-light); border-radius: 16px; padding: 6px; box-shadow: 0 16px 40px rgba(0,0,0,.45); z-index: 60; display: none; }
.comm-more-menu.show { display: block; }
.comm-more-menu button { width: 100%; display: flex; align-items: center; gap: 10px; padding: 11px 12px; border: 0; background: none; color: var(--text-primary); font-family: inherit; font-size: 13.5px; border-radius: 10px; cursor: pointer; text-align: left; }
.comm-more-menu button:hover { background: var(--surface-2); }
.comm-more-menu button i { width: 18px; text-align: center; color: var(--text-secondary); }
.comm-more-menu button.danger, .comm-more-menu button.danger i { color: #F87171; }
.new-pill { display: inline-block; margin-left: 6px; padding: 1px 7px; border-radius: 999px; background: #FBBF24; color: #1a1300; font-size: 9.5px; font-weight: 800; letter-spacing: .05em; vertical-align: 1px; animation: wk-glow 2.4s ease-in-out infinite; }
.new-dot { position: absolute; top: 4px; right: 4px; width: 10px; height: 10px; border-radius: 50%; background: #FBBF24; border: 2px solid var(--surface); animation: wk-glow 2.4s ease-in-out infinite; }
@keyframes wk-glow { 0%, 100% { box-shadow: 0 0 0 0 rgba(251,191,36,.55); } 50% { box-shadow: 0 0 0 6px rgba(251,191,36,0); } }
@media (prefers-reduced-motion: reduce) { .new-pill, .new-dot { animation: none; } }
.comm-whatsnew { margin: 0 0 14px; padding: 12px 14px; border-radius: 16px; border: 1px solid rgba(251,191,36,.35); background: linear-gradient(135deg, rgba(251,191,36,.10), rgba(99,102,241,.08)); }
.cwn-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; font-size: 13px; }
.cwn-head i { color: #FBBF24; margin-right: 6px; } .cwn-head span { cursor: pointer; padding: 2px 8px; color: var(--text-muted); }
.cwn-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; }
.cwn-item { display: flex; gap: 10px; align-items: flex-start; font-size: 12px; }
.cwn-item > i { color: #FBBF24; margin-top: 3px; }
.cwn-item b { display: block; font-size: 12.5px; } .cwn-item span { color: var(--text-secondary); line-height: 1.35; }

/* ===== batch 10: chat reactions / stars / timer, close friends, collabs, highlights ===== */
.message { position: relative; }
.msg-reactions { display: flex; flex-wrap: wrap; gap: 4px; margin: -6px 10px 4px; }
.message.sent .msg-reactions { justify-content: flex-end; }
.msg-reactions:empty { display: none; }
.rx { display: inline-flex; align-items: center; gap: 3px; padding: 2px 8px; border-radius: 999px; background: var(--surface-2); border: 1px solid var(--border-light); font-size: 14px; cursor: pointer; }
.rx small { font-size: 11px; font-weight: 700; color: var(--text-secondary); }
.rx.mine { border-color: var(--indigo); }
.react-picker { position: absolute; bottom: calc(100% - 4px); left: 12px; display: flex; gap: 2px; padding: 6px 8px; background: var(--surface); border: 1px solid var(--border-light); border-radius: 999px; box-shadow: 0 10px 30px rgba(0,0,0,.45); z-index: 40; }
.message.sent .react-picker { left: auto; right: 12px; }
.react-picker button { border: 0; background: none; font-size: 22px; padding: 2px 5px; cursor: pointer; transition: transform .12s; }
.react-picker button:hover { transform: scale(1.3); }
.message.starred .msg-time::before { content: "\2605"; color: #FBBF24; margin-right: 4px; }
.chat-disappear-banner { margin: 8px auto 12px; max-width: 420px; padding: 7px 14px; border-radius: 12px; background: var(--surface-2); color: var(--text-secondary); font-size: 12px; text-align: center; }
.chat-disappear-banner a { color: var(--text-primary); text-decoration: underline; cursor: pointer; margin-left: 4px; }
.cl-actions { display: inline-flex; gap: 6px; align-items: center; }
.starred-item { display: flex; gap: 12px; padding: 10px 4px; border-bottom: 1px solid var(--border-light); cursor: pointer; }
.starred-item img { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; flex: 0 0 auto; }
.starred-item div { display: flex; flex-direction: column; gap: 2px; min-width: 0; } .starred-item span { font-size: 13px; color: var(--text-secondary); overflow: hidden; text-overflow: ellipsis; } .starred-item small { color: var(--text-muted); }
.dis-opt { padding: 10px 4px; }
.post-extras { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 10px; }
.post-extras .wk-link { display: inline-block; margin-top: 6px; font-size: 12px; color: var(--text-secondary); text-decoration: underline; cursor: pointer; }
.collab-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.collab-chip { background: var(--surface-2); border: 1px solid var(--border-light); border-radius: 999px; padding: 3px 10px; font-size: 12px; } .collab-chip b { cursor: pointer; margin-left: 4px; }
.cm-member.pick { cursor: pointer; align-items: center; } .cm-member.pick .cf-switch { margin-left: auto; width: 20px; height: 20px; }
.collab-preview { font-size: 12.5px; color: var(--text-secondary); margin: 4px 0; }
.cf-badge, .collab-badge { margin: 12px 16px 0; padding: 6px 12px; border-radius: 12px; font-size: 12px; font-weight: 700; display: flex; align-items: center; gap: 8px; }
.cf-badge { background: rgba(52,211,153,.12); color: #34D399; }
.collab-badge { background: rgba(99,102,241,.14); color: var(--text-primary); font-weight: 600; } .collab-badge a { color: var(--text-primary); text-decoration: underline; cursor: pointer; }
.collab-badge.pending { background: var(--surface-2); color: var(--text-secondary); }
.pm-highlights { display: flex; gap: 14px; overflow-x: auto; padding: 8px 2px 4px; scrollbar-width: none; }
.pm-highlights:empty { display: none; }
.hl-item { flex: 0 0 auto; width: 66px; display: flex; flex-direction: column; align-items: center; gap: 5px; cursor: pointer; text-align: center; }
.hl-ring { position: relative; width: 62px; height: 62px; border-radius: 50%; padding: 3px; border: 2px solid var(--border-strong); display: flex; align-items: center; justify-content: center; overflow: hidden; background: var(--surface); box-sizing: border-box; }
.hl-ring img, .hl-ring video { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }
.hl-item span { font-size: 11px; max-width: 66px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hl-new .hl-ring { border-style: dashed; color: var(--text-secondary); }
.hl-del { position: absolute; top: -2px; right: -2px; width: 18px; height: 18px; border-radius: 50%; background: #F87171; color: #fff; font-size: 10px; display: none; align-items: center; justify-content: center; }
.hl-item:hover .hl-del { display: flex; }
@media (hover: none) { .hl-del { display: flex; } }
.hl-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(78px, 1fr)); gap: 6px; margin-top: 12px; max-height: 38vh; overflow-y: auto; }
.hl-pick { position: relative; aspect-ratio: 9 / 16; border-radius: 10px; overflow: hidden; cursor: pointer; background: #0d0d11; }
.hl-pick img, .hl-pick video { width: 100%; height: 100%; object-fit: cover; }
.hl-pick i { position: absolute; right: 6px; bottom: 6px; font-size: 18px; color: #fff; opacity: .35; }
.hl-pick.on { outline: 3px solid var(--indigo); outline-offset: -3px; } .hl-pick.on i { opacity: 1; color: #34D399; }
@media (max-width: 520px) { .post-extras { grid-template-columns: 1fr; } }


/* ==========================================================================
   batch 11: theme-matched toasts, discover tray, community menu, share card,
   ad creator, account/privacy, wallpapers + bubbles + fonts, ticks, lock page
   ========================================================================== */
/* ---- toasts that look like the rest of the platform ---- */
#toastBox { position: fixed; top: 66px; right: 14px; z-index: 6500; display: flex; flex-direction: column; gap: 8px; align-items: flex-end; pointer-events: none; }
.toast-msg { position: relative; display: flex; align-items: center; gap: 10px; max-width: min(360px, calc(100vw - 28px)); padding: 12px 18px 12px 16px; border-radius: 14px; overflow: hidden;
    background: var(--surface) !important; color: var(--text-primary) !important; border: 1px solid var(--border-light) !important; box-shadow: 0 14px 36px rgba(0,0,0,.5) !important;
    font-size: 13px; font-weight: 500; line-height: 1.4; pointer-events: auto; backdrop-filter: blur(10px); --toast-c: var(--text-secondary); }
.toast-msg::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--toast-c); }
.toast-msg::after { content: ""; position: absolute; left: 0; bottom: 0; height: 2px; width: 100%; background: var(--toast-c); opacity: .5; transform-origin: left; animation: wk-toast-bar var(--ms, 3s) linear forwards; }
.toast-msg i { color: var(--toast-c) !important; font-size: 15px; flex: 0 0 auto; }
.toast-msg.success { --toast-c: #34D399; } .toast-msg.error { --toast-c: #F87171; } .toast-msg.info { --toast-c: #7DD3FC; }
@keyframes wk-toast-bar { from { transform: scaleX(1); } to { transform: scaleX(0); } }
@media (max-width: 600px) { #toastBox { top: 58px; right: 10px; left: 10px; align-items: stretch; } .toast-msg { max-width: none; } }
/* ---- discover: three independent buttons, readable labels ---- */
.disc-actions { flex-direction: column !important; align-items: stretch !important; gap: 6px !important; }
.disc-card.open .disc-actions { max-height: 200px !important; }
@media (hover: hover) { .disc-card:hover .disc-actions { max-height: 200px !important; } }
.disc-actions button { width: 100%; flex: 0 0 auto; justify-content: center; white-space: nowrap; min-height: 34px; box-sizing: border-box; }
.disc-actions button:nth-child(2) { background: #F5F5F4 !important; border-color: #F5F5F4 !important; color: #0B0B0F !important; }
.disc-actions button:nth-child(2) i { color: #0B0B0F !important; }
.disc-actions button:disabled { opacity: .65; cursor: default; }
/* ---- community menu floats above everything ---- */
.comm-more-menu { position: fixed !important; right: auto !important; top: 0; left: 0; z-index: 5000 !important; }
/* ---- share profile card ---- */
.sq-card { max-width: 380px; padding: 18px; }
.sq-poster { border-radius: 22px; padding: 20px 18px 16px; text-align: center; background: linear-gradient(160deg, #1a1a22, #0e0e13); border: 1px solid var(--border-light); }
.sq-who { display: flex; align-items: center; justify-content: center; gap: 12px; margin-bottom: 16px; text-align: left; }
.sq-who img { width: 54px; height: 54px; border-radius: 50%; object-fit: cover; border: 2px solid var(--border-strong); }
.sq-who div { display: flex; flex-direction: column; } .sq-who b { font-size: 16px; } .sq-who span { color: var(--text-muted); font-size: 13px; }
.sq-qr { display: inline-block; padding: 10px; background: #fff; border-radius: 18px; } .sq-qr img { width: 210px; height: 210px; display: block; }
.sq-brand { margin-top: 12px; font-family: 'Comfortaa', sans-serif; font-weight: 800; font-size: 20px; letter-spacing: .02em; }
.sq-hint { font-size: 12px; color: var(--text-muted); margin-top: 2px; }
.sq-link { display: flex; align-items: center; gap: 8px; margin: 14px 0 10px; padding: 8px 8px 8px 14px; border-radius: 14px; background: var(--surface-2); border: 1px solid var(--border-light); font-size: 12px; }
.sq-link span { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--text-secondary); }
.sq-link button { border: 0; border-radius: 10px; padding: 8px 12px; background: var(--text-primary); color: var(--black); font-weight: 700; cursor: pointer; font-family: inherit; font-size: 12px; }
.sq-apps { display: grid; grid-template-columns: repeat(auto-fit, minmax(62px, 1fr)); gap: 8px; }
.sq-apps a { display: flex; flex-direction: column; align-items: center; gap: 5px; padding: 10px 4px; border-radius: 14px; background: var(--surface-2); color: var(--text-primary); text-decoration: none; font-size: 11px; cursor: pointer; }
.sq-apps a i { font-size: 18px; }
/* ---- ad creator ---- */
.ad-wiz { width: min(1000px, 96vw); max-width: none; max-height: 92vh; overflow-y: auto; padding: 22px; }
.ad-steps { display: flex; align-items: center; gap: 8px; margin: 10px 0 18px; }
.ad-steps > i { flex: 1; height: 2px; background: var(--border-light); border-radius: 2px; }
.ad-step-dot { display: flex; align-items: center; gap: 8px; color: var(--text-muted); cursor: pointer; font-size: 13px; font-weight: 600; }
.ad-step-dot b { width: 26px; height: 26px; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 1.5px solid var(--border-strong); font-size: 12px; }
.ad-step-dot.on { color: var(--text-primary); } .ad-step-dot.on b { background: var(--text-primary); color: var(--black); border-color: var(--text-primary); }
.ad-step-dot.done b { background: #34D399; border-color: #34D399; color: #04140d; }
.ad-wiz-grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: 22px; align-items: start; }
.ad-pane { display: none; } .ad-pane.on { display: block; }
.ad-lbl { display: block; margin: 14px 0 6px; font-size: 13px; font-weight: 700; } .ad-lbl:first-child { margin-top: 0; }
.ad-lbl span { font-weight: 500; color: var(--text-muted); font-size: 12px; margin-left: 4px; } .ad-lbl a { margin-left: 8px; font-size: 12px; text-decoration: underline; cursor: pointer; font-weight: 600; }
.ad-input, .ad-pane select, .ad-pane input[type=number] { width: 100%; box-sizing: border-box; padding: 12px 14px; border-radius: 12px; border: 1px solid var(--border-light); background: var(--surface-2); color: var(--text-primary); font-family: inherit; font-size: 14px; }
.ad-input:focus, .ad-pane select:focus { outline: none; border-color: var(--text-secondary); }
textarea.ad-input { resize: vertical; min-height: 96px; }
.ad-hint { margin-top: 8px; font-size: 12px; color: var(--text-muted); }
.ad-media-pick { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.ad-media-pick button { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 18px 10px; border-radius: 16px; border: 1.5px dashed var(--border-strong); background: var(--surface); color: var(--text-primary); cursor: pointer; font-family: inherit; }
.ad-media-pick button i { font-size: 22px; color: var(--text-secondary); } .ad-media-pick small { color: var(--text-muted); font-size: 11px; }
.ad-media-pick button:hover { border-color: var(--text-primary); }
.ad-media-preview:empty { display: none; } .ad-media-preview { margin-top: 10px; } .ad-media-preview img, .ad-media-preview video { max-width: 100%; max-height: 180px; border-radius: 14px; display: block; }
.ad-presets { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 10px; }
.ad-presets button { padding: 9px 16px; border-radius: 999px; border: 1px solid var(--border-light); background: var(--surface-2); color: var(--text-primary); font-family: inherit; font-weight: 700; cursor: pointer; }
.ad-presets button.on { background: var(--text-primary); color: var(--black); border-color: var(--text-primary); }
.ad-summary { margin-top: 14px; display: flex; flex-direction: column; gap: 10px; }
.ad-sum-row { display: flex; gap: 12px; padding: 12px; border-radius: 14px; background: var(--surface-2); font-size: 13px; }
.ad-sum-row i { color: var(--text-secondary); margin-top: 3px; } .ad-sum-row b { display: block; margin-bottom: 2px; } .ad-sum-row span { color: var(--text-secondary); overflow-wrap: anywhere; }
.ad-wiz-nav { display: flex; justify-content: space-between; gap: 10px; margin-top: 20px; } .ad-wiz-nav .btn { min-width: 110px; }
.ad-preview-col { position: sticky; top: 0; } .ad-preview-label { font-size: 12px; font-weight: 700; color: var(--text-secondary); margin-bottom: 8px; } .ad-preview-label span { font-weight: 500; color: var(--text-muted); margin-left: 6px; }
.ad-preview { border-radius: 20px; padding: 12px; background: var(--surface-2); border: 1px solid var(--border-light); }
.ad-card.prev { margin: 0; } .ad-card.prev .ad-sponsored-tag { display: flex; align-items: center; gap: 8px; } .ad-card.prev .ad-sponsored-tag img { width: 28px; height: 28px; border-radius: 50%; object-fit: cover; } .ad-card.prev .ad-sponsored-tag span { margin-left: auto; color: var(--text-muted); font-size: 11px; }
.ad-prev-empty, .ad-prev-video { height: 180px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; background: var(--surface); color: var(--text-muted); font-size: 12px; } .ad-prev-empty i, .ad-prev-video i { font-size: 26px; }
@media (max-width: 820px) { .ad-wiz-grid { grid-template-columns: 1fr; } .ad-preview-col { position: static; order: 2; } .ad-step-dot span { display: none; } }
/* ---- account + privacy ---- */
.acct-card { max-width: 480px; max-height: 90vh; overflow-y: auto; }
.acct-sec { border: 1px solid var(--border-light); border-radius: 16px; padding: 4px 14px; margin: 10px 0; background: var(--surface); }
.acct-sec > summary { cursor: pointer; padding: 12px 0; font-weight: 700; font-size: 14px; list-style: none; display: flex; align-items: center; gap: 10px; }
.acct-sec > summary::-webkit-details-marker { display: none; } .acct-sec > summary i { color: var(--text-secondary); width: 18px; text-align: center; }
.acct-sec[open] { padding-bottom: 14px; } .acct-sec.danger > summary, .acct-sec.danger > summary i { color: #F87171; }
.acct-sec .wk-sub { display: block; margin: 10px 0 6px; }
.acct-row { display: flex; gap: 8px; margin-bottom: 8px; } .acct-row input { flex: 1; min-width: 0; padding: 11px 13px; border-radius: 12px; border: 1px solid var(--border-light); background: var(--surface-2); color: var(--text-primary); font-family: inherit; }
.acct-row .btn { flex: 0 0 auto; padding: 10px 16px; }
.priv-switch { display: flex; gap: 12px; align-items: flex-start; padding: 12px 0; border-top: 1px solid var(--border-light); cursor: pointer; }
.priv-switch input { margin-top: 4px; width: 18px; height: 18px; flex: 0 0 auto; } .priv-switch b { display: block; font-size: 14px; } .priv-switch small { display: block; color: var(--text-muted); font-size: 12px; margin-top: 2px; line-height: 1.4; }
.exp-badge { margin: 12px 16px 0; padding: 6px 12px; border-radius: 12px; background: var(--surface-2); color: var(--text-secondary); font-size: 12px; display: flex; align-items: center; gap: 8px; }
/* ---- chat: more wallpapers, bubbles, fonts ---- */
.messages-area.theme-lava { background: linear-gradient(160deg, #1a0707 0%, #4a1208 55%, #7a2a0e 100%); }
.messages-area.theme-lagoon { background: linear-gradient(160deg, #04141a 0%, #08454f 60%, #0d6b6f 100%); }
.messages-area.theme-dusk { background: linear-gradient(160deg, #120a24 0%, #3a1c5e 55%, #8a3a6e 100%); }
.messages-area.theme-mint { background: linear-gradient(160deg, #05140f 0%, #0b3b2e 60%, #14604a 100%); }
.messages-area.theme-rosegold { background: linear-gradient(160deg, #1c0e11 0%, #4d2a31 55%, #8a5a55 100%); }
.messages-area.theme-emerald { background: linear-gradient(160deg, #02110b 0%, #064a31 60%, #0b7a4f 100%); }
.messages-area.theme-cosmic { background: radial-gradient(circle at 20% 15%, #3b1f6b 0, transparent 45%), radial-gradient(circle at 85% 80%, #0e4a6b 0, transparent 50%), #0a0814; }
.messages-area.theme-peach { background: linear-gradient(160deg, #1f120d 0%, #5a2f20 55%, #a65a3a 100%); }
.messages-area.bubble-soft .msg-bubble { border-radius: 20px; box-shadow: 0 3px 12px rgba(0,0,0,.28); }
.messages-area.bubble-glass .msg-bubble { background: rgba(255,255,255,.09) !important; color: var(--text-primary) !important; backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,.18); }
.messages-area.bubble-glass .message.sent .msg-bubble { background: rgba(255,255,255,.2) !important; }
.messages-area.bubble-outline .msg-bubble { background: transparent !important; color: var(--text-primary) !important; border: 1.5px solid var(--border-strong); }
.messages-area.bubble-outline .message.sent .msg-bubble { border-color: var(--text-primary); }
.messages-area.bubble-gradient .message.sent .msg-bubble { background: linear-gradient(135deg, #6366F1, #EC4899) !important; color: #fff !important; }
.messages-area.bubble-gradient .message.sent .msg-bubble a, .messages-area.bubble-gradient .message.sent .msg-bubble .content-link { color: #fff; text-decoration: underline; }
.messages-area.bubble-retro .msg-bubble { border: 2px solid #0B0B0F; border-radius: 8px; box-shadow: 3px 3px 0 rgba(255,255,255,.85); }
.messages-area.bubble-minimal .msg-bubble { background: transparent !important; color: var(--text-primary) !important; border-radius: 0; border-left: 2px solid var(--border-strong); padding-left: 12px; }
.messages-area.bubble-minimal .message.sent .msg-bubble { border-left-color: var(--text-primary); }
.font-poppins, .messages-area.font-poppins .msg-bubble { font-family: 'Poppins', sans-serif; }
.font-quicksand, .messages-area.font-quicksand .msg-bubble { font-family: 'Quicksand', sans-serif; }
.font-nunito, .messages-area.font-nunito .msg-bubble { font-family: 'Nunito', sans-serif; }
.font-lora, .messages-area.font-lora .msg-bubble { font-family: 'Lora', Georgia, serif; }
.font-playfair, .messages-area.font-playfair .msg-bubble { font-family: 'Playfair Display', Georgia, serif; }
.font-caveat, .messages-area.font-caveat .msg-bubble { font-family: 'Caveat', cursive; font-size: 1.18em; }
.font-spacemono, .messages-area.font-spacemono .msg-bubble { font-family: 'Space Mono', monospace; }
/* ---- ticks, typing, search ---- */
.tick { margin-left: 5px; font-size: 11px; letter-spacing: -2px; opacity: .65; } .tick.read { color: #38BDF8; opacity: 1; }
.typing-row { display: inline-flex; gap: 4px; align-items: center; margin: 6px 14px; padding: 10px 14px; border-radius: 16px; background: var(--surface-2); }
.typing-row span { width: 6px; height: 6px; border-radius: 50%; background: var(--text-secondary); animation: wk-typing 1.2s infinite ease-in-out; }
.typing-row span:nth-child(2) { animation-delay: .15s; } .typing-row span:nth-child(3) { animation-delay: .3s; }
@keyframes wk-typing { 0%, 80%, 100% { opacity: .3; transform: translateY(0); } 40% { opacity: 1; transform: translateY(-3px); } }
.ms-body { margin-top: 10px; max-height: 55vh; overflow-y: auto; } .ms-body mark { background: rgba(251,191,36,.35); color: inherit; border-radius: 3px; padding: 0 2px; }
.message.flash .msg-bubble { animation: wk-flash 1.6s ease; } @keyframes wk-flash { 0%, 60% { box-shadow: 0 0 0 3px rgba(251,191,36,.7); } 100% { box-shadow: 0 0 0 0 transparent; } }
.st-or { text-align: center; color: var(--text-muted); font-size: 12px; margin: 12px 0 8px; }
/* ---- locked chats page ---- */
.lock-hero { display: flex; gap: 14px; align-items: center; padding: 16px; margin-bottom: 12px; border-radius: 20px; background: linear-gradient(135deg, rgba(99,102,241,.16), rgba(34,211,238,.08)); border: 1px solid var(--border-light); }
.lock-hero-ic { width: 48px; height: 48px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 20px; background: var(--surface-2); border: 1.5px solid var(--border-strong); flex: 0 0 auto; }
.lock-hero div { display: flex; flex-direction: column; gap: 2px; } .lock-hero span { font-size: 12.5px; color: var(--text-secondary); line-height: 1.4; }
.lock-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 14px; }
.lock-act { display: flex; align-items: center; justify-content: center; gap: 10px; padding: 14px; border-radius: 16px; border: 1px solid var(--border-light); background: var(--surface); color: var(--text-primary); cursor: pointer; font-family: inherit; font-weight: 600; }
.lock-empty { padding: 28px 12px; }
/* ---- growth tiers ---- */
.pm-tiers { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; } .pm-tiers:empty { display: none; }
.tier-chip { display: flex; align-items: center; gap: 10px; padding: 8px 14px 8px 10px; border-radius: 16px; border: 1px solid var(--border-light); background: var(--surface); }
.tier-chip > i { width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 13px; background: var(--surface-2); }
.tier-chip div { display: flex; flex-direction: column; } .tier-chip b { font-size: 12.5px; } .tier-chip small { color: var(--text-muted); font-size: 11px; }
.tier-chip.bronze > i { color: #D69A6B; } .tier-chip.silver > i { color: #C9D1D9; } .tier-chip.gold > i { color: #FBBF24; } .tier-chip.platinum > i { color: #7DD3FC; }
.tier-chip.bronze { border-color: rgba(214,154,107,.4); } .tier-chip.silver { border-color: rgba(201,209,217,.4); } .tier-chip.gold { border-color: rgba(251,191,36,.45); } .tier-chip.platinum { border-color: rgba(125,211,252,.5); }
.tier-chip.none { opacity: .7; }

/* ===== fixes: toast position, ad preview image, account buttons ===== */
/* an older toast style centres the box with left:50%; undo anything that fights it so it can never slide off-screen */
#toastBox { position: fixed !important; top: calc(14px + env(safe-area-inset-top, 0px)) !important; left: 50% !important; right: auto !important; bottom: auto !important;
    transform: translateX(-50%) !important; width: max-content; max-width: calc(100vw - 24px); z-index: 99999 !important; align-items: center !important; pointer-events: none; }
#toastBox .toast-msg { position: relative !important; top: auto !important; left: auto !important; right: auto !important; bottom: auto !important; transform: none;
    width: auto; max-width: min(440px, calc(100vw - 24px)); box-sizing: border-box; white-space: normal; overflow-wrap: anywhere; }
#toastBox .toast-msg.out { opacity: 0; transform: translateY(-8px) !important; transition: all .25s; }
/* the ad preview shows the WHOLE picture, never a cropped slice */
.ad-card.prev .ad-card-img { display: block; width: 100%; height: auto !important; max-height: 460px; object-fit: contain !important; background: #000; border-radius: 14px; }
.ad-card.prev .ad-prev-empty, .ad-card.prev .ad-prev-video { height: 180px !important; }
.ad-card .ad-card-img { object-fit: contain; background: #000; max-height: 560px; height: auto; }
/* buttons inside form rows must not stretch to full width and squash the inputs */
.acct-row .btn, .seg-row .btn, .cm-m-edit .btn, .ad-wiz-nav .btn { width: auto !important; flex: 0 0 auto; }
.acct-row input { flex: 1 1 140px; min-width: 0; }
@media (max-width: 520px) { .acct-row { flex-direction: column; } .acct-row .btn { width: 100% !important; } .ad-wiz { padding: 16px; } }