:root {
    color-scheme: dark;
    --bg: #050b14;
    --bg-soft: #071321;
    --surface: rgba(11, 23, 39, .82);
    --surface-strong: rgba(12, 27, 46, .96);
    --surface-soft: rgba(255, 255, 255, .07);
    --border: rgba(174, 218, 255, .16);
    --border-strong: rgba(116, 205, 255, .38);
    --text: #ecf8ff;
    --muted: #8da3b8;
    --muted-2: #637d95;
    --blue: #32bdef;
    --blue-strong: #1ea2e4;
    --blue-dark: #0d61a9;
    --danger: #ff4d6d;
    --success: #39e7a7;
    --warning: #ffcc66;
    --shadow: 0 28px 90px rgba(0, 0, 0, .42);
    --radius-xl: 32px;
    --radius-lg: 24px;
    --radius-md: 18px;
    --ease: cubic-bezier(.2, .8, .2, 1);
    font-family: Vazirmatn, IRANSans, Tahoma, Arial, sans-serif;
}

* { box-sizing: border-box; }
html { min-height: 100%; background: var(--bg); }
body { min-height: 100%; margin: 0; color: var(--text); background: var(--bg); overflow-x: hidden; }
button, input, select, textarea { font: inherit; }
button { border: 0; cursor: pointer; color: inherit; }
a { color: inherit; text-decoration: none; }
[hidden] { display: none !important; }

body::before, body::after {
    content: "";
    position: fixed;
    inset: auto auto 0 0;
    width: 46vw;
    height: 46vw;
    min-width: 360px;
    min-height: 360px;
    pointer-events: none;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(50, 189, 239, .17), transparent 65%);
    filter: blur(10px);
    z-index: -2;
}
body::after { inset: -22vw -18vw auto auto; background: radial-gradient(circle, rgba(13, 97, 169, .28), transparent 64%); }

.loader { display: block; width: 12em; height: 12em; overflow: visible; }
.loader .fill { animation: fill 4s ease-in-out infinite; }
.loader .dash path, .loader .dash circle { fill: none; stroke: #2af; stroke-width: 1px; stroke-linecap: round; animation: dashArray var(--sped, 2s) ease-in-out infinite, dashOffset var(--sped, 2s) linear infinite; }
.loader .dash .big { stroke-width: 2px; filter: drop-shadow(0 0 2px #2af); }
@keyframes dashArray { 0% { stroke-dasharray: 0 1 359 0; } 50% { stroke-dasharray: 0 359 1 0; } 100% { stroke-dasharray: 359 1 0 0; } }
@keyframes dashOffset { 0% { stroke-dashoffset: -5; } 100% { stroke-dashoffset: -365; } }
@keyframes fill { 30%, 55% { opacity: 0; } }

.premium-card, .premium-glass {
    border: 1px solid var(--border);
    background: linear-gradient(145deg, rgba(14, 31, 52, .9), rgba(6, 14, 26, .88));
    box-shadow: var(--shadow);
    backdrop-filter: blur(24px) saturate(140%);
}

.brand-mini, .brand-mark {
    display: grid;
    place-items: center;
    color: white;
    background: linear-gradient(135deg, #32bdef 0%, #0d61a9 100%);
    box-shadow: 0 16px 42px rgba(30, 162, 228, .35), inset 0 1px 0 rgba(255,255,255,.28);
    font-weight: 900;
    letter-spacing: -.04em;
}
.brand-mini { width: 44px; height: 44px; border-radius: 16px; font-size: 22px; }
.brand-mark { width: 66px; height: 66px; border-radius: 24px; font-size: 34px; }

.landing-body, .status-body {
    min-height: 100dvh;
    display: grid;
    place-items: center;
    padding: clamp(18px, 4vw, 46px);
    background:
        linear-gradient(135deg, rgba(5, 11, 20, .7), rgba(7, 17, 31, .96)),
        radial-gradient(circle at 15% 10%, rgba(50, 189, 239, .2), transparent 34%),
        radial-gradient(circle at 90% 0%, rgba(13, 97, 169, .26), transparent 35%);
}

.landing-shell {
    width: min(1180px, 100%);
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(360px, .75fr);
    gap: 22px;
    align-items: stretch;
}
.hero-panel, .entry-card, .status-card { border-radius: var(--radius-xl); }
.hero-panel {
    min-height: 650px;
    padding: clamp(22px, 4vw, 44px);
    position: relative;
    overflow: hidden;
}
.hero-panel::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(120deg, rgba(50,189,239,.14), transparent 38%), radial-gradient(circle at 18% 70%, rgba(42,170,255,.22), transparent 32%);
    pointer-events: none;
}
.landing-nav, .hero-copy { position: relative; z-index: 1; }
.landing-nav { display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.brand-cluster { display: flex; align-items: center; gap: 14px; }
.brand-cluster strong { display: block; font-size: 25px; }
.brand-cluster span { display: block; color: var(--muted); margin-top: 4px; }
.trust-row { display: flex; gap: 8px; flex-wrap: wrap; }
.trust-row span, .status-label, .entry-note, .meeting-pulse {
    border: 1px solid var(--border);
    background: rgba(255,255,255,.06);
    color: var(--muted);
    border-radius: 999px;
    padding: 9px 12px;
    font-size: 13px;
}
.hero-copy { margin-top: clamp(80px, 12vw, 154px); max-width: 780px; }
.eyebrow { margin: 0 0 16px; color: var(--blue); font-weight: 800; }
.hero-copy h1 { margin: 0; font-size: clamp(36px, 6vw, 78px); line-height: 1.08; letter-spacing: -.05em; }
.hero-lead { margin: 22px 0 0; max-width: 680px; color: #b5c8da; font-size: clamp(16px, 2vw, 20px); line-height: 2; }
.hero-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 38px; }
.hero-metrics div { padding: 18px; border-radius: 22px; border: 1px solid var(--border); background: rgba(255,255,255,.055); }
.hero-metrics strong { display: block; font-size: 24px; color: #fff; }
.hero-metrics span { display: block; color: var(--muted); margin-top: 8px; font-size: 13px; }
.entry-card { padding: clamp(22px, 4vw, 34px); align-self: stretch; display: flex; flex-direction: column; justify-content: center; gap: 20px; }
.entry-head { display: flex; align-items: center; gap: 14px; }
.entry-head h2, .panel-head h2, .status-card h1 { margin: 0; }
.entry-head p, .panel-head p, .status-card p { margin: 6px 0 0; color: var(--muted); line-height: 1.8; }
.status-dot { width: 12px; height: 12px; border-radius: 99px; background: var(--success); box-shadow: 0 0 0 8px rgba(57,231,167,.1); }
.primary-action, .secondary-action, .settings-apply {
    min-height: 54px;
    border-radius: 18px;
    padding: 0 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: linear-gradient(135deg, #32bdef, #0d61a9);
    color: #fff;
    font-weight: 900;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.26), inset 0 -1px 0 rgba(0,0,0,.14), 0 10px 20px rgba(0,0,0,.18), 0 4px 10px rgba(16,115,184,.18);
    transition: transform .2s var(--ease), box-shadow .2s var(--ease), filter .2s var(--ease);
}
.primary-action:hover, .secondary-action:hover, .settings-apply:hover { transform: translateY(-1px); box-shadow: inset 0 1px 0 rgba(255,255,255,.3), inset 0 -1px 0 rgba(0,0,0,.12), 0 12px 22px rgba(0,0,0,.2), 0 5px 12px rgba(16,115,184,.2); }
.primary-action.loading { color: transparent; position: relative; pointer-events: none; }
.primary-action.loading::after { content: ""; width: 22px; height: 22px; border-radius: 999px; border: 3px solid rgba(255,255,255,.35); border-top-color: #fff; position: absolute; animation: spin .8s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }
.wide-action { width: 100%; }
.secondary-action { background: rgba(255,255,255,.08); border: 1px solid var(--border); box-shadow: none; }
.divider { display: flex; align-items: center; gap: 12px; color: var(--muted-2); }
.divider::before, .divider::after { content: ""; flex: 1; height: 1px; background: var(--border); }
.join-form label { display: block; color: var(--muted); margin-bottom: 8px; }
.join-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; }
input, select, textarea {
    width: 100%;
    border: 1px solid var(--border);
    background: rgba(4, 13, 25, .72);
    color: var(--text);
    border-radius: 18px;
    outline: none;
    transition: border-color .2s var(--ease), box-shadow .2s var(--ease), background .2s var(--ease);
}
input, select { height: 54px; padding: 0 16px; }
textarea { resize: none; padding: 15px 16px; line-height: 1.7; }
input:focus, select:focus, textarea:focus { border-color: var(--border-strong); box-shadow: 0 0 0 4px rgba(50,189,239,.1); background: rgba(8, 20, 36, .9); }
.form-error { color: #ffd1d9; background: rgba(255,77,109,.12); border: 1px solid rgba(255,77,109,.28); padding: 12px 14px; border-radius: 16px; line-height: 1.8; }
.entry-note { border-radius: 18px; line-height: 1.8; }
.status-card { width: min(560px, 100%); padding: 44px; text-align: center; display: grid; justify-items: center; gap: 18px; }
.status-label { color: var(--blue); }
.danger-label { color: #ffb0bf; background: rgba(255,77,109,.1); border-color: rgba(255,77,109,.25); }
.success-label { color: #b4ffe7; background: rgba(57,231,167,.1); border-color: rgba(57,231,167,.25); }
.status-code { direction: ltr; padding: 10px 16px; border-radius: 14px; background: rgba(255,255,255,.06); color: #d9edf9; border: 1px solid var(--border); }
.status-actions { display: flex; justify-content: center; margin-top: 8px; }
.status-loader { width: 92px; height: 92px; }

.meeting-body { width: 100%; min-height: 100dvh; overflow: hidden; background: linear-gradient(140deg, #050b14 0%, #071321 48%, #061120 100%); }
.boot-screen {
    position: fixed;
    inset: 0;
    z-index: 50;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 16px;
    background: radial-gradient(circle at 50% 38%, rgba(50,189,239,.18), transparent 30%), #050b14;
    transition: opacity .34s var(--ease), transform .34s var(--ease), visibility .34s var(--ease);
}
.boot-screen.hide { opacity: 0; transform: scale(1.02); visibility: hidden; }
.boot-loader { width: clamp(118px, 20vw, 174px); height: clamp(118px, 20vw, 174px); }
.boot-screen strong { font-size: 20px; }
.boot-screen span { color: var(--muted); }
.app-shell { height: 100dvh; display: grid; grid-template-rows: auto minmax(0, 1fr) auto; padding: 14px; gap: 12px; }
.meeting-topbar {
    height: 72px;
    border-radius: 26px;
    padding: 10px 12px 10px 18px;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 12px;
    background: linear-gradient(135deg, rgba(12, 27, 46, .9), rgba(6, 15, 28, .78));
    border: 1px solid var(--border);
    backdrop-filter: blur(22px) saturate(150%);
    box-shadow: 0 16px 46px rgba(0,0,0,.25);
}
.room-identity { display: flex; align-items: center; gap: 12px; min-width: 0; }
.room-title-wrap { min-width: 0; }
.room-title-wrap strong, .room-title-wrap span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.room-title-wrap strong { font-size: 19px; }
.room-title-wrap span { direction: ltr; color: var(--muted); margin-top: 3px; font-size: 13px; }
.meeting-pulse { justify-self: center; display: inline-flex; align-items: center; gap: 8px; }
.meeting-pulse span { width: 9px; height: 9px; border-radius: 99px; background: var(--success); box-shadow: 0 0 0 0 rgba(57,231,167,.45); animation: pulse 1.5s infinite; }
.meeting-pulse.offline span { background: var(--warning); }
@keyframes pulse { 70% { box-shadow: 0 0 0 10px rgba(57,231,167,0); } 100% { box-shadow: 0 0 0 0 rgba(57,231,167,0); } }
.top-actions { justify-self: end; display: flex; gap: 8px; align-items: center; }
.top-icon, .panel-close, .people-action, .send-button {
    width: 46px;
    height: 46px;
    border-radius: 16px;
    display: inline-grid;
    place-items: center;
    background: rgba(255,255,255,.07);
    border: 1px solid var(--border);
    transition: transform .2s var(--ease), background .2s var(--ease), border-color .2s var(--ease), opacity .2s var(--ease);
    position: relative;
}
.top-icon:hover, .panel-close:hover, .people-action:hover, .send-button:hover { transform: translateY(-2px); background: rgba(50,189,239,.14); border-color: var(--border-strong); }
.top-icon svg, .panel-chip svg, .control-button svg, .leave-button svg, .people-action svg, .send-button svg { width: 21px; height: 21px; fill: currentColor; }
.top-icon > span:not(.badge) { position: absolute; min-width: 20px; height: 20px; border-radius: 999px; display: grid; place-items: center; background: rgba(50,189,239,.18); color: #dff7ff; font-size: 11px; font-weight: 900; bottom: -6px; right: -5px; border: 1px solid rgba(50,189,239,.4); }
.badge { position: absolute; min-width: 20px; height: 20px; border-radius: 99px; padding: 0 6px; display: grid; place-items: center; background: var(--danger); color: white; font-size: 11px; font-weight: 900; top: -6px; left: -6px; }
.stage-wrap { min-height: 0; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; }
.video-stage, .stage-surface { min-height: 0; }
.stage-surface {
    position: relative;
    height: 100%;
    border-radius: 30px;
    overflow: hidden;
    border: 1px solid var(--border);
    background: radial-gradient(circle at 50% 0, rgba(50,189,239,.12), transparent 40%), linear-gradient(145deg, rgba(7,19,33,.9), rgba(4,10,18,.95));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 24px 70px rgba(0,0,0,.35);
}
.video-grid {
    height: 100%;
    width: 100%;
    padding: clamp(10px, 1.4vw, 20px);
    display: grid;
    grid-template-columns: repeat(var(--cols, 1), minmax(0, 1fr));
    grid-auto-rows: minmax(180px, 1fr);
    gap: clamp(10px, 1.3vw, 18px);
    align-content: center;
    transition: grid-template-columns .32s var(--ease), gap .32s var(--ease);
}
.video-tile {
    position: relative;
    min-height: 180px;
    border-radius: clamp(20px, 3vw, 30px);
    overflow: hidden;
    background: linear-gradient(135deg, rgba(19, 44, 75, .88), rgba(7, 18, 33, .96));
    border: 1px solid rgba(174,218,255,.16);
    box-shadow: 0 20px 58px rgba(0,0,0,.28);
    transition: transform .28s var(--ease), opacity .28s var(--ease), border-color .28s var(--ease), box-shadow .28s var(--ease);
}
.video-tile.enter { opacity: 0; transform: scale(.96) translateY(10px); }
.video-tile.exit { opacity: 0; transform: scale(.94); }
.video-tile:hover { border-color: rgba(50,189,239,.35); box-shadow: 0 24px 70px rgba(0,0,0,.35); }
.video-tile video { width: 100%; height: 100%; object-fit: cover; display: block; opacity: 0; transition: opacity .24s var(--ease), transform .4s var(--ease); }
.video-tile.has-video video { opacity: 1; }
.video-tile.has-video:hover video { transform: scale(1.015); }
.video-off-layer { position: absolute; inset: 0; display: grid; place-items: center; font-size: clamp(50px, 8vw, 120px); font-weight: 900; color: #eaf7ff; background: radial-gradient(circle at 50% 45%, rgba(50,189,239,.18), transparent 30%); transition: opacity .25s var(--ease); }
.video-tile.has-video .video-off-layer { opacity: 0; }
.tile-shine { position: absolute; inset: 0; pointer-events: none; background: linear-gradient(135deg, rgba(255,255,255,.13), transparent 18%, transparent 70%, rgba(50,189,239,.08)); }
.tile-meta { position: absolute; inset: auto 14px 14px 14px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.name-pill { max-width: min(70%, 420px); padding: 9px 13px; border-radius: 999px; background: rgba(2, 9, 17, .72); border: 1px solid rgba(255,255,255,.12); color: #f7fdff; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; backdrop-filter: blur(14px); }
.status-stack { display: flex; gap: 6px; }
.status-pill { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 999px; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.12); color: #dff8ff; backdrop-filter: blur(14px); }
.status-pill svg { width: 16px; height: 16px; fill: currentColor; }
.status-pill.off { color: #ffd3dc; background: rgba(255,77,109,.17); }
.status-pill.hand { color: #ffe29d; background: rgba(255,204,102,.16); }
.empty-state { position: absolute; inset: 0; display: grid; place-items: center; align-content: center; gap: 12px; text-align: center; color: var(--muted); pointer-events: none; padding: 30px; }
.empty-state strong { color: #fff; font-size: clamp(22px, 4vw, 34px); }
.empty-loader { width: 110px; height: 110px; opacity: .86; }
.reaction-splash { position: absolute; inset: 0; display: grid; place-items: center; font-size: min(22vw, 170px); pointer-events: none; animation: reactionPop 1s var(--ease) forwards; z-index: 8; text-shadow: 0 24px 80px rgba(0,0,0,.45); }
@keyframes reactionPop { 0% { opacity: 0; transform: translateY(35px) scale(.6); } 25% { opacity: 1; transform: translateY(0) scale(1); } 100% { opacity: 0; transform: translateY(-90px) scale(1.3); } }
.recording-chip { position: absolute; top: 18px; left: 18px; z-index: 7; padding: 10px 14px; border-radius: 999px; background: rgba(255,77,109,.16); border: 1px solid rgba(255,77,109,.35); color: #ffd8df; font-weight: 900; backdrop-filter: blur(18px); }

.side-panel { width: min(420px, 32vw); min-width: 340px; height: 100%; animation: panelIn .28s var(--ease); }
@keyframes panelIn { from { opacity: 0; transform: translateX(-18px) scale(.98); } to { opacity: 1; transform: none; } }
.panel {
    height: 100%;
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr);
    gap: 14px;
    border-radius: 30px;
    border: 1px solid var(--border);
    background: linear-gradient(145deg, rgba(12, 27, 46, .96), rgba(6, 15, 28, .94));
    box-shadow: var(--shadow);
    backdrop-filter: blur(24px) saturate(140%);
    padding: 18px;
    overflow: hidden;
}
.chat-panel { grid-template-rows: auto minmax(0, 1fr) auto; }
.panel-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.panel-head h2 { font-size: 22px; }
.panel-close { font-size: 30px; line-height: 1; color: #d6ecf8; }
.host-controls { display: flex; flex-wrap: wrap; gap: 8px; }
.panel-chip { height: 42px; padding: 0 13px; display: inline-flex; align-items: center; gap: 8px; border-radius: 999px; border: 1px solid var(--border); background: rgba(255,255,255,.065); color: #dbedf8; transition: transform .2s var(--ease), background .2s var(--ease), border-color .2s var(--ease); }
.panel-chip:hover, .panel-chip.active { transform: translateY(-1px); background: rgba(50,189,239,.14); border-color: var(--border-strong); }
.people-list, .messages { min-height: 0; overflow: auto; padding-left: 3px; scrollbar-width: thin; scrollbar-color: rgba(50,189,239,.4) transparent; }
.person-row { display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 12px; border-radius: 20px; background: rgba(255,255,255,.052); border: 1px solid rgba(255,255,255,.075); margin-bottom: 10px; transition: transform .22s var(--ease), background .22s var(--ease), border-color .22s var(--ease); }
.person-row:hover { transform: translateY(-1px); background: rgba(255,255,255,.076); border-color: var(--border); }
.avatar { width: 44px; height: 44px; border-radius: 16px; display: grid; place-items: center; font-weight: 900; background: linear-gradient(135deg, rgba(50,189,239,.9), rgba(13,97,169,.9)); box-shadow: 0 10px 30px rgba(30,162,228,.25); }
.person-main { min-width: 0; }
.person-name { display: flex; align-items: center; gap: 7px; min-width: 0; }
.person-name span:first-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 800; }
.host-tag { padding: 4px 8px; border-radius: 999px; font-size: 11px; color: #ffe29d; background: rgba(255,204,102,.13); border: 1px solid rgba(255,204,102,.25); }
.person-sub { color: var(--muted); font-size: 12px; margin-top: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.person-actions { display: flex; gap: 6px; }
.people-action { width: 36px; height: 36px; border-radius: 13px; }
.people-action.danger { color: #ffb7c3; }
.messages { display: flex; flex-direction: column; gap: 10px; padding-bottom: 4px; }
.message-row { align-self: flex-start; max-width: 86%; padding: 12px 14px; border-radius: 20px 20px 20px 8px; background: rgba(255,255,255,.075); border: 1px solid rgba(255,255,255,.08); animation: messageIn .22s var(--ease); }
.message-row.own { align-self: flex-end; border-radius: 20px 20px 8px 20px; background: linear-gradient(135deg, rgba(50,189,239,.26), rgba(13,97,169,.23)); border-color: rgba(50,189,239,.22); }
@keyframes messageIn { from { opacity: 0; transform: translateY(8px) scale(.98); } to { opacity: 1; transform: none; } }
.message-top { display: flex; align-items: center; justify-content: space-between; gap: 20px; color: #c6ddec; font-size: 12px; font-weight: 800; margin-bottom: 6px; }
.message-text { white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.8; }
.chat-compose { padding-top: 4px; }
.compose-shell { display: grid; grid-template-columns: minmax(0, 1fr) 52px; gap: 10px; align-items: end; border: 1px solid var(--border); background: rgba(4, 13, 25, .74); padding: 8px; border-radius: 24px; box-shadow: inset 0 1px 0 rgba(255,255,255,.05); transition: border-color .2s var(--ease), box-shadow .2s var(--ease); }
.compose-shell:focus-within { border-color: var(--border-strong); box-shadow: 0 0 0 4px rgba(50,189,239,.08); }
.compose-shell textarea { min-height: 44px; max-height: 140px; border: 0; background: transparent; border-radius: 18px; padding: 10px 12px; box-shadow: none; }
.send-button { width: 48px; height: 48px; color: white; background: linear-gradient(135deg, #32bdef, #0d61a9); border-color: rgba(255,255,255,.14); box-shadow: 0 14px 34px rgba(30,162,228,.28); }
.send-button:disabled { opacity: .45; cursor: not-allowed; }
.settings-stack { display: grid; gap: 10px; align-content: start; }
.field-label { color: var(--muted); font-weight: 800; margin-top: 4px; }

.control-dock {
    min-height: 82px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 9px;
    padding: 10px;
    border-radius: 28px;
    border: 1px solid var(--border);
    background: linear-gradient(135deg, rgba(12, 27, 46, .92), rgba(6, 15, 28, .86));
    backdrop-filter: blur(24px) saturate(140%);
    box-shadow: 0 18px 54px rgba(0,0,0,.32);
}
.control-button, .leave-button {
    min-width: 74px;
    height: 58px;
    border-radius: 20px;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    background: rgba(255,255,255,.075);
    border: 1px solid rgba(255,255,255,.1);
    color: #e6f7ff;
    transition: transform .22s var(--ease), background .22s var(--ease), border-color .22s var(--ease), box-shadow .22s var(--ease);
}
.control-button span, .leave-button span { font-size: 11px; font-weight: 800; }
.control-button:hover, .control-button.active { transform: translateY(-3px); background: rgba(50,189,239,.15); border-color: var(--border-strong); box-shadow: 0 16px 38px rgba(0,0,0,.25); }
.control-button.off { color: #ffd5dd; background: rgba(255,77,109,.14); border-color: rgba(255,77,109,.24); }
.leave-button { color: #fff; background: linear-gradient(135deg, #ff4d6d, #b9163d); border-color: rgba(255,255,255,.14); box-shadow: 0 16px 40px rgba(255,77,109,.24); }
.leave-button:hover { transform: translateY(-3px); box-shadow: 0 20px 48px rgba(255,77,109,.32); }
.reaction-wrap { position: relative; }
.reaction-menu { position: absolute; bottom: calc(100% + 12px); right: 50%; transform: translateX(50%); display: flex; gap: 8px; padding: 10px; border-radius: 999px; background: rgba(7,18,33,.96); border: 1px solid var(--border); box-shadow: var(--shadow); animation: menuIn .18s var(--ease); }
.reaction-menu button { width: 42px; height: 42px; border-radius: 999px; background: rgba(255,255,255,.08); font-size: 22px; transition: transform .2s var(--ease), background .2s var(--ease); }
.reaction-menu button:hover { transform: translateY(-4px) scale(1.05); background: rgba(50,189,239,.16); }
@keyframes menuIn { from { opacity: 0; transform: translateX(50%) translateY(8px) scale(.96); } to { opacity: 1; transform: translateX(50%); } }

.prejoin {
    position: fixed;
    inset: 0;
    z-index: 30;
    display: grid;
    place-items: center;
    padding: clamp(16px, 4vw, 40px);
    background: radial-gradient(circle at 50% 22%, rgba(50,189,239,.16), transparent 28%), rgba(5, 11, 20, .86);
    backdrop-filter: blur(24px) saturate(140%);
    animation: fadeIn .32s var(--ease);
}
.prejoin.leave { animation: prejoinOut .32s var(--ease) forwards; }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes prejoinOut { to { opacity: 0; transform: scale(1.02); } }
.prejoin-card {
    width: min(980px, 100%);
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(330px, .95fr);
    gap: 18px;
    border-radius: 36px;
    padding: 18px;
    animation: modalIn .34s var(--ease);
}
@keyframes modalIn { from { opacity: 0; transform: translateY(18px) scale(.98); } to { opacity: 1; transform: none; } }
.preview-box { position: relative; min-height: 420px; border-radius: 28px; overflow: hidden; background: radial-gradient(circle at 50% 40%, rgba(50,189,239,.2), transparent 35%), #071321; border: 1px solid var(--border); display: grid; place-items: center; }
.preview-box video { width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity .24s var(--ease); position: absolute; inset: 0; }
.preview-box.has-video video { opacity: 1; }
.preview-avatar { width: 138px; height: 138px; border-radius: 42px; display: grid; place-items: center; font-size: 72px; font-weight: 900; color: #fff; background: linear-gradient(135deg, #32bdef, #0d61a9); box-shadow: 0 26px 70px rgba(30,162,228,.32); }
.preview-box.has-video .preview-avatar { opacity: 0; transform: scale(.8); }
.preview-badge { position: absolute; top: 16px; right: 16px; padding: 9px 13px; border-radius: 999px; background: rgba(4,13,25,.68); border: 1px solid var(--border); color: #dff6ff; backdrop-filter: blur(14px); font-weight: 800; }
.prejoin-content { padding: clamp(16px, 3vw, 30px); display: grid; align-content: center; gap: 16px; }
.brand-line { display: flex; align-items: center; gap: 12px; font-weight: 900; }
.prejoin-content h1 { margin: 0; font-size: clamp(28px, 5vw, 46px); line-height: 1.2; letter-spacing: -.04em; }
.prejoin-lead { margin: 0; color: var(--muted); line-height: 2; }
.name-input { font-size: 18px; }
.prejoin-switches { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.prejoin-switches label { display: flex; align-items: center; justify-content: center; gap: 8px; height: 50px; border-radius: 18px; border: 1px solid var(--border); background: rgba(255,255,255,.06); color: #dbeef8; cursor: pointer; transition: background .2s var(--ease), border-color .2s var(--ease), transform .2s var(--ease); }
.prejoin-switches label:hover { transform: translateY(-2px); background: rgba(50,189,239,.12); border-color: var(--border-strong); }
.prejoin-switches input { width: 18px; height: 18px; accent-color: var(--blue); }
.toast { position: fixed; right: 50%; bottom: calc(100px + env(safe-area-inset-bottom)); transform: translateX(50%) translateY(14px); z-index: 60; min-width: min(420px, calc(100vw - 30px)); max-width: calc(100vw - 30px); padding: 14px 18px; border-radius: 18px; background: rgba(6,15,28,.94); border: 1px solid var(--border); color: #eaf8ff; box-shadow: var(--shadow); opacity: 0; transition: opacity .22s var(--ease), transform .22s var(--ease); text-align: center; backdrop-filter: blur(20px); }
.toast.show { opacity: 1; transform: translateX(50%) translateY(0); }

@media (max-width: 1080px) {
    .landing-shell { grid-template-columns: 1fr; }
    .hero-panel { min-height: auto; }
    .hero-copy { margin-top: 80px; }
    .stage-wrap { grid-template-columns: 1fr; }
    .side-panel { position: fixed; inset: 92px 14px 98px 14px; z-index: 20; width: auto; min-width: 0; height: auto; }
}

@media (max-width: 760px) {
    .app-shell { padding: 8px; gap: 8px; }
    .meeting-topbar { height: 64px; grid-template-columns: minmax(0, 1fr) auto; border-radius: 22px; padding: 8px; }
    .meeting-pulse { display: none; }
    .brand-mini { width: 38px; height: 38px; border-radius: 14px; font-size: 19px; }
    .room-title-wrap strong { font-size: 16px; }
    .top-actions { gap: 5px; }
    .top-icon { width: 40px; height: 40px; border-radius: 14px; }
    .stage-surface { border-radius: 24px; }
    .video-grid { grid-auto-rows: minmax(150px, 1fr); padding: 8px; }
    .video-tile { min-height: 150px; border-radius: 20px; }
    .tile-meta { inset: auto 9px 9px 9px; }
    .name-pill { max-width: 68%; padding: 8px 10px; font-size: 12px; }
    .status-pill { width: 28px; height: 28px; }
    .side-panel { inset: 78px 8px 88px 8px; }
    .panel { border-radius: 24px; padding: 14px; }
    .control-dock { min-height: 74px; justify-content: flex-start; overflow-x: auto; padding: 8px; border-radius: 22px; scrollbar-width: none; }
    .control-dock::-webkit-scrollbar { display: none; }
    .control-button, .leave-button { min-width: 62px; height: 56px; border-radius: 18px; }
    .control-button span, .leave-button span { font-size: 10px; }
    .prejoin-card { grid-template-columns: 1fr; border-radius: 28px; max-height: calc(100dvh - 28px); overflow: auto; }
    .preview-box { min-height: min(46dvh, 330px); }
    .hero-metrics { grid-template-columns: 1fr; }
    .hero-copy h1 { font-size: 38px; }
    .join-row { grid-template-columns: 1fr; }
    .landing-body, .status-body { padding: 12px; }
    .status-card { padding: 28px 18px; }
}

@media (max-width: 430px) {
    .room-title-wrap span { max-width: 110px; }
    .top-icon:nth-child(4) { display: none; }
    .control-button, .leave-button { min-width: 58px; }
    .compose-shell { grid-template-columns: minmax(0, 1fr) 48px; }
    .send-button { width: 44px; height: 44px; }
}

/* v6 interface rebuild */
.app-logo {
    width: 48px;
    height: 48px;
    border-radius: 16px;
    display: inline-grid;
    place-items: center;
    overflow: hidden;
    flex: 0 0 auto;
    color: #fff;
    font-size: 24px;
    font-weight: 950;
    background: linear-gradient(135deg, rgba(50,189,239,.95), rgba(13,97,169,.95));
    box-shadow: 0 18px 50px rgba(30,162,228,.26), inset 0 1px 0 rgba(255,255,255,.25);
}
.app-logo img { width: 100%; height: 100%; object-fit: cover; display: block; }
.top-logo { width: 42px; height: 42px; border-radius: 14px; }
.inline-logo { width: 34px; height: 34px; border-radius: 12px; }
.home-logo { width: 56px; height: 56px; border-radius: 18px; }
.status-logo, .lobby-logo { width: 74px; height: 74px; border-radius: 24px; }
.empty-logo { width: 82px; height: 82px; border-radius: 28px; opacity: .14; filter: grayscale(.2); }

.landing-v6 {
    background:
        radial-gradient(circle at 74% 17%, rgba(50,189,239,.14), transparent 31%),
        radial-gradient(circle at 13% 76%, rgba(13,97,169,.22), transparent 29%),
        linear-gradient(145deg, #030812, #071321 52%, #040914);
}
.home-shell {
    width: min(1060px, 100%);
    min-height: min(760px, calc(100dvh - 56px));
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(360px, 438px);
    gap: clamp(18px, 3vw, 34px);
    align-items: center;
}
.home-copy { padding: clamp(10px, 4vw, 52px); }
.home-brand { display: flex; align-items: center; gap: 16px; margin-bottom: clamp(44px, 8vw, 108px); }
.home-brand strong { font-size: clamp(28px, 4vw, 44px); letter-spacing: -.04em; }
.home-copy h1 {
    margin: 0;
    max-width: 720px;
    font-size: clamp(44px, 7vw, 92px);
    line-height: .98;
    letter-spacing: -.065em;
}
.home-copy p {
    margin: 24px 0 0;
    max-width: 530px;
    color: #a9bdce;
    line-height: 2;
    font-size: clamp(16px, 1.7vw, 19px);
}
.home-card {
    position: relative;
    border: 1px solid rgba(166, 219, 255, .18);
    border-radius: 34px;
    padding: clamp(22px, 3vw, 34px);
    background: linear-gradient(160deg, rgba(12,28,48,.9), rgba(5,13,25,.96));
    box-shadow: 0 36px 120px rgba(0,0,0,.46), inset 0 1px 0 rgba(255,255,255,.06);
    backdrop-filter: blur(28px) saturate(150%);
    overflow: hidden;
}
.home-card::before {
    content: "";
    position: absolute;
    inset: -1px;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(135deg, rgba(50,189,239,.7), transparent 35%, rgba(255,255,255,.12));
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}
.home-card-head h2 { margin: 0; font-size: 28px; letter-spacing: -.03em; }
.home-card-head p { margin: 8px 0 24px; color: var(--muted); }
.join-box {
    display: grid;
    grid-template-columns: minmax(0,1fr) 86px;
    gap: 10px;
    align-items: center;
}
.join-box input {
    height: 62px;
    border-radius: 20px;
    direction: ltr;
    text-align: left;
    background: rgba(3,10,20,.72);
    border-color: rgba(180,225,255,.18);
    padding-inline: 18px;
}
.join-submit {
    height: 62px;
    border-radius: 20px;
    background: #e9f8ff;
    color: #061321;
    font-weight: 950;
    transition: transform .22s var(--ease), background .22s var(--ease), box-shadow .22s var(--ease);
}
.join-submit:hover { transform: translateY(-2px); box-shadow: 0 18px 42px rgba(50,189,239,.22); }
.home-separator { display: flex; align-items: center; gap: 14px; color: #66849e; margin: 24px 0; }
.home-separator::before, .home-separator::after { content: ""; flex: 1; height: 1px; background: rgba(180,225,255,.14); }
.privacy-choice { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 14px; }
.choice-card {
    border: 1px solid rgba(180,225,255,.15);
    border-radius: 20px;
    padding: 14px;
    background: rgba(255,255,255,.045);
    display: grid;
    gap: 6px;
    cursor: pointer;
    transition: transform .22s var(--ease), border-color .22s var(--ease), background .22s var(--ease);
}
.choice-card:hover { transform: translateY(-2px); border-color: rgba(50,189,239,.42); background: rgba(50,189,239,.08); }
.choice-card input { width: 16px; height: 16px; accent-color: var(--blue); }
.choice-card span { font-weight: 900; }
.choice-card small { color: var(--muted); line-height: 1.65; }

.meeting-body { background: #030812; }
.app-shell { padding: clamp(8px, 1.4vw, 16px); gap: clamp(8px, 1vw, 14px); }
.meeting-topbar {
    height: 68px;
    border-radius: 24px;
    grid-template-columns: minmax(0,1fr) auto minmax(0,1fr);
    background: rgba(6, 15, 28, .78);
    border-color: rgba(180,225,255,.14);
    box-shadow: 0 18px 60px rgba(0,0,0,.28);
}
.stage-surface {
    border-radius: 30px;
    background: radial-gradient(circle at 30% 8%, rgba(50,189,239,.12), transparent 28%), linear-gradient(145deg, rgba(6,15,27,.96), rgba(3,8,16,.98));
    border: 1px solid rgba(180,225,255,.13);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 24px 70px rgba(0,0,0,.34);
}
.video-grid { padding: clamp(10px, 1.5vw, 18px); gap: clamp(10px, 1.3vw, 16px); }
.video-tile {
    border-radius: 28px;
    border-color: rgba(188,229,255,.15);
    background: linear-gradient(145deg, rgba(13,27,46,.92), rgba(5,12,23,.96));
    box-shadow: 0 22px 56px rgba(0,0,0,.34);
    transition: transform .28s var(--ease), border-color .28s var(--ease), box-shadow .28s var(--ease), opacity .24s var(--ease);
}
.video-tile:hover { transform: translateY(-2px); border-color: rgba(50,189,239,.36); box-shadow: 0 30px 72px rgba(0,0,0,.38); }
.tile-meta { inset-inline: 14px; bottom: 14px; }
.name-pill { border-radius: 999px; background: rgba(4,12,22,.72); backdrop-filter: blur(16px); border: 1px solid rgba(255,255,255,.12); }
.status-stack { gap: 6px; }
.status-pill { width: 32px; height: 32px; border-radius: 12px; backdrop-filter: blur(14px); }

.side-panel { width: min(420px, calc(100vw - 20px)); }
.panel {
    border-radius: 28px;
    background: rgba(8, 18, 32, .92);
    border: 1px solid rgba(180,225,255,.14);
    box-shadow: 0 24px 76px rgba(0,0,0,.42);
    animation: panelIn .26s var(--ease) both;
}
@keyframes panelIn { from { opacity: 0; transform: translateX(-14px) scale(.98); } to { opacity: 1; transform: none; } }
.panel-head { padding-bottom: 16px; border-bottom: 1px solid rgba(180,225,255,.1); }
.host-controls { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.panel-chip { min-height: 45px; justify-content: center; border-radius: 16px; }
.panel-chip.danger, .danger-action { background: rgba(255,77,109,.15); border-color: rgba(255,77,109,.3); color: #ffd4dc; }
.request-list { display: grid; gap: 9px; margin: 12px 0; }
.request-row, .person-row {
    display: grid;
    grid-template-columns: 44px minmax(0,1fr) auto;
    gap: 11px;
    align-items: center;
    padding: 12px;
    border-radius: 20px;
    background: rgba(255,255,255,.045);
    border: 1px solid rgba(180,225,255,.1);
    transition: transform .2s var(--ease), background .2s var(--ease), border-color .2s var(--ease);
}
.request-row:hover, .person-row:hover { transform: translateY(-1px); background: rgba(255,255,255,.065); border-color: rgba(50,189,239,.24); }
.request-main, .person-main { min-width: 0; }
.request-main strong, .person-name span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.request-main span, .person-sub { color: var(--muted); font-size: 12px; }
.request-actions, .person-actions { display: flex; gap: 6px; }
.people-action { width: 38px; height: 38px; border-radius: 13px; }
.people-action.success { background: rgba(57,231,167,.12); border-color: rgba(57,231,167,.28); color: #b7ffe8; }

.chat-panel { padding-bottom: 12px; }
.messages {
    padding: 14px 4px;
    gap: 10px;
    mask-image: linear-gradient(transparent, #000 18px, #000 calc(100% - 18px), transparent);
}
.message-row {
    max-width: 88%;
    padding: 12px 14px;
    border-radius: 20px 20px 6px 20px;
    background: rgba(255,255,255,.07);
    border: 1px solid rgba(180,225,255,.1);
    box-shadow: 0 14px 34px rgba(0,0,0,.18);
    animation: messageIn .22s var(--ease) both;
}
.message-row.own {
    margin-inline-start: auto;
    border-radius: 20px 20px 20px 6px;
    background: linear-gradient(135deg, rgba(50,189,239,.24), rgba(13,97,169,.22));
    border-color: rgba(50,189,239,.28);
}
@keyframes messageIn { from { opacity: 0; transform: translateY(8px) scale(.98); } to { opacity: 1; transform: none; } }
.message-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: 12px; color: #9fb5c9; margin-bottom: 6px; }
.message-text { white-space: pre-wrap; word-break: break-word; line-height: 1.85; color: #eef9ff; }
.chat-compose {
    padding: 10px;
    margin: 0 0 2px;
    border-radius: 24px;
    border: 1px solid rgba(180,225,255,.12);
    background: linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.04));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 18px 46px rgba(0,0,0,.22);
}
.compose-shell {
    display: grid;
    grid-template-columns: minmax(0,1fr) 48px;
    gap: 9px;
    align-items: end;
    background: rgba(3,10,20,.62);
    border: 1px solid rgba(180,225,255,.1);
    border-radius: 20px;
    padding: 8px;
}
.compose-shell textarea {
    min-height: 48px;
    max-height: 138px;
    border: 0;
    background: transparent;
    box-shadow: none;
    padding: 11px 10px;
}
.send-button {
    width: 48px;
    height: 48px;
    border-radius: 17px;
    background: linear-gradient(135deg, #32bdef, #0d61a9);
    color: white;
    box-shadow: 0 14px 32px rgba(30,162,228,.32);
}
.send-button svg { transform: scaleX(-1) rotate(-4deg); }
.send-button:disabled { opacity: .45; cursor: not-allowed; transform: none; }

.settings-stack select {
    appearance: none;
    -webkit-appearance: none;
    padding-inline: 16px 46px;
    background-color: rgba(3,10,20,.72);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='%23a8c8dc'%3E%3Cpath d='M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: left 16px center;
}

.control-dock {
    justify-self: center;
    max-width: min(100%, 820px);
    padding: 10px;
    border-radius: 28px;
    background: rgba(8,18,32,.82);
    border: 1px solid rgba(180,225,255,.14);
    box-shadow: 0 24px 70px rgba(0,0,0,.34);
    backdrop-filter: blur(24px) saturate(150%);
}
.control-button, .leave-button {
    min-width: 76px;
    height: 58px;
    border-radius: 20px;
    transition: transform .22s var(--ease), background .22s var(--ease), border-color .22s var(--ease), opacity .22s var(--ease);
}
.control-button:hover, .leave-button:hover { transform: translateY(-2px); }
.control-button.locked { opacity: .55; cursor: not-allowed; border-color: rgba(255,204,102,.24); }
.leave-button { background: linear-gradient(135deg, #ff4d6d, #b31939); }

.lobby-overlay, .confirm-sheet {
    position: fixed;
    inset: 0;
    z-index: 70;
    display: grid;
    place-items: center;
    padding: 18px;
    background: rgba(1,5,12,.72);
    backdrop-filter: blur(18px);
    opacity: 0;
    visibility: hidden;
    transition: opacity .24s var(--ease), visibility .24s var(--ease);
}
.lobby-overlay.show, .confirm-sheet.show { opacity: 1; visibility: visible; }
.lobby-card, .confirm-card {
    width: min(460px, 100%);
    border-radius: 30px;
    padding: 30px;
    display: grid;
    justify-items: center;
    text-align: center;
    gap: 14px;
    transform: translateY(14px) scale(.98);
    transition: transform .24s var(--ease);
}
.lobby-overlay.show .lobby-card, .confirm-sheet.show .confirm-card { transform: none; }
.lobby-card h2, .confirm-card h2 { margin: 6px 0 0; }
.lobby-card p, .confirm-card p { margin: 0; color: var(--muted); line-height: 1.85; }
.confirm-actions { display: flex; gap: 10px; margin-top: 8px; }

.status-card .loader, .entry-card .loader, .empty-state .loader { display: none !important; }
.status-card { background: linear-gradient(155deg, rgba(12,28,48,.92), rgba(4,10,20,.96)); }

@media (max-width: 980px) {
    .home-shell { grid-template-columns: 1fr; min-height: auto; }
    .home-brand { margin-bottom: 42px; }
    .home-copy { padding: 8px 2px; }
    .home-card { border-radius: 28px; }
    .stage-wrap { grid-template-columns: 1fr; }
    .side-panel { position: fixed; z-index: 40; inset: 86px 10px 96px 10px; width: auto; }
    .panel { height: 100%; }
}
@media (max-width: 720px) {
    .landing-body { padding: 16px; place-items: start center; }
    .home-copy h1 { font-size: clamp(42px, 13vw, 62px); }
    .home-copy p { font-size: 15px; }
    .home-brand { margin-bottom: 30px; }
    .privacy-choice { grid-template-columns: 1fr; }
    .join-box { grid-template-columns: 1fr; }
    .join-submit { width: 100%; }
    .meeting-topbar { grid-template-columns: 1fr auto; height: auto; min-height: 64px; }
    .meeting-pulse { display: none; }
    .top-actions { gap: 6px; }
    .top-icon { width: 42px; height: 42px; border-radius: 14px; }
    .room-title-wrap strong { font-size: 16px; }
    .room-title-wrap span { max-width: 100px; }
    .app-shell { padding: 8px; }
    .stage-surface { border-radius: 24px; }
    .video-grid { padding: 8px; }
    .video-tile { border-radius: 22px; min-height: 210px; }
    .control-dock { width: 100%; overflow-x: auto; justify-content: flex-start; border-radius: 24px; }
    .control-button, .leave-button { min-width: 68px; height: 54px; border-radius: 18px; }
    .control-button span, .leave-button span { font-size: 11px; }
    .prejoin-card { grid-template-columns: 1fr; width: min(100%, 460px); }
    .preview-box { min-height: 220px; }
    .side-panel { inset: 78px 8px 88px 8px; }
    .compose-shell { grid-template-columns: minmax(0,1fr) 46px; }
    .send-button { width: 46px; height: 46px; }
}
@media (max-width: 420px) {
    .home-card { padding: 18px; }
    .home-copy h1 { font-size: 40px; }
    .top-logo { width: 38px; height: 38px; }
    .top-actions .top-icon:nth-child(1) { display: none; }
    .host-controls { grid-template-columns: 1fr; }
    .request-row, .person-row { grid-template-columns: 38px minmax(0,1fr); }
    .person-actions, .request-actions { grid-column: 2; justify-content: flex-start; }
}

/* v7 production polish */
.app-logo {
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    overflow: visible !important;
}
.app-logo img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    border-radius: 0 !important;
    background: transparent !important;
    filter: drop-shadow(0 10px 22px rgba(0,0,0,.24));
}
.home-logo { width: 62px !important; height: 62px !important; }
.top-logo { width: 40px !important; height: 40px !important; }
.inline-logo { width: 32px !important; height: 32px !important; }
.lobby-logo, .status-logo { width: 72px !important; height: 72px !important; }
.empty-logo { opacity: .18; filter: grayscale(.15) drop-shadow(0 18px 40px rgba(0,0,0,.28)); }

.landing-v7 {
    background:
        linear-gradient(180deg, rgba(3,8,18,.76), rgba(3,8,18,.96)),
        radial-gradient(circle at 86% 12%, rgba(50,189,239,.16), transparent 30%),
        radial-gradient(circle at 10% 86%, rgba(13,97,169,.18), transparent 28%),
        #030812;
}
.home-shell-v7 {
    width: min(1120px, 100%);
    min-height: min(780px, calc(100dvh - 52px));
    grid-template-columns: minmax(0, 1.08fr) minmax(390px, 430px);
    align-items: stretch;
}
.home-editorial {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(180,225,255,.12);
    border-radius: 40px;
    padding: clamp(24px, 4vw, 56px);
    background:
        linear-gradient(145deg, rgba(12,28,48,.64), rgba(4,10,20,.84)),
        radial-gradient(circle at 20% 22%, rgba(50,189,239,.2), transparent 32%);
    box-shadow: 0 34px 110px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.06);
    display: grid;
    align-content: space-between;
    min-height: 620px;
}
.home-editorial::before {
    content: "";
    position: absolute;
    inset: 16px;
    border-radius: 30px;
    border: 1px solid rgba(255,255,255,.055);
    pointer-events: none;
}
.home-nav-v7 { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.v7-brand { margin: 0 !important; }
.v7-brand strong { font-size: clamp(30px, 4vw, 46px); letter-spacing: -.04em; }
.home-chip-v7 { padding: 9px 14px; border-radius: 999px; color: #b9d5e6; background: rgba(255,255,255,.055); border: 1px solid rgba(180,225,255,.14); font-size: 13px; }
.home-headline-v7 { position: relative; z-index: 1; max-width: 720px; margin-top: clamp(70px, 12vh, 150px); }
.home-eyebrow-v7 { color: var(--blue); font-weight: 950; margin: 0 0 18px; }
.home-headline-v7 h1 { margin: 0; font-size: clamp(52px, 8vw, 104px); line-height: .93; letter-spacing: -.075em; max-width: 760px; }
.home-headline-v7 p:not(.home-eyebrow-v7) { margin: 24px 0 0; color: #a9bfd0; line-height: 2.05; font-size: clamp(16px, 1.65vw, 20px); max-width: 580px; }
.home-strip-v7 { position: relative; z-index: 1; display: flex; gap: 10px; flex-wrap: wrap; margin-top: 42px; }
.home-strip-v7 span { padding: 11px 14px; border-radius: 999px; background: rgba(255,255,255,.06); border: 1px solid rgba(180,225,255,.12); color: #c4d9e7; font-size: 13px; }
.home-card-v7 {
    align-self: center;
    border-radius: 34px;
    padding: clamp(22px, 3vw, 34px);
    background: rgba(7, 17, 31, .86);
    border: 1px solid rgba(180,225,255,.16);
    box-shadow: 0 34px 110px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.07);
}
.home-card-v7::before { opacity: .5; }
.home-card-head-v7 h2 { margin: 0; font-size: 31px; letter-spacing: -.04em; }
.home-card-head-v7 p { margin: 8px 0 24px; color: #93aabc; line-height: 1.8; }
.join-box-v7 { grid-template-columns: minmax(0, 1fr) 84px; }
.join-box-v7 input { background: rgba(3,10,20,.82); border-color: rgba(180,225,255,.16); }
.create-form-v7 { margin-top: 18px; padding-top: 18px; border-top: 1px solid rgba(180,225,255,.1); }
.privacy-choice-v7 .choice-card { background: rgba(255,255,255,.045); }

.meeting-body::before, .meeting-body::after { opacity: .55; }
.meeting-topbar, .control-dock, .panel, .stage-surface { backdrop-filter: blur(28px) saturate(150%); }
.stage-wrap { gap: 14px; }
.panel-head h2 { letter-spacing: -.025em; }
.chat-panel { display: grid; grid-template-rows: auto minmax(0,1fr) auto; }
.messages { min-height: 0; overflow: auto; padding-inline: 2px; }
.chat-compose {
    padding: 12px;
    border-radius: 28px;
    background: linear-gradient(180deg, rgba(9, 22, 38, .96), rgba(5, 13, 24, .98));
    border-color: rgba(180,225,255,.16);
    box-shadow: 0 -18px 54px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.06);
}
.compose-shell {
    grid-template-columns: minmax(0,1fr) 54px;
    border-radius: 24px;
    padding: 7px;
    background: rgba(2,8,16,.82);
    border: 1px solid rgba(180,225,255,.14);
}
.compose-shell:focus-within { border-color: rgba(50,189,239,.46); box-shadow: 0 0 0 4px rgba(50,189,239,.08); }
.compose-shell textarea { min-height: 52px; padding: 13px 12px; line-height: 1.85; }
.send-button {
    width: 54px !important;
    height: 54px !important;
    border-radius: 20px !important;
    display: grid !important;
    place-items: center !important;
    padding: 0 !important;
    background: linear-gradient(135deg, #eaf8ff, #67d3ff) !important;
    color: #04111f !important;
    box-shadow: 0 16px 40px rgba(50,189,239,.28), inset 0 1px 0 rgba(255,255,255,.55) !important;
}
.send-button svg { transform: none !important; width: 24px !important; height: 24px !important; margin: 0 !important; }
.settings-stack select { background-position: left 17px center !important; padding-inline: 16px 48px !important; }
.control-button.pressed, .leave-button.pressed { transform: translateY(-1px) scale(.94) !important; transition-duration: .08s !important; }
.control-button, .leave-button, .top-icon, .panel-chip, .people-action, .send-button { will-change: transform; }

.request-popups {
    position: fixed;
    right: 18px;
    bottom: calc(104px + env(safe-area-inset-bottom));
    z-index: 65;
    width: min(390px, calc(100vw - 36px));
    display: grid;
    gap: 10px;
    pointer-events: none;
}
.request-popup {
    pointer-events: auto;
    display: grid;
    grid-template-columns: 44px minmax(0,1fr) auto;
    gap: 12px;
    align-items: center;
    padding: 12px;
    border-radius: 24px;
    background: rgba(7, 18, 32, .96);
    border: 1px solid rgba(180,225,255,.18);
    box-shadow: 0 24px 72px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.07);
    backdrop-filter: blur(22px) saturate(150%);
    animation: requestPop .24s var(--ease) both;
}
@keyframes requestPop { from { opacity: 0; transform: translateY(12px) scale(.98); } to { opacity: 1; transform: none; } }
.request-popup-main { min-width: 0; }
.request-popup-main strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.request-popup-main span { display: block; color: var(--muted); margin-top: 4px; font-size: 12px; }

.lobby-overlay { background: radial-gradient(circle at 50% 38%, rgba(50,189,239,.14), transparent 30%), rgba(1,5,12,.84); }
.lobby-card {
    width: min(520px, 100%);
    padding: clamp(26px, 5vw, 42px);
    gap: 16px;
    background: linear-gradient(150deg, rgba(10,24,42,.96), rgba(4,11,21,.98));
}
.lobby-kicker { padding: 8px 13px; border-radius: 999px; background: rgba(50,189,239,.12); border: 1px solid rgba(50,189,239,.28); color: #c8f3ff; font-size: 13px; font-weight: 900; }
.lobby-card h2 { font-size: clamp(25px, 5vw, 36px); letter-spacing: -.045em; }
.lobby-card p { max-width: 370px; color: #abc0d0; }
.lobby-progress { display: flex; gap: 8px; margin: 4px 0; direction: ltr; }
.lobby-progress span { width: 10px; height: 10px; border-radius: 999px; background: #32bdef; animation: lobbyDot 1.1s infinite ease-in-out; }
.lobby-progress span:nth-child(2) { animation-delay: .14s; }
.lobby-progress span:nth-child(3) { animation-delay: .28s; }
@keyframes lobbyDot { 0%, 80%, 100% { transform: scale(.72); opacity: .45; } 40% { transform: scale(1); opacity: 1; } }
.lobby-room-code { direction: ltr; padding: 9px 13px; border-radius: 14px; background: rgba(255,255,255,.06); border: 1px solid rgba(180,225,255,.12); color: #d9edf9; font-weight: 900; }
.toast { right: 18px !important; left: auto !important; bottom: calc(96px + env(safe-area-inset-bottom)) !important; transform: translateY(14px) !important; text-align: right !important; min-width: min(360px, calc(100vw - 36px)) !important; }
.toast.show { transform: translateY(0) !important; }

@media (max-width: 980px) {
    .home-shell-v7 { grid-template-columns: 1fr; min-height: auto; }
    .home-editorial { min-height: 500px; border-radius: 32px; }
    .home-card-v7 { align-self: stretch; }
}
@media (max-width: 640px) {
    .home-editorial { min-height: auto; padding: 22px; }
    .home-nav-v7 { align-items: flex-start; }
    .home-chip-v7 { display: none; }
    .home-headline-v7 { margin-top: 56px; }
    .home-headline-v7 h1 { font-size: clamp(44px, 14vw, 62px); }
    .home-strip-v7 { display: none; }
    .join-box-v7 { grid-template-columns: 1fr; }
    .compose-shell { grid-template-columns: minmax(0,1fr) 50px; }
    .send-button { width: 50px !important; height: 50px !important; }
    .request-popups { right: 10px; left: 10px; width: auto; bottom: calc(92px + env(safe-area-inset-bottom)); }
    .request-popup { grid-template-columns: 40px minmax(0,1fr); }
    .request-popup .request-actions { grid-column: 2; justify-content: flex-start; }
    .toast { right: 10px !important; min-width: calc(100vw - 20px) !important; }
}

html[data-theme="light"] {
    color-scheme: light;
    --bg: #f6f8fb;
    --bg-soft: #edf3f8;
    --surface: rgba(255,255,255,.88);
    --surface-strong: rgba(255,255,255,.96);
    --surface-soft: rgba(5, 24, 44, .055);
    --border: rgba(20, 64, 96, .14);
    --border-strong: rgba(13, 97, 169, .34);
    --text: #071521;
    --muted: #607284;
    --muted-2: #8795a2;
    --shadow: 0 30px 90px rgba(16, 42, 67, .15);
}
html[data-theme="light"] body { background: var(--bg); color: var(--text); }
html[data-theme="light"] body::before { background: radial-gradient(circle, rgba(50,189,239,.18), transparent 65%); }
html[data-theme="light"] body::after { background: radial-gradient(circle, rgba(13,97,169,.13), transparent 64%); }
html[data-theme="light"] .landing-body,
html[data-theme="light"] .status-body {
    background:
        linear-gradient(135deg, rgba(246,248,251,.9), rgba(236,244,250,.94)),
        radial-gradient(circle at 15% 10%, rgba(50,189,239,.16), transparent 34%),
        radial-gradient(circle at 90% 0%, rgba(13,97,169,.12), transparent 35%);
}
html[data-theme="light"] .meeting-body { background: linear-gradient(140deg, #f7fafc 0%, #eef5fb 48%, #f7fbff 100%); }
html[data-theme="light"] .meeting-topbar,
html[data-theme="light"] .control-dock,
html[data-theme="light"] .panel,
html[data-theme="light"] .stage-surface,
html[data-theme="light"] .premium-card,
html[data-theme="light"] .premium-glass,
html[data-theme="light"] .home-entry-v8,
html[data-theme="light"] .home-product {
    background: rgba(255,255,255,.84) !important;
    border-color: rgba(20,64,96,.13) !important;
    box-shadow: 0 24px 70px rgba(20,64,96,.14), inset 0 1px 0 rgba(255,255,255,.8) !important;
}
html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea,
html[data-theme="light"] .compose-shell {
    background: rgba(247,250,252,.92) !important;
    color: #071521 !important;
    border-color: rgba(20,64,96,.14) !important;
}
html[data-theme="light"] .message-row { background: #f0f5fa; border-color: rgba(20,64,96,.08); }
html[data-theme="light"] .message-row.own { background: #e2f5ff; border-color: rgba(13,97,169,.16); }
html[data-theme="light"] .video-tile { background: #e8f0f7; }
html[data-theme="light"] .tile-meta .name-pill,
html[data-theme="light"] .status-code,
html[data-theme="light"] .lobby-room-code { background: rgba(255,255,255,.78); color: #071521; }
html[data-theme="light"] .request-popup,
html[data-theme="light"] .toast { background: rgba(255,255,255,.96); color: #071521; border-color: rgba(20,64,96,.13); }
html[data-theme="light"] .boot-screen { background: radial-gradient(circle at 50% 38%, rgba(50,189,239,.16), transparent 30%), #f7fafc; }

.theme-switch {
    min-height: 44px;
    padding: 0 16px;
    border-radius: 999px;
    background: rgba(255,255,255,.07);
    border: 1px solid var(--border);
    color: var(--muted);
    font-weight: 800;
    transition: transform .2s var(--ease), background .2s var(--ease), border-color .2s var(--ease);
}
.theme-switch:hover { transform: translateY(-1px); background: rgba(50,189,239,.12); border-color: var(--border-strong); }
.theme-apply { background: rgba(255,255,255,.08) !important; border: 1px solid var(--border) !important; box-shadow: none !important; }

.landing-v8 {
    padding: clamp(18px, 4vw, 42px);
    background:
        radial-gradient(circle at 16% 16%, rgba(50,189,239,.13), transparent 32%),
        radial-gradient(circle at 88% 18%, rgba(13,97,169,.18), transparent 30%),
        linear-gradient(135deg, #030812 0%, #07111f 52%, #040a14 100%);
}
.home-shell-v8 {
    width: min(1180px, 100%);
    min-height: min(760px, calc(100dvh - 48px));
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(360px, 430px);
    gap: 18px;
    align-items: stretch;
}
.home-product,
.home-entry-v8 {
    border: 1px solid rgba(180,225,255,.13);
    background: linear-gradient(145deg, rgba(11,25,43,.72), rgba(4,10,19,.88));
    box-shadow: 0 34px 110px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.06);
    backdrop-filter: blur(28px) saturate(150%);
}
.home-product {
    position: relative;
    overflow: hidden;
    border-radius: 42px;
    padding: clamp(24px, 4.8vw, 58px);
    display: grid;
    align-content: space-between;
}
.home-product::before {
    content: "";
    position: absolute;
    inset: 18px;
    border: 1px solid rgba(255,255,255,.055);
    border-radius: 30px;
    pointer-events: none;
}
.home-product::after {
    content: "";
    position: absolute;
    width: 460px;
    height: 460px;
    left: -180px;
    bottom: -200px;
    background: radial-gradient(circle, rgba(50,189,239,.22), transparent 62%);
    pointer-events: none;
}
.home-nav-v8,
.home-copy-v8,
.home-tiles-v8 { position: relative; z-index: 1; }
.home-nav-v8 { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.v8-brand { display: flex; align-items: center; gap: 14px; margin: 0; }
.v8-brand strong { font-size: clamp(28px, 4vw, 44px); letter-spacing: -.05em; }
.home-copy-v8 { max-width: 760px; margin-top: clamp(76px, 12vh, 142px); }
.home-kicker-v8 { margin: 0 0 18px; color: var(--blue); font-weight: 950; }
.home-copy-v8 h1 { margin: 0; font-size: clamp(44px, 7.3vw, 88px); line-height: 1.02; letter-spacing: -.075em; max-width: 780px; }
.home-copy-v8 p:not(.home-kicker-v8) { margin: 24px 0 0; max-width: 610px; color: var(--muted); line-height: 2.05; font-size: clamp(15px, 1.55vw, 19px); }
.home-tiles-v8 { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 12px; margin-top: 46px; }
.home-tiles-v8 div { min-height: 116px; padding: 18px; border-radius: 24px; border: 1px solid rgba(180,225,255,.12); background: rgba(255,255,255,.052); }
.home-tiles-v8 b { display: block; font-size: 15px; color: var(--text); }
.home-tiles-v8 span { display: block; margin-top: 10px; color: var(--muted); line-height: 1.8; font-size: 13px; }
.home-entry-v8 {
    border-radius: 34px;
    padding: clamp(22px, 3.2vw, 34px);
    align-self: center;
}
.entry-title-v8 h2 { margin: 0; font-size: 32px; letter-spacing: -.045em; }
.entry-title-v8 p { margin: 8px 0 24px; color: var(--muted); line-height: 1.8; }
.entry-rule-v8 { display: grid; grid-template-columns: 1fr auto 1fr; gap: 12px; align-items: center; color: var(--muted-2); margin: 22px 0; font-size: 13px; }
.entry-rule-v8 span { height: 1px; background: var(--border); }
.join-box-v8 { grid-template-columns: minmax(0, 1fr) 86px; }
.join-box-v8 input { direction: ltr; text-align: left; }
.join-submit { border-radius: 18px; background: var(--blue); color: #02111d; font-weight: 950; }
.privacy-choice-v8 { gap: 10px; }
.privacy-choice-v8 .choice-card { border-radius: 22px; }

.app-logo { background: transparent !important; box-shadow: none !important; border-radius: 0 !important; overflow: visible !important; }
.app-logo img { width: 100% !important; height: 100% !important; object-fit: contain !important; border-radius: 0 !important; background: transparent !important; filter: drop-shadow(0 10px 22px rgba(0,0,0,.22)); }

.chat-panel { grid-template-rows: auto minmax(0,1fr) auto; }
.messages { gap: 8px; padding: 4px 2px 10px; }
.message-row {
    max-width: 88%;
    padding: 11px 13px;
    border-radius: 18px;
    background: rgba(255,255,255,.065);
    border: 1px solid rgba(255,255,255,.075);
    box-shadow: none;
}
.message-row.own { border-radius: 18px; background: rgba(50,189,239,.18); border-color: rgba(50,189,239,.18); }
.message-top { gap: 12px; margin-bottom: 7px; }
.message-text { line-height: 1.9; }
.chat-compose {
    padding: 10px 0 0 !important;
    border: 0 !important;
    border-top: 1px solid var(--border) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
.compose-shell {
    grid-template-columns: minmax(0,1fr) 48px !important;
    gap: 8px !important;
    padding: 6px !important;
    border-radius: 20px !important;
    background: rgba(255,255,255,.055) !important;
    border: 1px solid rgba(180,225,255,.12) !important;
    box-shadow: none !important;
}
.compose-shell:focus-within { border-color: rgba(180,225,255,.2) !important; box-shadow: none !important; }
.compose-shell textarea { min-height: 46px !important; padding: 10px 12px !important; line-height: 1.75 !important; }
.send-button {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    border-radius: 16px !important;
    align-self: end !important;
    background: linear-gradient(135deg, #32bdef, #0d61a9) !important;
    color: #fff !important;
    box-shadow: 0 10px 28px rgba(30,162,228,.25) !important;
}
.send-button svg { width: 22px !important; height: 22px !important; transform: rotate(180deg) translateX(-1px) !important; }
.settings-stack select {
    appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, transparent 50%) !important;
    background-position: left 21px center, left 15px center !important;
    background-size: 6px 6px, 6px 6px !important;
    background-repeat: no-repeat !important;
    padding-inline: 16px 46px !important;
}
.request-popups { transform: translateZ(0); contain: layout paint; }
.request-popup { will-change: transform, opacity; }
.top-actions { grid-auto-flow: column; }
.top-icon svg { pointer-events: none; }

@media (max-width: 980px) {
    .home-shell-v8 { grid-template-columns: 1fr; min-height: auto; }
    .home-product { min-height: 520px; border-radius: 32px; }
    .home-entry-v8 { align-self: stretch; }
}
@media (max-width: 680px) {
    .landing-v8 { padding: 12px; }
    .home-product { min-height: auto; padding: 22px; }
    .home-copy-v8 { margin-top: 54px; }
    .home-copy-v8 h1 { font-size: clamp(40px, 13vw, 58px); }
    .home-tiles-v8 { grid-template-columns: 1fr; }
    .join-box-v8 { grid-template-columns: 1fr; }
    .home-nav-v8 { align-items: flex-start; }
    .theme-switch { min-height: 40px; padding: 0 12px; }
    .compose-shell { grid-template-columns: minmax(0,1fr) 46px !important; }
    .send-button { width: 46px !important; height: 46px !important; min-width: 46px !important; }
}
@media (max-width: 430px) {
    .meeting-topbar .top-actions .top-icon:nth-child(4) { display: grid !important; }
    .meeting-topbar .top-actions .top-icon:nth-child(1) { display: none !important; }
}

/* v9 refinements */
.landing-v9 {
    min-height: 100dvh;
    padding: clamp(14px, 2vw, 28px);
    display: grid;
    place-items: center;
    background:
        radial-gradient(circle at 50% 0%, rgba(50,189,239,.18), transparent 32%),
        radial-gradient(circle at 8% 90%, rgba(13,97,169,.18), transparent 34%),
        linear-gradient(145deg, #040914 0%, #081321 54%, #050b14 100%);
}
.home-shell-v9 {
    width: min(760px, 100%);
    min-height: min(820px, calc(100dvh - 32px));
    display: grid;
    grid-template-rows: auto 1fr;
    gap: clamp(20px, 4dvh, 48px);
}
.home-nav-v9 {
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}
.home-brand-v9 {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: var(--text);
    font-weight: 950;
    font-size: 24px;
    letter-spacing: -.03em;
}
.home-logo-v9 { width: 48px !important; height: 48px !important; }
.entry-card-v9 {
    align-self: center;
    border: 1px solid rgba(180,225,255,.14);
    background:
        linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.035)),
        rgba(5,15,28,.72);
    box-shadow: 0 32px 96px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.08);
    backdrop-filter: blur(28px) saturate(150%);
    border-radius: clamp(30px, 5vw, 44px);
    padding: clamp(22px, 5vw, 48px);
    position: relative;
    overflow: hidden;
}
.entry-card-v9::before {
    content: "";
    position: absolute;
    inset: -1px;
    background: linear-gradient(135deg, rgba(50,189,239,.16), transparent 34%, rgba(13,97,169,.14));
    pointer-events: none;
}
.entry-card-v9 > * { position: relative; z-index: 1; }
.entry-copy-v9 { text-align: right; margin-bottom: clamp(28px, 4vw, 42px); }
.entry-kicker-v9 {
    margin: 0 0 12px;
    color: var(--blue);
    font-weight: 950;
    letter-spacing: -.02em;
}
.entry-copy-v9 h1 {
    margin: 0;
    font-size: clamp(44px, 8vw, 76px);
    line-height: 1;
    letter-spacing: -.07em;
}
.entry-copy-v9 p:not(.entry-kicker-v9) {
    margin: 18px 0 0;
    color: var(--muted);
    font-size: clamp(15px, 2vw, 18px);
    line-height: 2;
    max-width: 520px;
}
.join-form-v9 label {
    display: block;
    margin-bottom: 9px;
    color: var(--muted);
    font-weight: 750;
}
.join-box-v9 {
    display: grid;
    grid-template-columns: minmax(0,1fr) 92px;
    gap: 10px;
}
.join-box-v9 input {
    direction: ltr;
    text-align: left;
    border-radius: 20px;
    height: 58px;
    background: rgba(255,255,255,.055);
}
.join-submit-v9 {
    border-radius: 20px;
    background: linear-gradient(135deg, #32bdef, #0d61a9);
    color: #fff;
    font-weight: 950;
    box-shadow: 0 16px 42px rgba(30,162,228,.26);
    transition: transform .2s var(--ease), box-shadow .2s var(--ease), filter .2s var(--ease);
}
.join-submit-v9:hover { transform: scale(1.02); box-shadow: 0 20px 54px rgba(30,162,228,.34); }
.entry-rule-v9 { display: grid; grid-template-columns: 1fr auto 1fr; gap: 12px; align-items: center; margin: 24px 0; color: var(--muted-2); font-size: 13px; }
.entry-rule-v9 span { height: 1px; background: var(--border); }
.privacy-choice-v9 { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; margin-bottom: 14px; }
.privacy-choice-v9 label {
    min-height: 104px;
    display: grid;
    align-content: center;
    gap: 7px;
    border-radius: 24px;
    border: 1px solid var(--border);
    background: rgba(255,255,255,.045);
    padding: 18px;
    cursor: pointer;
    transition: transform .2s var(--ease), border-color .2s var(--ease), background .2s var(--ease);
}
.privacy-choice-v9 label:hover { transform: translateY(-2px); border-color: var(--border-strong); }
.privacy-choice-v9 input { width: auto; height: auto; accent-color: #32bdef; }
.privacy-choice-v9 span { font-weight: 950; color: var(--text); }
.privacy-choice-v9 small { color: var(--muted); line-height: 1.7; }
.create-action-v9 { width: 100%; min-height: 58px; border-radius: 22px; }
.theme-switch-v9 { background: rgba(255,255,255,.065); }

.top-icon#themeBtn svg, .theme-apply svg { width: 22px; height: 22px; }
.theme-apply { display: inline-flex !important; gap: 10px; }
.theme-apply svg { fill: currentColor; }

.settings-stack select {
    appearance: none !important;
    -webkit-appearance: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d9edf9' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important;
    background-position: left 17px center !important;
    background-size: 18px 18px !important;
    background-repeat: no-repeat !important;
    padding-inline: 16px 50px !important;
}

.chat-panel .panel-head p { display: none; }
.messages { padding: 6px 2px 12px !important; gap: 10px !important; }
.message-row {
    border-radius: 20px !important;
    padding: 12px 14px !important;
    background: rgba(255,255,255,.058) !important;
    border-color: rgba(255,255,255,.08) !important;
}
.message-row.own {
    background: linear-gradient(135deg, rgba(50,189,239,.22), rgba(13,97,169,.18)) !important;
    border-color: rgba(50,189,239,.16) !important;
}
.chat-compose { padding: 12px 0 0 !important; }
.compose-shell {
    grid-template-columns: minmax(0,1fr) 46px !important;
    align-items: end !important;
    gap: 8px !important;
    padding: 8px !important;
    border-radius: 24px !important;
    background: rgba(255,255,255,.05) !important;
    border: 1px solid rgba(180,225,255,.1) !important;
}
.compose-shell:focus-within { border-color: rgba(180,225,255,.14) !important; box-shadow: none !important; }
.compose-shell textarea {
    min-height: 46px !important;
    max-height: 128px !important;
    padding: 11px 12px !important;
    border-radius: 18px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}
.send-button {
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    border-radius: 18px !important;
    align-self: end !important;
    transform-origin: center center !important;
    transition: transform .18s var(--ease), filter .18s var(--ease), box-shadow .18s var(--ease) !important;
}
.send-button:hover { transform: none !important; filter: brightness(1.06); }
.send-button:active, .send-button.sending { transform: scale(.9) !important; }
.send-button.sending svg { animation: sendPulseV9 .52s var(--ease); transform-origin: center center !important; }
@keyframes sendPulseV9 { 0% { transform: rotate(180deg) scale(.72); opacity: .55; } 100% { transform: rotate(180deg) scale(1); opacity: 1; } }

html[data-theme="light"] .landing-v9 {
    background:
        radial-gradient(circle at 50% 0%, rgba(50,189,239,.18), transparent 32%),
        radial-gradient(circle at 8% 90%, rgba(13,97,169,.12), transparent 34%),
        linear-gradient(145deg, #f8fbfe 0%, #edf5fb 58%, #f7fbff 100%);
}
html[data-theme="light"] .entry-card-v9,
html[data-theme="light"] .meeting-topbar,
html[data-theme="light"] .control-dock,
html[data-theme="light"] .panel,
html[data-theme="light"] .stage-surface,
html[data-theme="light"] .premium-card,
html[data-theme="light"] .request-popup {
    background: rgba(255,255,255,.88) !important;
    border-color: rgba(20,64,96,.13) !important;
    box-shadow: 0 24px 70px rgba(20,64,96,.13), inset 0 1px 0 rgba(255,255,255,.8) !important;
}
html[data-theme="light"] .entry-card-v9::before { background: linear-gradient(135deg, rgba(50,189,239,.13), transparent 42%, rgba(13,97,169,.08)); }
html[data-theme="light"] .privacy-choice-v9 label,
html[data-theme="light"] .top-icon,
html[data-theme="light"] .panel-close,
html[data-theme="light"] .people-action,
html[data-theme="light"] .control-button,
html[data-theme="light"] .compose-shell,
html[data-theme="light"] .reaction-menu,
html[data-theme="light"] .secondary-action,
html[data-theme="light"] .theme-switch {
    background: rgba(245,249,252,.92) !important;
    border-color: rgba(20,64,96,.14) !important;
    color: #071521 !important;
}
html[data-theme="light"] .control-button.active,
html[data-theme="light"] .panel-chip.active,
html[data-theme="light"] .people-action.success {
    background: rgba(50,189,239,.18) !important;
    color: #064b78 !important;
    border-color: rgba(13,97,169,.22) !important;
}
html[data-theme="light"] .control-button.off,
html[data-theme="light"] .leave-button,
html[data-theme="light"] .danger,
html[data-theme="light"] .danger-action {
    color: #8f1230 !important;
}
html[data-theme="light"] .video-stage,
html[data-theme="light"] .stage-wrap { color: #071521; }
html[data-theme="light"] .stage-surface { background: linear-gradient(145deg, rgba(255,255,255,.92), rgba(238,246,251,.9)) !important; }
html[data-theme="light"] .video-tile { background: #e7f0f7 !important; border-color: rgba(20,64,96,.12) !important; }
html[data-theme="light"] .video-off-layer { color: #0b334f !important; background: linear-gradient(135deg, #e5f4fc, #d7eaf6) !important; }
html[data-theme="light"] .tile-meta .name-pill,
html[data-theme="light"] .status-pill,
html[data-theme="light"] .meeting-pulse,
html[data-theme="light"] .recording-chip {
    background: rgba(255,255,255,.82) !important;
    color: #071521 !important;
    border-color: rgba(20,64,96,.12) !important;
}
html[data-theme="light"] .panel-head p,
html[data-theme="light"] .person-sub,
html[data-theme="light"] .message-top,
html[data-theme="light"] .prejoin-lead,
html[data-theme="light"] .lobby-card p { color: #68798a !important; }
html[data-theme="light"] .message-row { background: #f2f6fa !important; color: #071521 !important; border-color: rgba(20,64,96,.08) !important; }
html[data-theme="light"] .message-row.own { background: #dff3ff !important; border-color: rgba(13,97,169,.14) !important; }
html[data-theme="light"] .compose-shell textarea,
html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea {
    background: rgba(255,255,255,.84) !important;
    color: #071521 !important;
    border-color: rgba(20,64,96,.14) !important;
}
html[data-theme="light"] .compose-shell textarea { background: transparent !important; }
html[data-theme="light"] .settings-stack select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23071521' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important;
}
html[data-theme="light"] .reaction-menu button { background: rgba(255,255,255,.92) !important; }
html[data-theme="light"] .toast { background: rgba(255,255,255,.96) !important; color: #071521 !important; }

@media (max-width: 720px) {
    .landing-v9 { padding: 10px; align-items: start; }
    .home-shell-v9 { min-height: calc(100dvh - 20px); gap: 18px; }
    .home-nav-v9 { height: 58px; }
    .entry-card-v9 { padding: 20px; border-radius: 30px; }
    .entry-copy-v9 h1 { font-size: clamp(38px, 13vw, 56px); }
    .join-box-v9 { grid-template-columns: 1fr; }
    .join-submit-v9 { height: 54px; }
    .privacy-choice-v9 { grid-template-columns: 1fr; }
}

/* v10 index and settings repairs */
.landing-v10 {
    min-height: 100dvh;
    padding: clamp(14px, 2.5vw, 34px);
    display: grid;
    place-items: center;
    background:
        radial-gradient(circle at 50% -8%, rgba(50,189,239,.18), transparent 34%),
        radial-gradient(circle at 18% 100%, rgba(13,97,169,.16), transparent 32%),
        linear-gradient(145deg, #030812 0%, #07101d 56%, #030812 100%);
}
.home-shell-v10 {
    width: min(760px, 100%);
    min-height: auto;
    display: grid;
    grid-template-rows: auto 1fr;
    gap: clamp(16px, 3dvh, 28px);
}
.home-header-v10 {
    min-height: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}
.home-brand-v10 {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: var(--text);
    font-weight: 950;
    font-size: 25px;
    letter-spacing: -.035em;
}
.home-logo-v10 { width: 46px !important; height: 46px !important; }
.home-panel-v10 {
    align-self: center;
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border-radius: clamp(28px, 4.5vw, 40px);
    padding: clamp(24px, 4.5vw, 44px) clamp(24px, 5.4vw, 52px);
    border: 1px solid rgba(180,225,255,.13);
    background:
        linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.035)),
        rgba(5,15,28,.78);
    box-shadow: 0 34px 98px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.07);
    backdrop-filter: blur(26px) saturate(145%);
}
.home-panel-v10::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
        linear-gradient(135deg, rgba(50,189,239,.14), transparent 38%),
        radial-gradient(circle at 16% 4%, rgba(255,255,255,.08), transparent 32%);
}
.home-intro-v10 {
    margin-bottom: clamp(24px, 4vw, 34px);
    text-align: right;
}
.home-mark-v10 {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 0 12px;
    border-radius: 999px;
    border: 1px solid rgba(50,189,239,.24);
    background: rgba(50,189,239,.1);
    color: #66d3ff;
    font-size: 13px;
    font-weight: 950;
}
.home-intro-v10 h1 {
    margin: 18px 0 0;
    font-size: clamp(30px, 4.8vw, 44px);
    line-height: 1.32;
    letter-spacing: -.012em;
}
.home-intro-v10 p {
    margin: 14px 0 0;
    max-width: 620px;
    color: var(--muted);
    font-size: clamp(14px, 1.55vw, 16px);
    line-height: 2;
}
.join-form-v10 label {
    display: block;
    margin-bottom: 9px;
    color: var(--muted);
    font-weight: 850;
}
.join-row-v10 {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 124px;
    gap: 12px;
}
.join-row-v10 input {
    height: 58px;
    direction: rtl;
    text-align: right;
    border-radius: 20px;
    background: rgba(255,255,255,.055);
    border-color: rgba(180,225,255,.12);
    font-weight: 750;
}
.join-submit-v10 {
    height: 58px;
    border-radius: 20px;
    background: linear-gradient(135deg, #32bdef, #0d61a9);
    color: white;
    font-weight: 950;
    white-space: nowrap;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 -1px 0 rgba(0,0,0,.13), 0 10px 20px rgba(0,0,0,.18), 0 4px 10px rgba(16,115,184,.18);
    transition: transform .18s var(--ease), box-shadow .18s var(--ease), filter .18s var(--ease);
}
.join-submit-v10:hover { transform: translateY(-1px); box-shadow: inset 0 1px 0 rgba(255,255,255,.32), inset 0 -1px 0 rgba(0,0,0,.12), 0 12px 22px rgba(0,0,0,.2), 0 5px 12px rgba(16,115,184,.2); }
.join-submit-v10:active { transform: scale(.975); }
.create-form-v10 {
    margin-top: 26px;
    padding-top: 22px;
    border-top: 1px solid rgba(180,225,255,.1);
}
.create-head-v10 {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}
.create-head-v10 b {
    color: var(--text);
    font-size: 20px;
    letter-spacing: -.012em;
}
.create-head-v10 span {
    color: var(--muted-2);
    font-size: 13px;
    font-weight: 800;
}
.privacy-choice-v10 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 16px;
}
.privacy-card-v10 {
    position: relative;
    display: grid;
    grid-template-columns: 22px minmax(0,1fr);
    grid-template-rows: auto auto;
    column-gap: 10px;
    row-gap: 6px;
    min-height: 104px;
    padding: 18px;
    text-align: right;
    border-radius: 22px;
    border: 1px solid rgba(180,225,255,.12);
    background: rgba(255,255,255,.045);
    cursor: pointer;
    transition: transform .18s var(--ease), border-color .18s var(--ease), background .18s var(--ease), box-shadow .18s var(--ease);
}
.privacy-card-v10:hover {
    transform: translateY(-1px);
    border-color: rgba(50,189,239,.28);
    background: rgba(255,255,255,.06);
}
.privacy-card-v10 input {
    position: absolute;
    inline-size: 1px;
    block-size: 1px;
    opacity: 0;
    pointer-events: none;
}
.radio-dot-v10 {
    grid-row: 1 / span 2;
    align-self: start;
    width: 18px;
    height: 18px;
    margin-top: 2px;
    border-radius: 999px;
    border: 2px solid rgba(168,200,220,.72);
    box-shadow: inset 0 0 0 4px rgba(5,15,28,.9);
    background: transparent;
    transition: border-color .18s var(--ease), background .18s var(--ease), box-shadow .18s var(--ease);
}
.privacy-card-v10 input:checked + .radio-dot-v10 {
    border-color: #32bdef;
    background: #32bdef;
    box-shadow: inset 0 0 0 4px rgba(5,15,28,.95), 0 0 0 5px rgba(50,189,239,.1);
}
.privacy-card-v10 strong {
    color: var(--text);
    font-size: 18px;
    font-weight: 950;
}
.privacy-card-v10 small {
    color: var(--muted);
    line-height: 1.75;
}
.create-action-v10 {
    width: 100%;
    min-height: 58px;
    border-radius: 21px;
}
.theme-switch-v10 {
    background: rgba(255,255,255,.065);
    border-color: rgba(180,225,255,.12);
}
.settings-stack select {
    appearance: none !important;
    -webkit-appearance: none !important;
    background: rgba(3,10,20,.78) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d9edf9' stroke-width='2.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E") no-repeat left 18px center / 18px 18px !important;
    padding: 0 16px 0 52px !important;
    color: var(--text) !important;
}
html[data-theme="light"] .landing-v10 {
    background:
        radial-gradient(circle at 50% -8%, rgba(50,189,239,.18), transparent 34%),
        radial-gradient(circle at 18% 100%, rgba(13,97,169,.1), transparent 32%),
        linear-gradient(145deg, #f8fbfe 0%, #eef5fa 55%, #f9fcff 100%);
}
html[data-theme="light"] .home-panel-v10 {
    background: rgba(255,255,255,.9);
    border-color: rgba(20,64,96,.13);
    box-shadow: 0 30px 86px rgba(20,64,96,.13), inset 0 1px 0 rgba(255,255,255,.88);
}
html[data-theme="light"] .home-panel-v10::before {
    background:
        linear-gradient(135deg, rgba(50,189,239,.12), transparent 44%),
        radial-gradient(circle at 16% 4%, rgba(13,97,169,.07), transparent 32%);
}
html[data-theme="light"] .home-mark-v10 {
    background: rgba(13,97,169,.08);
    color: #075b90;
    border-color: rgba(13,97,169,.18);
}
html[data-theme="light"] .join-row-v10 input,
html[data-theme="light"] .privacy-card-v10,
html[data-theme="light"] .theme-switch-v10 {
    background: rgba(246,250,253,.94) !important;
    border-color: rgba(20,64,96,.14) !important;
    color: #071521 !important;
}
html[data-theme="light"] .privacy-card-v10:hover {
    background: white !important;
    border-color: rgba(13,97,169,.26) !important;
}
html[data-theme="light"] .radio-dot-v10 {
    border-color: rgba(82,106,126,.55);
    box-shadow: inset 0 0 0 4px rgba(255,255,255,.95);
}
html[data-theme="light"] .privacy-card-v10 input:checked + .radio-dot-v10 {
    border-color: #0d61a9;
    background: #0d61a9;
    box-shadow: inset 0 0 0 4px rgba(255,255,255,.96), 0 0 0 5px rgba(13,97,169,.1);
}
html[data-theme="light"] .settings-stack select {
    background: rgba(255,255,255,.96) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23071521' stroke-width='2.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E") no-repeat left 18px center / 18px 18px !important;
    border-color: rgba(20,64,96,.16) !important;
    color: #071521 !important;
}
@media (max-width: 680px) {
    .landing-v10 { padding: 10px; align-items: start; }
    .home-shell-v10 { min-height: calc(100dvh - 20px); gap: 14px; }
    .home-header-v10 { min-height: 56px; }
    .home-brand-v10 { font-size: 22px; }
    .home-logo-v10 { width: 42px !important; height: 42px !important; }
    .home-panel-v10 { padding: 20px; border-radius: 28px; }
    .home-intro-v10 h1 { font-size: clamp(30px, 10vw, 38px); }
    .join-row-v10 { grid-template-columns: 1fr; }
    .join-submit-v10 { width: 100%; }
    .privacy-choice-v10 { grid-template-columns: 1fr; }
    .create-head-v10 { align-items: flex-start; flex-direction: column; }
}

html[data-theme="light"] {
    --text: #071521;
    --muted: #40566a;
    --muted-2: #607386;
    --border: rgba(20,64,96,.15);
    --border-strong: rgba(13,97,169,.28);
    --panel: rgba(255,255,255,.92);
}

.app-logo {
    display: inline-grid !important;
    place-items: center !important;
    width: 48px !important;
    height: 48px !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
}

.app-logo img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
}

.top-icon,
.control-button,
.leave-button,
.panel-chip,
.people-action,
.send-button {
    overflow: visible !important;
}

.control-button svg,
.leave-button svg,
.top-icon svg,
.panel-chip svg,
.people-action svg,
.send-button svg {
    display: block !important;
    flex: 0 0 auto !important;
}

.settings-stack select {
    appearance: none !important;
    -webkit-appearance: none !important;
    background-color: rgba(3,10,20,.86) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d9edf9' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 10l5 5 5-5'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: left 16px center !important;
    background-size: 18px 18px !important;
    padding-inline: 16px 48px !important;
}

html[data-theme="light"] .settings-stack select {
    background-color: #ffffff !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23071521' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 10l5 5 5-5'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: left 16px center !important;
    background-size: 18px 18px !important;
    color: #071521 !important;
    border-color: rgba(20,64,96,.18) !important;
}

html[data-theme="light"] .meeting-body,
html[data-theme="light"] .panel,
html[data-theme="light"] .meeting-topbar,
html[data-theme="light"] .control-dock,
html[data-theme="light"] .stage-surface,
html[data-theme="light"] .prejoin-card,
html[data-theme="light"] .lobby-card,
html[data-theme="light"] .confirm-card {
    color: #071521 !important;
}

html[data-theme="light"] .field-label,
html[data-theme="light"] .settings-stack label,
html[data-theme="light"] .settings-stack button,
html[data-theme="light"] .panel-head h2,
html[data-theme="light"] .panel-head p,
html[data-theme="light"] .person-name,
html[data-theme="light"] .person-sub,
html[data-theme="light"] .room-title-wrap strong,
html[data-theme="light"] .room-title-wrap span,
html[data-theme="light"] .control-button span,
html[data-theme="light"] .leave-button span,
html[data-theme="light"] .panel-chip span,
html[data-theme="light"] .prejoin-switches label,
html[data-theme="light"] .message-text,
html[data-theme="light"] .message-top,
html[data-theme="light"] .compose-shell textarea,
html[data-theme="light"] .name-input,
html[data-theme="light"] .home-intro-v10 p,
html[data-theme="light"] .join-form-v10 label,
html[data-theme="light"] .create-head-v10 span,
html[data-theme="light"] .privacy-card-v10 small {
    color: #071521 !important;
}

html[data-theme="light"] .panel-head p,
html[data-theme="light"] .person-sub,
html[data-theme="light"] .message-top,
html[data-theme="light"] .prejoin-lead,
html[data-theme="light"] .room-title-wrap span,
html[data-theme="light"] .create-head-v10 span,
html[data-theme="light"] .privacy-card-v10 small,
html[data-theme="light"] .home-intro-v10 p {
    color: #4a5f72 !important;
}

html[data-theme="light"] .top-icon,
html[data-theme="light"] .control-button,
html[data-theme="light"] .panel-chip,
html[data-theme="light"] .people-action,
html[data-theme="light"] .send-button,
html[data-theme="light"] .prejoin-switches label,
html[data-theme="light"] .settings-apply {
    color: #071521 !important;
    background: rgba(246,250,253,.96) !important;
    border-color: rgba(20,64,96,.16) !important;
}

html[data-theme="light"] .control-button.off,
html[data-theme="light"] .control-button.locked {
    color: #8f1230 !important;
    background: rgba(255,232,237,.95) !important;
    border-color: rgba(143,18,48,.18) !important;
}

html[data-theme="light"] .control-button.active,
html[data-theme="light"] .panel-chip.active {
    color: #064b78 !important;
    background: rgba(213,243,255,.96) !important;
    border-color: rgba(13,97,169,.24) !important;
}

html[data-theme="light"] .leave-button {
    color: #ffffff !important;
    background: linear-gradient(135deg, #d82048, #a90f2e) !important;
    border-color: rgba(143,18,48,.24) !important;
}
html[data-theme="light"] .leave-button span {
    color: #ffffff !important;
}
html[data-theme="light"] .top-icon > span:not(.badge) {
    background: #0d61a9 !important;
    color: #ffffff !important;
    border-color: rgba(13,97,169,.38) !important;
    box-shadow: 0 8px 18px rgba(13,97,169,.22) !important;
}

html[data-theme="light"] .compose-shell {
    background: #ffffff !important;
    border-color: rgba(20,64,96,.13) !important;
}

html[data-theme="light"] .compose-shell textarea::placeholder,
html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder {
    color: #6b7e90 !important;
}

@media (max-width: 760px) {
    .app-shell {
        padding: 7px !important;
        gap: 7px !important;
    }

    .meeting-topbar {
        height: 58px !important;
        min-height: 58px !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        gap: 6px !important;
        padding: 7px !important;
        border-radius: 20px !important;
    }

    .room-identity {
        gap: 8px !important;
        min-width: 0 !important;
    }

    .top-logo,
    .room-identity .app-logo {
        width: 36px !important;
        height: 36px !important;
    }

    .room-title-wrap {
        min-width: 0 !important;
        max-width: 96px !important;
    }

    .room-title-wrap strong {
        font-size: 14px !important;
        line-height: 1.1 !important;
    }

    .room-title-wrap span {
        display: none !important;
    }

    .top-actions {
        display: grid !important;
        grid-auto-flow: column !important;
        grid-auto-columns: 36px !important;
        gap: 4px !important;
        align-items: center !important;
        justify-content: end !important;
        min-width: 0 !important;
    }

    .meeting-topbar .top-actions .top-icon,
    .meeting-topbar .top-actions .top-icon:nth-child(1),
    .meeting-topbar .top-actions .top-icon:nth-child(4) {
        display: inline-grid !important;
        width: 36px !important;
        min-width: 36px !important;
        height: 36px !important;
        border-radius: 13px !important;
        padding: 0 !important;
    }

    .top-icon svg {
        width: 17px !important;
        height: 17px !important;
    }

    .top-icon > span:not(.badge) {
        min-width: 17px !important;
        height: 17px !important;
        font-size: 9px !important;
        bottom: -5px !important;
        right: -4px !important;
    }

    .badge {
        min-width: 17px !important;
        height: 17px !important;
        font-size: 9px !important;
        top: -5px !important;
        left: -5px !important;
    }

    .stage-wrap {
        min-height: 0 !important;
    }

    .side-panel {
        inset: 70px 7px 78px 7px !important;
    }

    .control-dock {
        display: grid !important;
        grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
        align-items: center !important;
        justify-content: stretch !important;
        gap: 5px !important;
        width: 100% !important;
        min-height: 66px !important;
        padding: 6px !important;
        overflow: visible !important;
        border-radius: 22px !important;
    }

    .reaction-wrap {
        position: relative !important;
        display: block !important;
        min-width: 0 !important;
        width: 100% !important;
    }

    .control-button,
    .leave-button,
    .reaction-wrap > .control-button {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: 54px !important;
        padding: 4px 1px !important;
        border-radius: 16px !important;
        gap: 2px !important;
    }

    .control-button svg,
    .leave-button svg {
        width: 18px !important;
        height: 18px !important;
    }

    .control-button span,
    .leave-button span {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
        text-overflow: clip !important;
        white-space: nowrap !important;
        font-size: 9px !important;
        line-height: 1.1 !important;
        letter-spacing: -.03em !important;
    }

    .reaction-menu {
        right: 50% !important;
        left: auto !important;
        bottom: calc(100% + 10px) !important;
        transform: translateX(50%) !important;
    }

    .compose-shell {
        grid-template-columns: minmax(0, 1fr) 44px !important;
    }

    .send-button {
        width: 44px !important;
        min-width: 44px !important;
        height: 44px !important;
    }
}

@media (max-width: 380px) {
    .room-title-wrap {
        max-width: 70px !important;
    }

    .top-actions {
        grid-auto-columns: 34px !important;
        gap: 3px !important;
    }

    .meeting-topbar .top-actions .top-icon,
    .meeting-topbar .top-actions .top-icon:nth-child(1),
    .meeting-topbar .top-actions .top-icon:nth-child(4) {
        width: 34px !important;
        min-width: 34px !important;
        height: 34px !important;
        border-radius: 12px !important;
    }

    .control-dock {
        gap: 4px !important;
        min-height: 62px !important;
        padding: 5px !important;
    }

    .control-button,
    .leave-button,
    .reaction-wrap > .control-button {
        height: 51px !important;
        border-radius: 14px !important;
    }

    .control-button svg,
    .leave-button svg {
        width: 17px !important;
        height: 17px !important;
    }

    .control-button span,
    .leave-button span {
        font-size: 8px !important;
    }
}

@media (max-width: 760px) {
    .reaction-menu {
        position: fixed !important;
        left: max(10px, env(safe-area-inset-left)) !important;
        right: max(10px, env(safe-area-inset-right)) !important;
        bottom: calc(82px + env(safe-area-inset-bottom)) !important;
        transform: none !important;
        display: grid !important;
        grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
        gap: 6px !important;
        width: auto !important;
        max-width: none !important;
        padding: 8px !important;
        border-radius: 20px !important;
        z-index: 80 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
        contain: layout paint !important;
        animation: reactionSheetIn .16s var(--ease) !important;
    }
    .reaction-menu[hidden] {
        display: none !important;
    }
    .reaction-menu button {
        width: 100% !important;
        min-width: 0 !important;
        height: 38px !important;
        font-size: 19px !important;
        transform-origin: center center !important;
    }
}

@media (max-width: 380px) {
    .reaction-menu {
        gap: 4px !important;
        padding: 7px !important;
        border-radius: 18px !important;
    }
    .reaction-menu button {
        height: 35px !important;
        font-size: 17px !important;
    }
}

@keyframes reactionSheetIn {
    from { opacity: 0; transform: translateY(8px) scale(.98); }
    to { opacity: 1; transform: none; }
}
.top-icon.has-unread {
    border-color: rgba(255, 71, 104, .55) !important;
    box-shadow: 0 0 0 4px rgba(255, 71, 104, .12), 0 18px 40px rgba(255, 71, 104, .18);
}
.top-icon.has-unread .badge {
    display: grid !important;
    animation: badgePop .9s var(--ease) infinite alternate;
}
@keyframes badgePop {
    from { transform: scale(.92); }
    to { transform: scale(1.08); }
}

.badge[hidden] { display: none !important; }

.landing-v10 {
    position: relative;
    overflow: hidden;
    background: #090a0f;
}
.landing-v10 .home-shell-v10 {
    position: relative;
    z-index: 1;
}
.home-stars-v10 #stars,
.home-stars-v10 #stars2,
.home-stars-v10 #stars3 {
    position: absolute;
    top: 0;
    left: 0;
}

.home-stars-v10 {
  position: fixed;
  inset: 0;
  height: 100%;
  width: 100%;
  pointer-events: none;
  z-index: 0;
  background: radial-gradient(ellipse at bottom, #1b2735 0%, #090a0f 100%);
  overflow: hidden;
}

.home-stars-v10 #stars {
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow:
    501px 811px #fff,
    1450px 1324px #fff,
    1093px 1780px #fff,
    1469px 678px #fff,
    904px 741px #fff,
    1160px 781px #fff,
    1841px 1962px #fff,
    1630px 1667px #fff,
    1788px 676px #fff,
    367px 1734px #fff,
    1343px 156px #fff,
    1283px 1142px #fff,
    1062px 378px #fff,
    1395px 467px #fff,
    1017px 1891px #fff,
    137px 1114px #fff,
    1767px 1403px #fff,
    1543px 11px #fff,
    1078px 181px #fff,
    1189px 1574px #fff,
    1697px 1551px #fff,
    439px 472px #fff,
    1491px 677px #fff,
    1364px 599px #fff,
    34px 382px #fff,
    1221px 1584px #fff,
    1266px 1499px #fff,
    169px 1907px #fff,
    1219px 1125px #fff,
    659px 18px #fff,
    1731px 1959px #fff,
    332px 1216px #fff,
    1913px 788px #fff,
    80px 712px #fff,
    326px 1605px #fff,
    574px 1502px #fff,
    473px 1653px #fff,
    404px 975px #fff,
    322px 1797px #fff,
    425px 1321px #fff,
    1121px 1797px #fff,
    731px 647px #fff,
    891px 1584px #fff,
    1523px 109px #fff,
    1379px 244px #fff,
    865px 1064px #fff,
    493px 956px #fff,
    624px 1380px #fff,
    440px 619px #fff,
    1630px 767px #fff,
    955px 1196px #fff,
    62px 729px #fff,
    126px 946px #fff,
    1256px 896px #fff,
    1444px 256px #fff,
    661px 1628px #fff,
    1078px 1716px #fff,
    300px 737px #fff,
    1734px 413px #fff,
    1296px 129px #fff,
    1771px 1678px #fff,
    977px 1764px #fff,
    1879px 549px #fff,
    665px 1531px #fff,
    89px 701px #fff,
    1084px 1183px #fff,
    1597px 1576px #fff,
    1354px 1774px #fff,
    554px 1471px #fff,
    1469px 287px #fff,
    887px 106px #fff,
    1962px 766px #fff,
    638px 805px #fff,
    1651px 741px #fff,
    1517px 1826px #fff,
    24px 1152px #fff,
    507px 558px #fff,
    1262px 652px #fff,
    246px 1048px #fff,
    1077px 421px #fff,
    1866px 1847px #fff,
    1986px 1561px #fff,
    704px 632px #fff,
    1991px 1875px #fff,
    1227px 395px #fff,
    45px 1116px #fff,
    247px 786px #fff,
    890px 607px #fff,
    787px 1235px #fff,
    557px 524px #fff,
    1582px 1285px #fff,
    1725px 1366px #fff,
    952px 747px #fff,
    251px 458px #fff,
    1500px 1250px #fff,
    1999px 1734px #fff,
    1336px 1955px #fff,
    1705px 1464px #fff,
    728px 697px #fff,
    594px 510px #fff,
    1345px 1990px #fff,
    1919px 1803px #fff,
    1117px 966px #fff,
    1629px 97px #fff,
    1046px 1196px #fff,
    810px 1092px #fff,
    722px 976px #fff,
    406px 18px #fff,
    1665px 1860px #fff,
    1758px 1628px #fff,
    1183px 463px #fff,
    564px 239px #fff,
    13px 1767px #fff,
    1482px 1472px #fff,
    1700px 347px #fff,
    1362px 244px #fff,
    1141px 1708px #fff,
    22px 885px #fff,
    374px 1309px #fff,
    1034px 1037px #fff,
    1725px 1086px #fff,
    1343px 1921px #fff,
    596px 903px #fff,
    1061px 478px #fff,
    18px 1409px #fff,
    729px 1364px #fff,
    264px 911px #fff,
    677px 1442px #fff,
    123px 33px #fff,
    1303px 646px #fff,
    1945px 792px #fff,
    1305px 938px #fff,
    918px 1536px #fff,
    620px 948px #fff,
    183px 646px #fff,
    695px 687px #fff,
    881px 272px #fff,
    1521px 1212px #fff,
    1423px 1022px #fff,
    1545px 1271px #fff,
    1393px 348px #fff,
    685px 1910px #fff,
    1446px 856px #fff,
    73px 1201px #fff,
    736px 999px #fff,
    673px 796px #fff,
    469px 850px #fff,
    1912px 142px #fff,
    1278px 664px #fff,
    184px 1990px #fff,
    1173px 1312px #fff,
    782px 1879px #fff,
    323px 1035px #fff,
    611px 908px #fff,
    565px 1449px #fff,
    748px 1713px #fff,
    1047px 490px #fff,
    1040px 1872px #fff,
    1818px 1659px #fff,
    1806px 1327px #fff,
    386px 575px #fff,
    1550px 463px #fff,
    148px 687px #fff,
    651px 1683px #fff,
    1588px 1194px #fff,
    1831px 2px #fff,
    581px 876px #fff,
    1396px 1743px #fff,
    1212px 1810px #fff,
    421px 1920px #fff,
    658px 1461px #fff,
    1859px 1809px #fff,
    1456px 388px #fff,
    186px 1627px #fff,
    1528px 1145px #fff,
    171px 97px #fff,
    674px 1072px #fff,
    676px 1052px #fff,
    1165px 1131px #fff,
    1088px 781px #fff,
    1231px 948px #fff,
    330px 257px #fff,
    426px 1046px #fff,
    549px 652px #fff,
    1338px 74px #fff,
    1749px 364px #fff,
    931px 369px #fff,
    383px 1428px #fff,
    1558px 389px #fff,
    927px 133px #fff,
    234px 1888px #fff,
    1785px 1617px #fff,
    556px 643px #fff,
    401px 275px #fff,
    406px 1644px #fff,
    1253px 1852px #fff,
    1599px 883px #fff,
    744px 1721px #fff,
    524px 1297px #fff,
    1226px 1177px #fff,
    1679px 55px #fff,
    874px 1811px #fff,
    838px 790px #fff,
    1241px 430px #fff,
    1676px 652px #fff,
    1191px 568px #fff,
    53px 1990px #fff,
    1163px 237px #fff,
    61px 223px #fff,
    592px 456px #fff,
    1844px 271px #fff,
    1324px 1488px #fff,
    1373px 717px #fff,
    1822px 709px #fff,
    1464px 941px #fff,
    1445px 1118px #fff,
    991px 1414px #fff,
    1964px 1076px #fff,
    108px 172px #fff,
    641px 1722px #fff,
    1539px 427px #fff,
    1697px 45px #fff,
    1301px 1353px #fff,
    1060px 329px #fff,
    967px 1396px #fff,
    493px 301px #fff,
    1228px 1406px #fff,
    1211px 1653px #fff,
    444px 1822px #fff,
    1746px 353px #fff,
    1449px 381px #fff,
    671px 887px #fff,
    650px 138px #fff,
    30px 1839px #fff,
    1094px 1405px #fff,
    273px 796px #fff,
    1618px 1964px #fff,
    1045px 1849px #fff,
    1472px 1155px #fff,
    1529px 1312px #fff,
    728px 448px #fff,
    44px 1908px #fff,
    691px 818px #fff,
    254px 293px #fff,
    1981px 1133px #fff,
    1307px 375px #fff,
    196px 316px #fff,
    1241px 1975px #fff,
    1138px 1706px #fff,
    1769px 463px #fff,
    1768px 1428px #fff,
    1730px 590px #fff,
    1780px 523px #fff,
    1862px 1526px #fff,
    1613px 909px #fff,
    1266px 1781px #fff,
    470px 352px #fff,
    699px 1682px #fff,
    1002px 614px #fff,
    1209px 133px #fff,
    1842px 518px #fff,
    1422px 1836px #fff,
    1720px 1901px #fff,
    470px 1788px #fff,
    1355px 1387px #fff,
    146px 1162px #fff,
    933px 80px #fff,
    681px 1063px #fff,
    313px 1341px #fff,
    740px 1498px #fff,
    168px 1014px #fff,
    345px 1355px #fff,
    1498px 1562px #fff,
    1626px 1358px #fff,
    890px 403px #fff,
    663px 562px #fff,
    1481px 168px #fff,
    22px 719px #fff,
    774px 1041px #fff,
    1899px 829px #fff,
    430px 158px #fff,
    430px 361px #fff,
    1592px 1334px #fff,
    224px 323px #fff,
    1639px 1131px #fff,
    7px 271px #fff,
    1646px 1514px #fff,
    1605px 1444px #fff,
    1820px 1665px #fff,
    1549px 1641px #fff,
    1609px 1377px #fff,
    486px 1098px #fff,
    229px 613px #fff,
    542px 1694px #fff,
    318px 256px #fff,
    1861px 918px #fff,
    889px 892px #fff,
    442px 1524px #fff,
    19px 422px #fff,
    1935px 1908px #fff,
    828px 109px #fff,
    862px 1248px #fff,
    1275px 560px #fff,
    906px 63px #fff,
    337px 1605px #fff,
    1691px 918px #fff,
    1414px 679px #fff,
    1726px 749px #fff,
    1540px 1149px #fff,
    1337px 1466px #fff,
    446px 430px #fff,
    676px 1616px #fff,
    840px 326px #fff,
    976px 977px #fff,
    1840px 642px #fff,
    1273px 804px #fff,
    1071px 928px #fff,
    1292px 1675px #fff,
    29px 1148px #fff,
    1585px 135px #fff,
    1007px 563px #fff,
    1035px 78px #fff,
    1174px 574px #fff,
    120px 1304px #fff,
    845px 1292px #fff,
    861px 540px #fff,
    234px 232px #fff,
    1940px 1367px #fff,
    759px 639px #fff,
    1775px 1381px #fff,
    906px 372px #fff,
    1104px 1165px #fff,
    1524px 911px #fff,
    1882px 330px #fff,
    1389px 700px #fff,
    300px 1629px #fff,
    220px 1614px #fff,
    563px 140px #fff,
    1611px 1586px #fff,
    793px 1316px #fff,
    325px 1070px #fff,
    1722px 1462px #fff,
    1406px 1120px #fff,
    1169px 1768px #fff,
    1956px 1053px #fff,
    959px 1587px #fff,
    585px 1566px #fff,
    370px 204px #fff,
    1606px 1416px #fff,
    443px 1606px #fff,
    1499px 1102px #fff,
    1943px 105px #fff,
    1121px 1594px #fff,
    1512px 32px #fff,
    871px 1425px #fff,
    433px 100px #fff,
    294px 1471px #fff,
    1688px 1755px #fff,
    1666px 591px #fff,
    1034px 300px #fff,
    734px 1178px #fff,
    1342px 313px #fff,
    1616px 1590px #fff,
    1763px 1472px #fff,
    632px 1935px #fff,
    1708px 872px #fff,
    1871px 915px #fff,
    1829px 1020px #fff,
    1599px 578px #fff,
    42px 585px #fff,
    1163px 1382px #fff,
    1744px 1272px #fff,
    984px 1426px #fff,
    1786px 1584px #fff,
    1813px 379px #fff,
    1867px 1127px #fff,
    97px 567px #fff,
    626px 988px #fff,
    1178px 79px #fff,
    1703px 211px #fff,
    961px 1785px #fff,
    110px 975px #fff,
    953px 1941px #fff,
    1027px 1790px #fff,
    1665px 107px #fff,
    11px 964px #fff,
    1718px 1147px #fff,
    21px 1728px #fff,
    1358px 1922px #fff,
    872px 65px #fff,
    1191px 1635px #fff,
    762px 681px #fff,
    1519px 1033px #fff,
    906px 566px #fff,
    1074px 657px #fff,
    1093px 415px #fff,
    51px 198px #fff,
    1075px 1418px #fff,
    1547px 1070px #fff,
    225px 920px #fff,
    850px 1974px #fff,
    981px 595px #fff,
    1425px 131px #fff,
    460px 917px #fff,
    56px 495px #fff,
    714px 428px #fff,
    920px 493px #fff,
    470px 1521px #fff,
    532px 821px #fff,
    1905px 71px #fff,
    883px 1501px #fff,
    294px 196px #fff,
    381px 1999px #fff,
    332px 793px #fff,
    1246px 408px #fff,
    233px 149px #fff,
    315px 231px #fff,
    1594px 1302px #fff,
    696px 1585px #fff,
    791px 136px #fff,
    479px 199px #fff,
    1627px 1413px #fff,
    1824px 924px #fff,
    1631px 342px #fff,
    1251px 1151px #fff,
    284px 1781px #fff,
    497px 1052px #fff,
    204px 1161px #fff,
    646px 1499px #fff,
    1762px 558px #fff,
    854px 1833px #fff,
    883px 945px #fff,
    44px 982px #fff,
    1101px 834px #fff,
    515px 1748px #fff,
    1578px 1435px #fff,
    819px 1258px #fff,
    776px 670px #fff,
    115px 385px #fff,
    1478px 434px #fff,
    885px 20px #fff,
    192px 1513px #fff,
    78px 1129px #fff,
    1774px 1105px #fff,
    955px 1149px #fff,
    1817px 1929px #fff,
    1106px 1832px #fff,
    1107px 1997px #fff,
    94px 23px #fff,
    243px 982px #fff,
    43px 1972px #fff,
    1798px 673px #fff,
    1131px 1589px #fff,
    841px 14px #fff,
    826px 345px #fff,
    687px 56px #fff,
    1084px 32px #fff,
    1887px 1878px #fff,
    153px 526px #fff,
    1828px 253px #fff,
    1947px 1105px #fff,
    886px 700px #fff,
    1307px 1723px #fff,
    1274px 651px #fff,
    1530px 837px #fff,
    1699px 1637px #fff,
    1703px 1331px #fff,
    1929px 1557px #fff,
    1763px 737px #fff,
    1118px 1680px #fff,
    1545px 692px #fff,
    1462px 1092px #fff,
    208px 1667px #fff,
    1393px 859px #fff,
    186px 1794px #fff,
    351px 1199px #fff,
    642px 1995px #fff,
    1061px 1726px #fff,
    1708px 115px #fff,
    1233px 1305px #fff,
    637px 1786px #fff,
    1730px 603px #fff,
    75px 1240px #fff,
    1704px 1326px #fff,
    584px 346px #fff,
    438px 1554px #fff,
    561px 513px #fff,
    1382px 225px #fff,
    467px 1674px #fff,
    1403px 815px #fff,
    1546px 1835px #fff,
    127px 1119px #fff,
    276px 591px #fff,
    688px 1458px #fff,
    765px 646px #fff,
    474px 984px #fff,
    171px 361px #fff,
    94px 1480px #fff,
    1962px 1666px #fff,
    909px 1037px #fff,
    1725px 222px #fff,
    253px 1355px #fff,
    1892px 1901px #fff,
    275px 1847px #fff,
    28px 1184px #fff,
    1725px 1382px #fff,
    882px 647px #fff,
    1935px 1046px #fff,
    10px 344px #fff,
    292px 1328px #fff,
    127px 1352px #fff,
    752px 929px #fff,
    1589px 384px #fff,
    284px 1829px #fff,
    381px 820px #fff,
    1229px 1125px #fff,
    777px 429px #fff,
    1811px 1499px #fff,
    1573px 287px #fff,
    295px 756px #fff,
    389px 616px #fff,
    781px 41px #fff,
    1092px 333px #fff,
    794px 1588px #fff,
    386px 1847px #fff,
    1802px 710px #fff,
    662px 60px #fff,
    640px 264px #fff,
    463px 746px #fff,
    1859px 799px #fff,
    763px 37px #fff,
    639px 396px #fff,
    357px 1071px #fff,
    1190px 1430px #fff,
    1814px 257px #fff,
    1382px 235px #fff,
    606px 1304px #fff,
    1939px 1470px #fff,
    1124px 349px #fff,
    307px 1567px #fff,
    310px 1323px #fff,
    1145px 922px #fff,
    1196px 1922px #fff,
    1647px 544px #fff,
    788px 1337px #fff,
    257px 632px #fff,
    1413px 414px #fff,
    590px 620px #fff,
    582px 794px #fff,
    1702px 1481px #fff,
    1055px 53px #fff,
    157px 346px #fff,
    50px 1901px #fff,
    1038px 1369px #fff,
    796px 1941px #fff,
    215px 194px #fff,
    1567px 1538px #fff,
    367px 800px #fff,
    1044px 489px #fff,
    1109px 1712px #fff,
    524px 327px #fff,
    525px 1252px #fff,
    1475px 1240px #fff,
    529px 436px #fff,
    795px 834px #fff,
    122px 1371px #fff,
    79px 482px #fff,
    520px 1249px #fff,
    336px 1878px #fff,
    188px 944px #fff,
    325px 1259px #fff,
    1491px 1942px #fff,
    620px 1054px #fff,
    1606px 1153px #fff,
    1448px 502px #fff,
    53px 1381px #fff,
    107px 1670px #fff,
    1380px 618px #fff,
    967px 1557px #fff,
    1116px 1722px #fff,
    1174px 1044px #fff,
    1805px 717px #fff,
    663px 394px #fff,
    1848px 1007px #fff,
    389px 802px #fff,
    49px 392px #fff,
    1650px 852px #fff,
    1678px 1012px #fff,
    335px 1009px #fff,
    1818px 1631px #fff,
    1568px 742px #fff,
    1162px 1991px #fff,
    52px 1190px #fff,
    1401px 928px #fff,
    119px 1549px #fff,
    537px 1529px #fff,
    2px 1709px #fff,
    122px 387px #fff,
    543px 2px #fff,
    27px 1971px #fff,
    507px 1377px #fff,
    1362px 1080px #fff,
    1031px 1544px #fff,
    1631px 1174px #fff,
    1603px 312px #fff,
    1626px 1422px #fff,
    1430px 615px #fff,
    1958px 1431px #fff,
    1946px 1412px #fff,
    1848px 247px #fff,
    984px 1808px #fff,
    1396px 225px #fff,
    319px 717px #fff,
    1252px 875px #fff,
    1619px 156px #fff,
    951px 1971px #fff,
    386px 355px #fff,
    1406px 1151px #fff,
    273px 1538px #fff,
    844px 1570px #fff,
    947px 151px #fff,
    1363px 525px #fff,
    209px 307px #fff,
    1923px 1718px #fff,
    993px 1741px #fff,
    1513px 353px #fff,
    1353px 61px #fff,
    664px 352px #fff,
    1382px 359px #fff,
    1487px 1707px #fff,
    657px 1045px #fff,
    1107px 490px #fff,
    1834px 1176px #fff,
    837px 1438px #fff,
    1947px 448px #fff,
    1196px 333px #fff,
    151px 555px #fff,
    18px 992px #fff,
    458px 748px #fff,
    1801px 890px #fff,
    1093px 1012px #fff,
    315px 1101px #fff,
    194px 323px #fff,
    754px 292px #fff,
    1737px 7px #fff,
    40px 840px #fff,
    1170px 805px #fff,
    176px 1753px #fff,
    805px 1148px #fff,
    1578px 1271px #fff,
    367px 1494px #fff,
    363px 1111px #fff,
    1955px 243px #fff,
    1451px 1093px #fff,
    375px 617px #fff,
    1223px 720px #fff,
    1178px 13px #fff,
    1456px 865px #fff,
    1440px 49px #fff,
    186px 1569px #fff,
    320px 1853px #fff,
    300px 539px #fff,
    1559px 509px #fff,
    1985px 1108px #fff,
    1588px 828px #fff,
    525px 1432px #fff,
    831px 363px #fff,
    141px 281px #fff,
    1319px 402px #fff,
    40px 456px #fff,
    1955px 478px #fff,
    1758px 818px #fff,
    1924px 688px #fff,
    1030px 953px #fff,
    1982px 210px #fff,
    917px 1401px #fff,
    1051px 1837px #fff,
    1045px 463px #fff,
    1744px 573px #fff,
    529px 1530px #fff,
    542px 469px #fff,
    1982px 324px #fff,
    1902px 1422px #fff,
    1968px 782px #fff,
    1666px 1561px #fff,
    955px 304px #fff,
    323px 778px #fff,
    272px 443px #fff,
    485px 581px #fff,
    1353px 1058px #fff,
    1257px 131px #fff,
    434px 98px #fff,
    1587px 1953px #fff,
    1749px 68px #fff,
    1984px 839px #fff,
    1518px 183px #fff,
    1071px 855px #fff,
    1662px 1994px #fff,
    1111px 106px #fff,
    1954px 838px #fff;
  animation: animStar 50s linear infinite;
}
.home-stars-v10 #stars:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow:
    501px 811px #fff,
    1450px 1324px #fff,
    1093px 1780px #fff,
    1469px 678px #fff,
    904px 741px #fff,
    1160px 781px #fff,
    1841px 1962px #fff,
    1630px 1667px #fff,
    1788px 676px #fff,
    367px 1734px #fff,
    1343px 156px #fff,
    1283px 1142px #fff,
    1062px 378px #fff,
    1395px 467px #fff,
    1017px 1891px #fff,
    137px 1114px #fff,
    1767px 1403px #fff,
    1543px 11px #fff,
    1078px 181px #fff,
    1189px 1574px #fff,
    1697px 1551px #fff,
    439px 472px #fff,
    1491px 677px #fff,
    1364px 599px #fff,
    34px 382px #fff,
    1221px 1584px #fff,
    1266px 1499px #fff,
    169px 1907px #fff,
    1219px 1125px #fff,
    659px 18px #fff,
    1731px 1959px #fff,
    332px 1216px #fff,
    1913px 788px #fff,
    80px 712px #fff,
    326px 1605px #fff,
    574px 1502px #fff,
    473px 1653px #fff,
    404px 975px #fff,
    322px 1797px #fff,
    425px 1321px #fff,
    1121px 1797px #fff,
    731px 647px #fff,
    891px 1584px #fff,
    1523px 109px #fff,
    1379px 244px #fff,
    865px 1064px #fff,
    493px 956px #fff,
    624px 1380px #fff,
    440px 619px #fff,
    1630px 767px #fff,
    955px 1196px #fff,
    62px 729px #fff,
    126px 946px #fff,
    1256px 896px #fff,
    1444px 256px #fff,
    661px 1628px #fff,
    1078px 1716px #fff,
    300px 737px #fff,
    1734px 413px #fff,
    1296px 129px #fff,
    1771px 1678px #fff,
    977px 1764px #fff,
    1879px 549px #fff,
    665px 1531px #fff,
    89px 701px #fff,
    1084px 1183px #fff,
    1597px 1576px #fff,
    1354px 1774px #fff,
    554px 1471px #fff,
    1469px 287px #fff,
    887px 106px #fff,
    1962px 766px #fff,
    638px 805px #fff,
    1651px 741px #fff,
    1517px 1826px #fff,
    24px 1152px #fff,
    507px 558px #fff,
    1262px 652px #fff,
    246px 1048px #fff,
    1077px 421px #fff,
    1866px 1847px #fff,
    1986px 1561px #fff,
    704px 632px #fff,
    1991px 1875px #fff,
    1227px 395px #fff,
    45px 1116px #fff,
    247px 786px #fff,
    890px 607px #fff,
    787px 1235px #fff,
    557px 524px #fff,
    1582px 1285px #fff,
    1725px 1366px #fff,
    952px 747px #fff,
    251px 458px #fff,
    1500px 1250px #fff,
    1999px 1734px #fff,
    1336px 1955px #fff,
    1705px 1464px #fff,
    728px 697px #fff,
    594px 510px #fff,
    1345px 1990px #fff,
    1919px 1803px #fff,
    1117px 966px #fff,
    1629px 97px #fff,
    1046px 1196px #fff,
    810px 1092px #fff,
    722px 976px #fff,
    406px 18px #fff,
    1665px 1860px #fff,
    1758px 1628px #fff,
    1183px 463px #fff,
    564px 239px #fff,
    13px 1767px #fff,
    1482px 1472px #fff,
    1700px 347px #fff,
    1362px 244px #fff,
    1141px 1708px #fff,
    22px 885px #fff,
    374px 1309px #fff,
    1034px 1037px #fff,
    1725px 1086px #fff,
    1343px 1921px #fff,
    596px 903px #fff,
    1061px 478px #fff,
    18px 1409px #fff,
    729px 1364px #fff,
    264px 911px #fff,
    677px 1442px #fff,
    123px 33px #fff,
    1303px 646px #fff,
    1945px 792px #fff,
    1305px 938px #fff,
    918px 1536px #fff,
    620px 948px #fff,
    183px 646px #fff,
    695px 687px #fff,
    881px 272px #fff,
    1521px 1212px #fff,
    1423px 1022px #fff,
    1545px 1271px #fff,
    1393px 348px #fff,
    685px 1910px #fff,
    1446px 856px #fff,
    73px 1201px #fff,
    736px 999px #fff,
    673px 796px #fff,
    469px 850px #fff,
    1912px 142px #fff,
    1278px 664px #fff,
    184px 1990px #fff,
    1173px 1312px #fff,
    782px 1879px #fff,
    323px 1035px #fff,
    611px 908px #fff,
    565px 1449px #fff,
    748px 1713px #fff,
    1047px 490px #fff,
    1040px 1872px #fff,
    1818px 1659px #fff,
    1806px 1327px #fff,
    386px 575px #fff,
    1550px 463px #fff,
    148px 687px #fff,
    651px 1683px #fff,
    1588px 1194px #fff,
    1831px 2px #fff,
    581px 876px #fff,
    1396px 1743px #fff,
    1212px 1810px #fff,
    421px 1920px #fff,
    658px 1461px #fff,
    1859px 1809px #fff,
    1456px 388px #fff,
    186px 1627px #fff,
    1528px 1145px #fff,
    171px 97px #fff,
    674px 1072px #fff,
    676px 1052px #fff,
    1165px 1131px #fff,
    1088px 781px #fff,
    1231px 948px #fff,
    330px 257px #fff,
    426px 1046px #fff,
    549px 652px #fff,
    1338px 74px #fff,
    1749px 364px #fff,
    931px 369px #fff,
    383px 1428px #fff,
    1558px 389px #fff,
    927px 133px #fff,
    234px 1888px #fff,
    1785px 1617px #fff,
    556px 643px #fff,
    401px 275px #fff,
    406px 1644px #fff,
    1253px 1852px #fff,
    1599px 883px #fff,
    744px 1721px #fff,
    524px 1297px #fff,
    1226px 1177px #fff,
    1679px 55px #fff,
    874px 1811px #fff,
    838px 790px #fff,
    1241px 430px #fff,
    1676px 652px #fff,
    1191px 568px #fff,
    53px 1990px #fff,
    1163px 237px #fff,
    61px 223px #fff,
    592px 456px #fff,
    1844px 271px #fff,
    1324px 1488px #fff,
    1373px 717px #fff,
    1822px 709px #fff,
    1464px 941px #fff,
    1445px 1118px #fff,
    991px 1414px #fff,
    1964px 1076px #fff,
    108px 172px #fff,
    641px 1722px #fff,
    1539px 427px #fff,
    1697px 45px #fff,
    1301px 1353px #fff,
    1060px 329px #fff,
    967px 1396px #fff,
    493px 301px #fff,
    1228px 1406px #fff,
    1211px 1653px #fff,
    444px 1822px #fff,
    1746px 353px #fff,
    1449px 381px #fff,
    671px 887px #fff,
    650px 138px #fff,
    30px 1839px #fff,
    1094px 1405px #fff,
    273px 796px #fff,
    1618px 1964px #fff,
    1045px 1849px #fff,
    1472px 1155px #fff,
    1529px 1312px #fff,
    728px 448px #fff,
    44px 1908px #fff,
    691px 818px #fff,
    254px 293px #fff,
    1981px 1133px #fff,
    1307px 375px #fff,
    196px 316px #fff,
    1241px 1975px #fff,
    1138px 1706px #fff,
    1769px 463px #fff,
    1768px 1428px #fff,
    1730px 590px #fff,
    1780px 523px #fff,
    1862px 1526px #fff,
    1613px 909px #fff,
    1266px 1781px #fff,
    470px 352px #fff,
    699px 1682px #fff,
    1002px 614px #fff,
    1209px 133px #fff,
    1842px 518px #fff,
    1422px 1836px #fff,
    1720px 1901px #fff,
    470px 1788px #fff,
    1355px 1387px #fff,
    146px 1162px #fff,
    933px 80px #fff,
    681px 1063px #fff,
    313px 1341px #fff,
    740px 1498px #fff,
    168px 1014px #fff,
    345px 1355px #fff,
    1498px 1562px #fff,
    1626px 1358px #fff,
    890px 403px #fff,
    663px 562px #fff,
    1481px 168px #fff,
    22px 719px #fff,
    774px 1041px #fff,
    1899px 829px #fff,
    430px 158px #fff,
    430px 361px #fff,
    1592px 1334px #fff,
    224px 323px #fff,
    1639px 1131px #fff,
    7px 271px #fff,
    1646px 1514px #fff,
    1605px 1444px #fff,
    1820px 1665px #fff,
    1549px 1641px #fff,
    1609px 1377px #fff,
    486px 1098px #fff,
    229px 613px #fff,
    542px 1694px #fff,
    318px 256px #fff,
    1861px 918px #fff,
    889px 892px #fff,
    442px 1524px #fff,
    19px 422px #fff,
    1935px 1908px #fff,
    828px 109px #fff,
    862px 1248px #fff,
    1275px 560px #fff,
    906px 63px #fff,
    337px 1605px #fff,
    1691px 918px #fff,
    1414px 679px #fff,
    1726px 749px #fff,
    1540px 1149px #fff,
    1337px 1466px #fff,
    446px 430px #fff,
    676px 1616px #fff,
    840px 326px #fff,
    976px 977px #fff,
    1840px 642px #fff,
    1273px 804px #fff,
    1071px 928px #fff,
    1292px 1675px #fff,
    29px 1148px #fff,
    1585px 135px #fff,
    1007px 563px #fff,
    1035px 78px #fff,
    1174px 574px #fff,
    120px 1304px #fff,
    845px 1292px #fff,
    861px 540px #fff,
    234px 232px #fff,
    1940px 1367px #fff,
    759px 639px #fff,
    1775px 1381px #fff,
    906px 372px #fff,
    1104px 1165px #fff,
    1524px 911px #fff,
    1882px 330px #fff,
    1389px 700px #fff,
    300px 1629px #fff,
    220px 1614px #fff,
    563px 140px #fff,
    1611px 1586px #fff,
    793px 1316px #fff,
    325px 1070px #fff,
    1722px 1462px #fff,
    1406px 1120px #fff,
    1169px 1768px #fff,
    1956px 1053px #fff,
    959px 1587px #fff,
    585px 1566px #fff,
    370px 204px #fff,
    1606px 1416px #fff,
    443px 1606px #fff,
    1499px 1102px #fff,
    1943px 105px #fff,
    1121px 1594px #fff,
    1512px 32px #fff,
    871px 1425px #fff,
    433px 100px #fff,
    294px 1471px #fff,
    1688px 1755px #fff,
    1666px 591px #fff,
    1034px 300px #fff,
    734px 1178px #fff,
    1342px 313px #fff,
    1616px 1590px #fff,
    1763px 1472px #fff,
    632px 1935px #fff,
    1708px 872px #fff,
    1871px 915px #fff,
    1829px 1020px #fff,
    1599px 578px #fff,
    42px 585px #fff,
    1163px 1382px #fff,
    1744px 1272px #fff,
    984px 1426px #fff,
    1786px 1584px #fff,
    1813px 379px #fff,
    1867px 1127px #fff,
    97px 567px #fff,
    626px 988px #fff,
    1178px 79px #fff,
    1703px 211px #fff,
    961px 1785px #fff,
    110px 975px #fff,
    953px 1941px #fff,
    1027px 1790px #fff,
    1665px 107px #fff,
    11px 964px #fff,
    1718px 1147px #fff,
    21px 1728px #fff,
    1358px 1922px #fff,
    872px 65px #fff,
    1191px 1635px #fff,
    762px 681px #fff,
    1519px 1033px #fff,
    906px 566px #fff,
    1074px 657px #fff,
    1093px 415px #fff,
    51px 198px #fff,
    1075px 1418px #fff,
    1547px 1070px #fff,
    225px 920px #fff,
    850px 1974px #fff,
    981px 595px #fff,
    1425px 131px #fff,
    460px 917px #fff,
    56px 495px #fff,
    714px 428px #fff,
    920px 493px #fff,
    470px 1521px #fff,
    532px 821px #fff,
    1905px 71px #fff,
    883px 1501px #fff,
    294px 196px #fff,
    381px 1999px #fff,
    332px 793px #fff,
    1246px 408px #fff,
    233px 149px #fff,
    315px 231px #fff,
    1594px 1302px #fff,
    696px 1585px #fff,
    791px 136px #fff,
    479px 199px #fff,
    1627px 1413px #fff,
    1824px 924px #fff,
    1631px 342px #fff,
    1251px 1151px #fff,
    284px 1781px #fff,
    497px 1052px #fff,
    204px 1161px #fff,
    646px 1499px #fff,
    1762px 558px #fff,
    854px 1833px #fff,
    883px 945px #fff,
    44px 982px #fff,
    1101px 834px #fff,
    515px 1748px #fff,
    1578px 1435px #fff,
    819px 1258px #fff,
    776px 670px #fff,
    115px 385px #fff,
    1478px 434px #fff,
    885px 20px #fff,
    192px 1513px #fff,
    78px 1129px #fff,
    1774px 1105px #fff,
    955px 1149px #fff,
    1817px 1929px #fff,
    1106px 1832px #fff,
    1107px 1997px #fff,
    94px 23px #fff,
    243px 982px #fff,
    43px 1972px #fff,
    1798px 673px #fff,
    1131px 1589px #fff,
    841px 14px #fff,
    826px 345px #fff,
    687px 56px #fff,
    1084px 32px #fff,
    1887px 1878px #fff,
    153px 526px #fff,
    1828px 253px #fff,
    1947px 1105px #fff,
    886px 700px #fff,
    1307px 1723px #fff,
    1274px 651px #fff,
    1530px 837px #fff,
    1699px 1637px #fff,
    1703px 1331px #fff,
    1929px 1557px #fff,
    1763px 737px #fff,
    1118px 1680px #fff,
    1545px 692px #fff,
    1462px 1092px #fff,
    208px 1667px #fff,
    1393px 859px #fff,
    186px 1794px #fff,
    351px 1199px #fff,
    642px 1995px #fff,
    1061px 1726px #fff,
    1708px 115px #fff,
    1233px 1305px #fff,
    637px 1786px #fff,
    1730px 603px #fff,
    75px 1240px #fff,
    1704px 1326px #fff,
    584px 346px #fff,
    438px 1554px #fff,
    561px 513px #fff,
    1382px 225px #fff,
    467px 1674px #fff,
    1403px 815px #fff,
    1546px 1835px #fff,
    127px 1119px #fff,
    276px 591px #fff,
    688px 1458px #fff,
    765px 646px #fff,
    474px 984px #fff,
    171px 361px #fff,
    94px 1480px #fff,
    1962px 1666px #fff,
    909px 1037px #fff,
    1725px 222px #fff,
    253px 1355px #fff,
    1892px 1901px #fff,
    275px 1847px #fff,
    28px 1184px #fff,
    1725px 1382px #fff,
    882px 647px #fff,
    1935px 1046px #fff,
    10px 344px #fff,
    292px 1328px #fff,
    127px 1352px #fff,
    752px 929px #fff,
    1589px 384px #fff,
    284px 1829px #fff,
    381px 820px #fff,
    1229px 1125px #fff,
    777px 429px #fff,
    1811px 1499px #fff,
    1573px 287px #fff,
    295px 756px #fff,
    389px 616px #fff,
    781px 41px #fff,
    1092px 333px #fff,
    794px 1588px #fff,
    386px 1847px #fff,
    1802px 710px #fff,
    662px 60px #fff,
    640px 264px #fff,
    463px 746px #fff,
    1859px 799px #fff,
    763px 37px #fff,
    639px 396px #fff,
    357px 1071px #fff,
    1190px 1430px #fff,
    1814px 257px #fff,
    1382px 235px #fff,
    606px 1304px #fff,
    1939px 1470px #fff,
    1124px 349px #fff,
    307px 1567px #fff,
    310px 1323px #fff,
    1145px 922px #fff,
    1196px 1922px #fff,
    1647px 544px #fff,
    788px 1337px #fff,
    257px 632px #fff,
    1413px 414px #fff,
    590px 620px #fff,
    582px 794px #fff,
    1702px 1481px #fff,
    1055px 53px #fff,
    157px 346px #fff,
    50px 1901px #fff,
    1038px 1369px #fff,
    796px 1941px #fff,
    215px 194px #fff,
    1567px 1538px #fff,
    367px 800px #fff,
    1044px 489px #fff,
    1109px 1712px #fff,
    524px 327px #fff,
    525px 1252px #fff,
    1475px 1240px #fff,
    529px 436px #fff,
    795px 834px #fff,
    122px 1371px #fff,
    79px 482px #fff,
    520px 1249px #fff,
    336px 1878px #fff,
    188px 944px #fff,
    325px 1259px #fff,
    1491px 1942px #fff,
    620px 1054px #fff,
    1606px 1153px #fff,
    1448px 502px #fff,
    53px 1381px #fff,
    107px 1670px #fff,
    1380px 618px #fff,
    967px 1557px #fff,
    1116px 1722px #fff,
    1174px 1044px #fff,
    1805px 717px #fff,
    663px 394px #fff,
    1848px 1007px #fff,
    389px 802px #fff,
    49px 392px #fff,
    1650px 852px #fff,
    1678px 1012px #fff,
    335px 1009px #fff,
    1818px 1631px #fff,
    1568px 742px #fff,
    1162px 1991px #fff,
    52px 1190px #fff,
    1401px 928px #fff,
    119px 1549px #fff,
    537px 1529px #fff,
    2px 1709px #fff,
    122px 387px #fff,
    543px 2px #fff,
    27px 1971px #fff,
    507px 1377px #fff,
    1362px 1080px #fff,
    1031px 1544px #fff,
    1631px 1174px #fff,
    1603px 312px #fff,
    1626px 1422px #fff,
    1430px 615px #fff,
    1958px 1431px #fff,
    1946px 1412px #fff,
    1848px 247px #fff,
    984px 1808px #fff,
    1396px 225px #fff,
    319px 717px #fff,
    1252px 875px #fff,
    1619px 156px #fff,
    951px 1971px #fff,
    386px 355px #fff,
    1406px 1151px #fff,
    273px 1538px #fff,
    844px 1570px #fff,
    947px 151px #fff,
    1363px 525px #fff,
    209px 307px #fff,
    1923px 1718px #fff,
    993px 1741px #fff,
    1513px 353px #fff,
    1353px 61px #fff,
    664px 352px #fff,
    1382px 359px #fff,
    1487px 1707px #fff,
    657px 1045px #fff,
    1107px 490px #fff,
    1834px 1176px #fff,
    837px 1438px #fff,
    1947px 448px #fff,
    1196px 333px #fff,
    151px 555px #fff,
    18px 992px #fff,
    458px 748px #fff,
    1801px 890px #fff,
    1093px 1012px #fff,
    315px 1101px #fff,
    194px 323px #fff,
    754px 292px #fff,
    1737px 7px #fff,
    40px 840px #fff,
    1170px 805px #fff,
    176px 1753px #fff,
    805px 1148px #fff,
    1578px 1271px #fff,
    367px 1494px #fff,
    363px 1111px #fff,
    1955px 243px #fff,
    1451px 1093px #fff,
    375px 617px #fff,
    1223px 720px #fff,
    1178px 13px #fff,
    1456px 865px #fff,
    1440px 49px #fff,
    186px 1569px #fff,
    320px 1853px #fff,
    300px 539px #fff,
    1559px 509px #fff,
    1985px 1108px #fff,
    1588px 828px #fff,
    525px 1432px #fff,
    831px 363px #fff,
    141px 281px #fff,
    1319px 402px #fff,
    40px 456px #fff,
    1955px 478px #fff,
    1758px 818px #fff,
    1924px 688px #fff,
    1030px 953px #fff,
    1982px 210px #fff,
    917px 1401px #fff,
    1051px 1837px #fff,
    1045px 463px #fff,
    1744px 573px #fff,
    529px 1530px #fff,
    542px 469px #fff,
    1982px 324px #fff,
    1902px 1422px #fff,
    1968px 782px #fff,
    1666px 1561px #fff,
    955px 304px #fff,
    323px 778px #fff,
    272px 443px #fff,
    485px 581px #fff,
    1353px 1058px #fff,
    1257px 131px #fff,
    434px 98px #fff,
    1587px 1953px #fff,
    1749px 68px #fff,
    1984px 839px #fff,
    1518px 183px #fff,
    1071px 855px #fff,
    1662px 1994px #fff,
    1111px 106px #fff,
    1954px 838px #fff;
}

.home-stars-v10 #stars2 {
  width: 2px;
  height: 2px;
  background: transparent;
  box-shadow:
    1925px 1320px #fff,
    693px 1778px #fff,
    1016px 711px #fff,
    1171px 563px #fff,
    661px 1919px #fff,
    1610px 44px #fff,
    1275px 140px #fff,
    1208px 1802px #fff,
    1473px 1587px #fff,
    11px 1117px #fff,
    853px 1757px #fff,
    1149px 937px #fff,
    1353px 428px #fff,
    270px 279px #fff,
    258px 1404px #fff,
    417px 1188px #fff,
    286px 561px #fff,
    393px 1765px #fff,
    147px 881px #fff,
    666px 1097px #fff,
    1425px 1278px #fff,
    806px 156px #fff,
    1252px 561px #fff,
    218px 52px #fff,
    1371px 1980px #fff,
    171px 745px #fff,
    1424px 89px #fff,
    137px 244px #fff,
    939px 1922px #fff,
    137px 1080px #fff,
    1757px 50px #fff,
    904px 536px #fff,
    1938px 1001px #fff,
    1172px 440px #fff,
    72px 1475px #fff,
    102px 121px #fff,
    804px 1671px #fff,
    1314px 270px #fff,
    440px 1341px #fff,
    1216px 511px #fff,
    1061px 1523px #fff,
    97px 274px #fff,
    704px 1318px #fff,
    52px 1872px #fff,
    1962px 296px #fff,
    111px 289px #fff,
    1157px 1236px #fff,
    1347px 1451px #fff,
    820px 286px #fff,
    1389px 1169px #fff,
    644px 841px #fff,
    1286px 522px #fff,
    955px 659px #fff,
    428px 1805px #fff,
    237px 557px #fff,
    1689px 1058px #fff,
    636px 1882px #fff,
    1349px 1664px #fff,
    1548px 432px #fff,
    1841px 504px #fff,
    302px 252px #fff,
    827px 1765px #fff,
    620px 123px #fff,
    207px 748px #fff,
    1454px 1234px #fff,
    1967px 1790px #fff,
    542px 33px #fff,
    742px 1214px #fff,
    255px 1402px #fff,
    74px 1772px #fff,
    699px 475px #fff,
    980px 1253px #fff,
    534px 1676px #fff,
    909px 202px #fff,
    1498px 1251px #fff,
    1796px 120px #fff,
    1409px 1263px #fff,
    1627px 995px #fff,
    969px 710px #fff,
    1674px 676px #fff,
    1832px 759px #fff,
    1623px 563px #fff,
    251px 1790px #fff,
    96px 1688px #fff,
    886px 239px #fff,
    778px 150px #fff,
    1767px 430px #fff,
    765px 1259px #fff,
    1189px 877px #fff,
    444px 1629px #fff,
    1560px 324px #fff,
    1952px 1097px #fff,
    712px 1173px #fff,
    541px 911px #fff,
    827px 1420px #fff,
    1233px 285px #fff,
    784px 546px #fff,
    645px 285px #fff,
    1273px 1255px #fff,
    1821px 174px #fff,
    221px 1795px #fff,
    1004px 456px #fff,
    1298px 941px #fff,
    274px 387px #fff,
    174px 376px #fff,
    1491px 258px #fff,
    1489px 1946px #fff,
    1134px 1382px #fff,
    1289px 1145px #fff,
    464px 358px #fff,
    1249px 1842px #fff,
    1665px 831px #fff,
    1982px 84px #fff,
    541px 774px #fff,
    1994px 523px #fff,
    762px 1644px #fff,
    1730px 867px #fff,
    1951px 1287px #fff,
    911px 1691px #fff,
    1454px 725px #fff,
    1287px 1940px #fff,
    70px 564px #fff,
    1980px 638px #fff,
    1674px 1774px #fff,
    1720px 116px #fff,
    1747px 182px #fff,
    1040px 450px #fff,
    1795px 375px #fff,
    857px 1471px #fff,
    1326px 1730px #fff,
    915px 274px #fff,
    1224px 358px #fff,
    1808px 60px #fff,
    43px 1870px #fff,
    1810px 1536px #fff,
    1564px 1719px #fff,
    731px 1388px #fff,
    1953px 1967px #fff,
    1744px 1119px #fff,
    794px 1384px #fff,
    959px 714px #fff,
    18px 1932px #fff,
    1358px 1437px #fff,
    355px 939px #fff,
    1355px 1648px #fff,
    608px 719px #fff,
    383px 758px #fff,
    1164px 1681px #fff,
    1045px 253px #fff,
    424px 1279px #fff,
    1899px 359px #fff,
    379px 488px #fff,
    214px 465px #fff,
    179px 905px #fff,
    830px 1993px #fff,
    448px 1077px #fff,
    1880px 1354px #fff,
    1973px 347px #fff,
    745px 1025px #fff,
    788px 1007px #fff,
    1377px 883px #fff,
    6px 290px #fff,
    1312px 407px #fff,
    1398px 622px #fff,
    1405px 339px #fff,
    1198px 1709px #fff,
    988px 1226px #fff,
    87px 1459px #fff,
    1113px 1698px #fff,
    997px 732px #fff,
    708px 331px #fff,
    1876px 1112px #fff,
    1729px 1797px #fff,
    719px 703px #fff,
    1295px 522px #fff,
    758px 1061px #fff,
    1309px 1014px #fff,
    1327px 1365px #fff,
    854px 1317px #fff,
    531px 1001px #fff,
    1751px 1040px #fff,
    1354px 190px #fff,
    800px 1538px #fff,
    88px 1455px #fff,
    668px 39px #fff,
    1379px 41px #fff,
    892px 524px #fff,
    54px 649px #fff,
    1289px 730px #fff,
    727px 488px #fff,
    181px 842px #fff,
    1230px 64px #fff,
    3px 857px #fff,
    292px 1201px #fff,
    1343px 673px #fff,
    1096px 1412px #fff,
    1520px 292px #fff,
    104px 1683px #fff,
    934px 1387px #fff,
    314px 739px #fff;
  animation: animStar 100s linear infinite;
}
.home-stars-v10 #stars2:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 2px;
  height: 2px;
  background: transparent;
  box-shadow:
    1925px 1320px #fff,
    693px 1778px #fff,
    1016px 711px #fff,
    1171px 563px #fff,
    661px 1919px #fff,
    1610px 44px #fff,
    1275px 140px #fff,
    1208px 1802px #fff,
    1473px 1587px #fff,
    11px 1117px #fff,
    853px 1757px #fff,
    1149px 937px #fff,
    1353px 428px #fff,
    270px 279px #fff,
    258px 1404px #fff,
    417px 1188px #fff,
    286px 561px #fff,
    393px 1765px #fff,
    147px 881px #fff,
    666px 1097px #fff,
    1425px 1278px #fff,
    806px 156px #fff,
    1252px 561px #fff,
    218px 52px #fff,
    1371px 1980px #fff,
    171px 745px #fff,
    1424px 89px #fff,
    137px 244px #fff,
    939px 1922px #fff,
    137px 1080px #fff,
    1757px 50px #fff,
    904px 536px #fff,
    1938px 1001px #fff,
    1172px 440px #fff,
    72px 1475px #fff,
    102px 121px #fff,
    804px 1671px #fff,
    1314px 270px #fff,
    440px 1341px #fff,
    1216px 511px #fff,
    1061px 1523px #fff,
    97px 274px #fff,
    704px 1318px #fff,
    52px 1872px #fff,
    1962px 296px #fff,
    111px 289px #fff,
    1157px 1236px #fff,
    1347px 1451px #fff,
    820px 286px #fff,
    1389px 1169px #fff,
    644px 841px #fff,
    1286px 522px #fff,
    955px 659px #fff,
    428px 1805px #fff,
    237px 557px #fff,
    1689px 1058px #fff,
    636px 1882px #fff,
    1349px 1664px #fff,
    1548px 432px #fff,
    1841px 504px #fff,
    302px 252px #fff,
    827px 1765px #fff,
    620px 123px #fff,
    207px 748px #fff,
    1454px 1234px #fff,
    1967px 1790px #fff,
    542px 33px #fff,
    742px 1214px #fff,
    255px 1402px #fff,
    74px 1772px #fff,
    699px 475px #fff,
    980px 1253px #fff,
    534px 1676px #fff,
    909px 202px #fff,
    1498px 1251px #fff,
    1796px 120px #fff,
    1409px 1263px #fff,
    1627px 995px #fff,
    969px 710px #fff,
    1674px 676px #fff,
    1832px 759px #fff,
    1623px 563px #fff,
    251px 1790px #fff,
    96px 1688px #fff,
    886px 239px #fff,
    778px 150px #fff,
    1767px 430px #fff,
    765px 1259px #fff,
    1189px 877px #fff,
    444px 1629px #fff,
    1560px 324px #fff,
    1952px 1097px #fff,
    712px 1173px #fff,
    541px 911px #fff,
    827px 1420px #fff,
    1233px 285px #fff,
    784px 546px #fff,
    645px 285px #fff,
    1273px 1255px #fff,
    1821px 174px #fff,
    221px 1795px #fff,
    1004px 456px #fff,
    1298px 941px #fff,
    274px 387px #fff,
    174px 376px #fff,
    1491px 258px #fff,
    1489px 1946px #fff,
    1134px 1382px #fff,
    1289px 1145px #fff,
    464px 358px #fff,
    1249px 1842px #fff,
    1665px 831px #fff,
    1982px 84px #fff,
    541px 774px #fff,
    1994px 523px #fff,
    762px 1644px #fff,
    1730px 867px #fff,
    1951px 1287px #fff,
    911px 1691px #fff,
    1454px 725px #fff,
    1287px 1940px #fff,
    70px 564px #fff,
    1980px 638px #fff,
    1674px 1774px #fff,
    1720px 116px #fff,
    1747px 182px #fff,
    1040px 450px #fff,
    1795px 375px #fff,
    857px 1471px #fff,
    1326px 1730px #fff,
    915px 274px #fff,
    1224px 358px #fff,
    1808px 60px #fff,
    43px 1870px #fff,
    1810px 1536px #fff,
    1564px 1719px #fff,
    731px 1388px #fff,
    1953px 1967px #fff,
    1744px 1119px #fff,
    794px 1384px #fff,
    959px 714px #fff,
    18px 1932px #fff,
    1358px 1437px #fff,
    355px 939px #fff,
    1355px 1648px #fff,
    608px 719px #fff,
    383px 758px #fff,
    1164px 1681px #fff,
    1045px 253px #fff,
    424px 1279px #fff,
    1899px 359px #fff,
    379px 488px #fff,
    214px 465px #fff,
    179px 905px #fff,
    830px 1993px #fff,
    448px 1077px #fff,
    1880px 1354px #fff,
    1973px 347px #fff,
    745px 1025px #fff,
    788px 1007px #fff,
    1377px 883px #fff,
    6px 290px #fff,
    1312px 407px #fff,
    1398px 622px #fff,
    1405px 339px #fff,
    1198px 1709px #fff,
    988px 1226px #fff,
    87px 1459px #fff,
    1113px 1698px #fff,
    997px 732px #fff,
    708px 331px #fff,
    1876px 1112px #fff,
    1729px 1797px #fff,
    719px 703px #fff,
    1295px 522px #fff,
    758px 1061px #fff,
    1309px 1014px #fff,
    1327px 1365px #fff,
    854px 1317px #fff,
    531px 1001px #fff,
    1751px 1040px #fff,
    1354px 190px #fff,
    800px 1538px #fff,
    88px 1455px #fff,
    668px 39px #fff,
    1379px 41px #fff,
    892px 524px #fff,
    54px 649px #fff,
    1289px 730px #fff,
    727px 488px #fff,
    181px 842px #fff,
    1230px 64px #fff,
    3px 857px #fff,
    292px 1201px #fff,
    1343px 673px #fff,
    1096px 1412px #fff,
    1520px 292px #fff,
    104px 1683px #fff,
    934px 1387px #fff,
    314px 739px #fff;
}

.home-stars-v10 #stars3 {
  width: 3px;
  height: 3px;
  background: transparent;
  box-shadow:
    200px 981px #fff,
    1731px 521px #fff,
    132px 1039px #fff,
    1888px 1547px #fff,
    899px 1226px #fff,
    1887px 580px #fff,
    1548px 1092px #fff,
    1626px 689px #fff,
    254px 1072px #fff,
    1684px 1211px #fff,
    672px 1267px #fff,
    939px 668px #fff,
    1969px 645px #fff,
    1126px 983px #fff,
    457px 568px #fff,
    476px 876px #fff,
    829px 1896px #fff,
    1364px 1846px #fff,
    1507px 1120px #fff,
    936px 1948px #fff,
    1833px 832px #fff,
    1424px 285px #fff,
    1377px 1596px #fff,
    432px 153px #fff,
    1348px 1410px #fff,
    1529px 954px #fff,
    1102px 387px #fff,
    264px 297px #fff,
    811px 977px #fff,
    1931px 673px #fff,
    1734px 978px #fff,
    1772px 1567px #fff,
    1197px 1400px #fff,
    764px 282px #fff,
    1103px 822px #fff,
    872px 1803px #fff,
    1057px 1763px #fff,
    52px 1299px #fff,
    1312px 1236px #fff,
    235px 1082px #fff,
    299px 1086px #fff,
    1017px 1602px #fff,
    1950px 626px #fff,
    1306px 132px #fff,
    1358px 1618px #fff,
    1873px 1718px #fff,
    1447px 940px #fff,
    1888px 1195px #fff,
    1704px 1765px #fff,
    872px 1357px #fff,
    1555px 1120px #fff,
    250px 1415px #fff,
    450px 415px #fff,
    492px 901px #fff,
    170px 1641px #fff,
    56px 1129px #fff,
    627px 1514px #fff,
    1221px 500px #fff,
    324px 1895px #fff,
    1397px 1775px #fff,
    1966px 598px #fff,
    1550px 763px #fff,
    326px 1605px #fff,
    261px 969px #fff,
    890px 281px #fff,
    736px 544px #fff,
    589px 1262px #fff,
    1581px 368px #fff,
    1900px 1132px #fff,
    1914px 585px #fff,
    1864px 1517px #fff,
    241px 217px #fff,
    859px 787px #fff,
    996px 1729px #fff,
    741px 121px #fff,
    418px 414px #fff,
    142px 967px #fff,
    387px 896px #fff,
    703px 562px #fff,
    968px 1136px #fff,
    1682px 332px #fff,
    1287px 846px #fff,
    256px 1427px #fff,
    1885px 432px #fff,
    1739px 1458px #fff,
    345px 1769px #fff,
    1140px 1612px #fff,
    192px 1921px #fff,
    920px 471px #fff,
    834px 881px #fff,
    917px 1803px #fff,
    466px 1266px #fff,
    483px 1108px #fff,
    689px 986px #fff,
    1279px 786px #fff,
    458px 910px #fff,
    1250px 870px #fff,
    785px 1654px #fff,
    1543px 1757px #fff,
    287px 1272px #fff;
  animation: animStar 150s linear infinite;
}
.home-stars-v10 #stars3:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 3px;
  height: 3px;
  background: transparent;
  box-shadow:
    200px 981px #fff,
    1731px 521px #fff,
    132px 1039px #fff,
    1888px 1547px #fff,
    899px 1226px #fff,
    1887px 580px #fff,
    1548px 1092px #fff,
    1626px 689px #fff,
    254px 1072px #fff,
    1684px 1211px #fff,
    672px 1267px #fff,
    939px 668px #fff,
    1969px 645px #fff,
    1126px 983px #fff,
    457px 568px #fff,
    476px 876px #fff,
    829px 1896px #fff,
    1364px 1846px #fff,
    1507px 1120px #fff,
    936px 1948px #fff,
    1833px 832px #fff,
    1424px 285px #fff,
    1377px 1596px #fff,
    432px 153px #fff,
    1348px 1410px #fff,
    1529px 954px #fff,
    1102px 387px #fff,
    264px 297px #fff,
    811px 977px #fff,
    1931px 673px #fff,
    1734px 978px #fff,
    1772px 1567px #fff,
    1197px 1400px #fff,
    764px 282px #fff,
    1103px 822px #fff,
    872px 1803px #fff,
    1057px 1763px #fff,
    52px 1299px #fff,
    1312px 1236px #fff,
    235px 1082px #fff,
    299px 1086px #fff,
    1017px 1602px #fff,
    1950px 626px #fff,
    1306px 132px #fff,
    1358px 1618px #fff,
    1873px 1718px #fff,
    1447px 940px #fff,
    1888px 1195px #fff,
    1704px 1765px #fff,
    872px 1357px #fff,
    1555px 1120px #fff,
    250px 1415px #fff,
    450px 415px #fff,
    492px 901px #fff,
    170px 1641px #fff,
    56px 1129px #fff,
    627px 1514px #fff,
    1221px 500px #fff,
    324px 1895px #fff,
    1397px 1775px #fff,
    1966px 598px #fff,
    1550px 763px #fff,
    326px 1605px #fff,
    261px 969px #fff,
    890px 281px #fff,
    736px 544px #fff,
    589px 1262px #fff,
    1581px 368px #fff,
    1900px 1132px #fff,
    1914px 585px #fff,
    1864px 1517px #fff,
    241px 217px #fff,
    859px 787px #fff,
    996px 1729px #fff,
    741px 121px #fff,
    418px 414px #fff,
    142px 967px #fff,
    387px 896px #fff,
    703px 562px #fff,
    968px 1136px #fff,
    1682px 332px #fff,
    1287px 846px #fff,
    256px 1427px #fff,
    1885px 432px #fff,
    1739px 1458px #fff,
    345px 1769px #fff,
    1140px 1612px #fff,
    192px 1921px #fff,
    920px 471px #fff,
    834px 881px #fff,
    917px 1803px #fff,
    466px 1266px #fff,
    483px 1108px #fff,
    689px 986px #fff,
    1279px 786px #fff,
    458px 910px #fff,
    1250px 870px #fff,
    785px 1654px #fff,
    1543px 1757px #fff,
    287px 1272px #fff;
}


@keyframes animStar {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-2000px);
  }
}

@keyframes introFadeUp {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.home-header-v10 .switch.theme-switch-v10 {
    position: relative;
    display: inline-block;
    width: 72px;
    height: 38px;
    min-height: 0;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: transparent !important;
    cursor: pointer;
    isolation: isolate;
}

.home-header-v10 .switch input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.home-header-v10 .slider {
    position: absolute;
    inset: 0;
    cursor: pointer;
    border-radius: inherit;
    border: 1px solid rgba(180,225,255,.24);
    background: linear-gradient(135deg, rgba(9,17,29,.96), rgba(22,35,50,.96));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1), inset 0 -10px 18px rgba(0,0,0,.2), 0 8px 18px rgba(0,0,0,.22);
    overflow: hidden;
    transition: background .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.home-header-v10 .slider:before {
    position: absolute;
    content: "";
    width: 28px;
    height: 28px;
    left: 5px;
    top: 50%;
    border-radius: 50%;
    transform: translateY(-50%);
    background: radial-gradient(circle at 38% 34%, #ffffff 0 8%, #d8e2ec 9% 56%, #91a4b8 100%);
    box-shadow: inset -6px -3px 0 rgba(56,73,92,.38), 0 5px 10px rgba(0,0,0,.32), 0 0 0 1px rgba(255,255,255,.2);
    transition: transform .28s cubic-bezier(.2,.8,.2,1), background .22s ease, box-shadow .22s ease;
    z-index: 2;
}

.home-header-v10 .slider:after {
    position: absolute;
    content: "";
    width: 3px;
    height: 3px;
    right: 15px;
    top: 10px;
    border-radius: 999px;
    background: rgba(234,242,91,.95);
    box-shadow: -11px 7px 0 rgba(234,242,91,.8), 8px 11px 0 rgba(234,242,91,.7);
    transition: opacity .18s ease, transform .22s ease;
    z-index: 1;
}

.home-header-v10 .decoration {
    position: absolute;
    left: 14px;
    top: 13px;
    width: 20px;
    height: 9px;
    border-radius: 999px;
    background: rgba(255,255,255,.92);
    box-shadow: 7px 0 0 rgba(255,255,255,.78), -5px 1px 0 rgba(255,255,255,.68);
    opacity: 0;
    transform: translateX(-8px) scale(.82);
    transition: opacity .2s ease, transform .26s ease;
    pointer-events: none;
    z-index: 1;
}

.home-header-v10 .switch input:checked + .slider {
    border-color: rgba(255,255,255,.36);
    background: linear-gradient(135deg, #68b9ee, #267fca);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.32), inset 0 -11px 18px rgba(14,89,151,.22), 0 8px 18px rgba(0,0,0,.18);
}

.home-header-v10 .switch input:checked + .slider:before {
    transform: translate(34px, -50%);
    background: radial-gradient(circle at 38% 35%, #fff9b8 0 12%, #ffe66b 13% 58%, #efaa24 100%);
    box-shadow: inset 3px -5px 0 rgba(224,139,24,.34), 0 5px 11px rgba(4,68,126,.24), 0 0 0 1px rgba(255,255,255,.38);
}

.home-header-v10 .switch input:checked + .slider:after {
    opacity: 0;
    transform: translateX(-8px);
}

.home-header-v10 .switch input:checked ~ .decoration {
    opacity: 1;
    transform: translateX(0) scale(1);
}

html[data-theme="light"] .home-header-v10 .switch.theme-switch-v10 {
    background: transparent !important;
    border: 0 !important;
    color: inherit !important;
}

.landing-v10 {
    padding: clamp(10px, 2vw, 24px);
    place-items: center;
}
.home-shell-v10 {
    width: min(920px, calc(100vw - clamp(20px, 4vw, 48px)));
    gap: clamp(10px, 2dvh, 18px);
}
.home-header-v10 {
    min-height: 52px;
    padding: 0 clamp(4px, 1vw, 10px);
}
.home-brand-v10,
.home-brand-v10 span {
    color: #ffffff !important;
    text-shadow: 0 14px 36px rgba(0,0,0,.32);
}
.home-panel-v10 {
    padding: clamp(22px, 3.1vw, 34px) clamp(22px, 4vw, 42px);
}
.home-intro-v10 {
    margin-bottom: clamp(18px, 2.8vw, 24px);
}
.home-intro-v10 h1 {
    margin-top: 16px;
    font-size: clamp(32px, 4.5vw, 46px);
    line-height: 1.24;
}
.home-intro-v10 p {
    margin-top: 10px;
    max-width: 680px;
    line-height: 1.85;
}
.join-form-v10 label {
    margin-bottom: 8px;
}
.join-row-v10 input,
.join-submit-v10 {
    height: 56px;
    border-radius: 18px;
}
.join-row-v10 input {
    transition: border-color .18s ease, box-shadow .18s ease, background .18s ease, transform .18s ease;
}
.join-row-v10 input:focus,
.join-row-v10 input:focus-visible {
    outline: 0;
    border-color: rgba(82,199,239,.82) !important;
    background: linear-gradient(180deg, rgba(255,255,255,.082), rgba(255,255,255,.052)) !important;
    box-shadow: inset 0 0 0 1px rgba(82,199,239,.22), 0 8px 18px rgba(0,0,0,.14);
    transform: translateY(-1px);
    caret-color: #66d3ff;
}
.create-form-v10 {
    margin-top: 18px;
    padding-top: 18px;
}
.create-head-v10 {
    margin-bottom: 10px;
}
.privacy-choice-v10 {
    gap: 12px;
    margin-bottom: 14px;
}
.privacy-card-v10 {
    min-height: 92px;
    padding: 16px;
}
.privacy-card-v10 small {
    line-height: 1.65;
}
.create-action-v10 {
    min-height: 56px;
    border-radius: 19px;
}
html[data-theme="light"] .home-brand-v10,
html[data-theme="light"] .home-brand-v10 span {
    color: #ffffff !important;
}
html[data-theme="light"] .join-row-v10 input:focus,
html[data-theme="light"] .join-row-v10 input:focus-visible {
    border-color: rgba(16,124,190,.72) !important;
    background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,252,255,.94)) !important;
    box-shadow: inset 0 0 0 1px rgba(16,124,190,.18), 0 8px 18px rgba(20,64,96,.08);
    caret-color: #0d61a9;
}
@media (max-width: 680px) {
    .landing-v10 {
        min-height: 100dvh;
        padding: 8px 10px 14px;
        place-items: start center;
        overflow-y: auto;
    }
    .home-shell-v10 {
        width: min(100%, 520px);
        min-height: auto;
        gap: 8px;
    }
    .home-header-v10 {
        min-height: 50px;
        padding: 0 2px;
    }
    .home-brand-v10 {
        gap: 9px;
        font-size: 22px;
        letter-spacing: -.02em;
    }
    .home-logo-v10 {
        width: 40px !important;
        height: 40px !important;
    }
    .home-header-v10 .switch.theme-switch-v10 {
        font-size: 15px;
    }
    .home-panel-v10 {
        padding: 20px 18px 18px;
        border-radius: 28px;
    }
    .home-mark-v10 {
        min-height: 30px;
        padding: 0 11px;
        font-size: 12px;
    }
    .home-intro-v10 {
        margin-bottom: 18px;
    }
    .home-intro-v10 h1 {
        margin-top: 14px;
        font-size: clamp(30px, 9.2vw, 40px);
        line-height: 1.26;
    }
    .home-intro-v10 p {
        margin-top: 9px;
        font-size: 14px;
        line-height: 1.8;
    }
    .join-row-v10 {
        gap: 10px;
    }
    .join-row-v10 input,
    .join-submit-v10 {
        height: 54px;
        border-radius: 18px;
    }
    .create-form-v10 {
        margin-top: 18px;
        padding-top: 16px;
    }
    .create-head-v10 {
        flex-direction: row;
        align-items: baseline;
        margin-bottom: 10px;
    }
    .create-head-v10 b {
        font-size: 19px;
    }
    .privacy-choice-v10 {
        gap: 10px;
        margin-bottom: 12px;
    }
    .privacy-card-v10 {
        min-height: 84px;
        padding: 15px;
        border-radius: 20px;
    }
    .privacy-card-v10 strong {
        font-size: 17px;
    }
    .privacy-card-v10 small {
        line-height: 1.55;
    }
    .create-action-v10 {
        min-height: 54px;
    }
}
@media (max-width: 380px) {
    .home-panel-v10 {
        padding: 17px 15px 16px;
        border-radius: 24px;
    }
    .home-intro-v10 h1 {
        font-size: 29px;
    }
    .home-intro-v10 p,
    .privacy-card-v10 small {
        font-size: 13px;
    }
    .privacy-card-v10 {
        min-height: 78px;
    }
}
@media (hover: none), (pointer: coarse) {
    * {
        -webkit-tap-highlight-color: transparent;
    }
    button:hover,
    a:hover,
    label:hover,
    .switch:hover,
    .join-submit-v10:hover,
    .privacy-card-v10:hover,
    .prejoin-switches label:hover,
    .top-icon:hover,
    .control-btn:hover,
    .control-button:hover,
    .panel-chip:hover,
    .people-action:hover,
    .send-button:hover,
    .primary-action:hover,
    .secondary-action:hover,
    .settings-apply:hover,
    .reaction-menu button:hover {
        transform: none !important;
    }
    .privacy-card-v10:hover {
        background: rgba(255,255,255,.045) !important;
        border-color: rgba(180,225,255,.12) !important;
        box-shadow: none !important;
    }
    html[data-theme="light"] .privacy-card-v10:hover {
        background: rgba(246,250,253,.94) !important;
        border-color: rgba(20,64,96,.14) !important;
    }
    button:focus:not(:focus-visible),
    a:focus:not(:focus-visible),
    label:focus:not(:focus-visible),
    .privacy-card-v10:focus:not(:focus-visible) {
        outline: 0 !important;
    }
    html.touch-cleanup button,
    html.touch-cleanup a,
    html.touch-cleanup label,
    html.touch-cleanup .privacy-card-v10 {
        transform: none !important;
    }
}



.home-header-v10 .theme-switch.theme-switch-v10 {
  --toggle-size: 14px;
  --container-width: 5.625em;
  --container-height: 2.5em;
  --container-radius: 6.25em;
  --container-light-bg: #3D7EAE;
  --container-night-bg: #1D1F2C;
  --circle-container-diameter: 3.375em;
  --sun-moon-diameter: 2.125em;
  --sun-bg: #ECCA2F;
  --moon-bg: #C4C9D1;
  --spot-color: #959DB1;
  --circle-container-offset: calc((var(--circle-container-diameter) - var(--container-height)) / 2 * -1);
  --stars-color: #fff;
  --clouds-color: #F3FDFF;
  --back-clouds-color: #AACADF;
  --transition: .5s cubic-bezier(0, -0.02, 0.4, 1.25);
  --circle-transition: .3s cubic-bezier(0, -0.02, 0.35, 1.17);
  position: relative !important;
  display: inline-block !important;
  width: var(--container-width) !important;
  height: var(--container-height) !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: var(--container-radius) !important;
  background: transparent !important;
  cursor: pointer !important;
  isolation: isolate !important;
  overflow: visible !important;
  flex: 0 0 auto;
  font-size: var(--toggle-size) !important;
}
.home-header-v10 .theme-switch.theme-switch-v10,
.home-header-v10 .theme-switch.theme-switch-v10 *,
.home-header-v10 .theme-switch.theme-switch-v10 *::before,
.home-header-v10 .theme-switch.theme-switch-v10 *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-size: var(--toggle-size);
}
.home-header-v10 .theme-switch__container {
  width: var(--container-width);
  height: var(--container-height);
  background-color: var(--container-light-bg);
  border-radius: var(--container-radius);
  overflow: hidden;
  cursor: pointer;
  box-shadow: 0em -0.062em 0.062em rgba(0, 0, 0, 0.25), 0em 0.062em 0.125em rgba(255, 255, 255, 0.94), 0 10px 24px rgba(0,0,0,.18);
  transition: var(--transition);
  position: relative;
  display: block;
}
.home-header-v10 .theme-switch__container::before {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  box-shadow: 0em 0.05em 0.187em rgba(0, 0, 0, 0.25) inset, 0em 0.05em 0.187em rgba(0, 0, 0, 0.25) inset;
  border-radius: var(--container-radius);
}
.home-header-v10 .theme-switch__checkbox {
  display: none;
}
.home-header-v10 .theme-switch__circle-container {
  width: var(--circle-container-diameter);
  height: var(--circle-container-diameter);
  background-color: rgba(255, 255, 255, 0.1);
  position: absolute;
  left: var(--circle-container-offset);
  top: var(--circle-container-offset);
  border-radius: var(--container-radius);
  box-shadow: inset 0 0 0 3.375em rgba(255, 255, 255, 0.1), inset 0 0 0 3.375em rgba(255, 255, 255, 0.1), 0 0 0 0.625em rgba(255, 255, 255, 0.1), 0 0 0 1.25em rgba(255, 255, 255, 0.1);
  display: flex;
  transition: var(--circle-transition);
  pointer-events: none;
}
.home-header-v10 .theme-switch__sun-moon-container {
  pointer-events: auto;
  position: relative;
  z-index: 2;
  width: var(--sun-moon-diameter);
  height: var(--sun-moon-diameter);
  margin: auto;
  border-radius: var(--container-radius);
  background-color: var(--sun-bg);
  box-shadow: 0.062em 0.062em 0.062em 0em rgba(254, 255, 239, 0.61) inset, 0em -0.062em 0.062em 0em #a1872a inset;
  filter: drop-shadow(0.062em 0.125em 0.125em rgba(0, 0, 0, 0.25)) drop-shadow(0em 0.062em 0.125em rgba(0, 0, 0, 0.25));
  overflow: hidden;
  transition: var(--transition);
  display: block;
}
.home-header-v10 .theme-switch__moon {
  transform: translateX(100%);
  width: 100%;
  height: 100%;
  background-color: var(--moon-bg);
  border-radius: inherit;
  box-shadow: 0.062em 0.062em 0.062em 0em rgba(254, 255, 239, 0.61) inset, 0em -0.062em 0.062em 0em #969696 inset;
  transition: var(--transition);
  position: relative;
  display: block;
}
.home-header-v10 .theme-switch__spot {
  position: absolute;
  top: 0.75em;
  left: 0.312em;
  width: 0.75em;
  height: 0.75em;
  border-radius: var(--container-radius);
  background-color: var(--spot-color);
  box-shadow: 0em 0.0312em 0.062em rgba(0, 0, 0, 0.25) inset;
  display: block;
}
.home-header-v10 .theme-switch__spot:nth-of-type(2) {
  width: 0.375em;
  height: 0.375em;
  top: 0.937em;
  left: 1.375em;
}
.home-header-v10 .theme-switch__spot:nth-last-of-type(3) {
  width: 0.25em;
  height: 0.25em;
  top: 0.312em;
  left: 0.812em;
}
.home-header-v10 .theme-switch__clouds {
  width: 1.25em;
  height: 1.25em;
  background-color: var(--clouds-color);
  border-radius: var(--container-radius);
  position: absolute;
  bottom: -0.625em;
  left: 0.312em;
  box-shadow: 0.937em 0.312em var(--clouds-color), -0.312em -0.312em var(--back-clouds-color), 1.437em 0.375em var(--clouds-color), 0.5em -0.125em var(--back-clouds-color), 2.187em 0 var(--clouds-color), 1.25em -0.062em var(--back-clouds-color), 2.937em 0.312em var(--clouds-color), 2em -0.312em var(--back-clouds-color), 3.625em -0.062em var(--clouds-color), 2.625em 0em var(--back-clouds-color), 4.5em -0.312em var(--clouds-color), 3.375em -0.437em var(--back-clouds-color), 4.625em -1.75em 0 0.437em var(--clouds-color), 4em -0.625em var(--back-clouds-color), 4.125em -2.125em 0 0.437em var(--back-clouds-color);
  transition: 0.5s cubic-bezier(0, -0.02, 0.4, 1.25);
  display: block;
}
.home-header-v10 .theme-switch__stars-container {
  position: absolute;
  color: var(--stars-color);
  top: -100%;
  left: 0.312em;
  width: 2.75em;
  height: auto;
  transition: var(--transition);
  z-index: 0;
}
.home-header-v10 .theme-switch__checkbox:checked + .theme-switch__container {
  background-color: var(--container-night-bg);
}
.home-header-v10 .theme-switch__checkbox:checked + .theme-switch__container .theme-switch__circle-container {
  left: calc(100% - var(--circle-container-offset) - var(--circle-container-diameter));
}
.home-header-v10 .theme-switch__checkbox:checked + .theme-switch__container .theme-switch__circle-container:hover {
  left: calc(100% - var(--circle-container-offset) - var(--circle-container-diameter) - 0.187em);
}
.home-header-v10 .theme-switch__circle-container:hover {
  left: calc(var(--circle-container-offset) + 0.187em);
}
.home-header-v10 .theme-switch__checkbox:checked + .theme-switch__container .theme-switch__moon {
  transform: translate(0);
}
.home-header-v10 .theme-switch__checkbox:checked + .theme-switch__container .theme-switch__clouds {
  bottom: -4.062em;
}
.home-header-v10 .theme-switch__checkbox:checked + .theme-switch__container .theme-switch__stars-container {
  top: 50%;
  transform: translateY(-50%);
}
html[data-theme="light"] .meeting-body {
  background: linear-gradient(140deg, #eef5fb 0%, #f9fcff 50%, #eef7fd 100%);
}
html[data-theme="light"] .app-shell {
  background: radial-gradient(circle at 50% 0, rgba(50,189,239,.12), transparent 34%);
}
html[data-theme="light"] .meeting-topbar,
html[data-theme="light"] .control-dock,
html[data-theme="light"] .panel {
  background: rgba(255,255,255,.86) !important;
  border-color: rgba(33,82,119,.14) !important;
  box-shadow: 0 20px 58px rgba(20,64,96,.12), inset 0 1px 0 rgba(255,255,255,.88) !important;
}
html[data-theme="light"] .stage-surface {
  background: radial-gradient(circle at 28% 6%, rgba(50,189,239,.13), transparent 30%), linear-gradient(145deg, rgba(255,255,255,.94), rgba(239,247,252,.96)) !important;
  border-color: rgba(33,82,119,.16) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.95), 0 22px 64px rgba(20,64,96,.14) !important;
}
html[data-theme="light"] .video-tile {
  background: linear-gradient(145deg, #eff6fb, #e7f0f7) !important;
  border-color: rgba(33,82,119,.14) !important;
  box-shadow: 0 18px 42px rgba(20,64,96,.12) !important;
}
html[data-theme="light"] .video-off-layer {
  color: #0b2438;
  background: radial-gradient(circle at 50% 45%, rgba(50,189,239,.12), transparent 30%);
}
.meeting-pulse {
  gap: 9px;
  min-height: 38px;
  padding: 0 13px;
  color: #d8e8f4;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(180,225,255,.14);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
  transition: color .28s var(--ease), background .28s var(--ease), border-color .28s var(--ease), box-shadow .28s var(--ease);
}
.meeting-pulse span {
  position: relative;
  width: 9px;
  height: 9px;
  background: #39e7a7;
  box-shadow: none;
  animation: none;
}
.meeting-pulse span::after {
  content: "";
  position: absolute;
  inset: -5px;
  border-radius: inherit;
  border: 1px solid currentColor;
  opacity: .26;
  animation: statusRing 1.8s ease-out infinite;
}
.meeting-pulse.live { color: #8ff5cf; }
.meeting-pulse.connecting { color: #ffd88a; }
.meeting-pulse.offline { color: #ff9fb0; }
.meeting-pulse.recording { color: #ff8fa3; border-color: rgba(255,77,109,.32); background: rgba(255,77,109,.09); }
.meeting-pulse.connecting span { background: #ffcc66; }
.meeting-pulse.offline span,
.meeting-pulse.recording span { background: #ff4d6d; }
.meeting-pulse.recording span::after { animation-duration: 1s; opacity: .42; }
@keyframes statusRing {
  0% { transform: scale(.62); opacity: .36; }
  70% { transform: scale(1.55); opacity: 0; }
  100% { transform: scale(1.55); opacity: 0; }
}
.recording-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255,77,109,.12);
  border-color: rgba(255,77,109,.32);
  color: #ffdce3;
  box-shadow: 0 16px 38px rgba(255,77,109,.12);
  transition: opacity .25s var(--ease), transform .25s var(--ease), background .25s var(--ease), border-color .25s var(--ease);
}
.recording-chip::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #ff4d6d;
  box-shadow: 0 0 0 0 rgba(255,77,109,.42);
  animation: recordingDot 1.1s ease-out infinite;
}
@keyframes recordingDot {
  70% { box-shadow: 0 0 0 8px rgba(255,77,109,0); }
  100% { box-shadow: 0 0 0 0 rgba(255,77,109,0); }
}
html[data-theme="light"] .meeting-pulse {
  background: rgba(255,255,255,.72);
  border-color: rgba(33,82,119,.14);
  color: #48606f;
}
html[data-theme="light"] .meeting-pulse.live { color: #137d5d; }
html[data-theme="light"] .meeting-pulse.connecting { color: #9a650e; }
html[data-theme="light"] .meeting-pulse.offline,
html[data-theme="light"] .meeting-pulse.recording { color: #b42342; }
html[data-theme="light"] .recording-chip {
  background: rgba(255,77,109,.09);
  color: #9f1239;
  border-color: rgba(180,35,64,.18);
  box-shadow: 0 14px 34px rgba(180,35,64,.08);
}
html[data-theme="light"] .host-tag {
  color: #7a4b00;
  background: rgba(255,188,59,.18);
  border-color: rgba(184,119,0,.22);
}
html[data-theme="light"] .panel-chip,
html[data-theme="light"] .person-row,
html[data-theme="light"] .request-popup-main span,
html[data-theme="light"] .person-sub {
  color: #52687b;
}
html[data-theme="light"] .panel-chip {
  background: rgba(247,251,254,.9) !important;
  border-color: rgba(33,82,119,.13) !important;
}
html[data-theme="light"] .success-label {
  color: #0f684f;
  background: rgba(23,173,117,.1);
  border-color: rgba(23,130,91,.2);
}
html[data-theme="light"] .danger-label {
  color: #9f1239;
  background: rgba(255,77,109,.08);
  border-color: rgba(190,18,60,.18);
}
html[data-theme="light"] .status-card h1,
html[data-theme="light"] .status-card p,
html[data-theme="light"] .status-code {
  color: #071521;
}
input:focus,
select:focus,
textarea:focus,
.compose-shell:focus-within,
.join-row-v10 input:focus,
.join-row-v10 input:focus-visible {
  box-shadow: inset 0 0 0 1px rgba(87,198,236,.24) !important;
}
html[data-theme="light"] input:focus,
html[data-theme="light"] select:focus,
html[data-theme="light"] textarea:focus,
html[data-theme="light"] .compose-shell:focus-within,
html[data-theme="light"] .join-row-v10 input:focus,
html[data-theme="light"] .join-row-v10 input:focus-visible {
  border-color: rgba(22,126,186,.62) !important;
  box-shadow: inset 0 0 0 1px rgba(22,126,186,.2) !important;
}
@media (max-width: 680px) {
  .home-header-v10 .theme-switch.theme-switch-v10 { --toggle-size: 12px; }
}
@media (hover: none), (pointer: coarse) {
  .home-header-v10 .theme-switch__circle-container:hover {
    left: var(--circle-container-offset);
  }
  .home-header-v10 .theme-switch__checkbox:checked + .theme-switch__container .theme-switch__circle-container:hover {
    left: calc(100% - var(--circle-container-offset) - var(--circle-container-diameter));
  }
  html.touch-cleanup .theme-switch__circle-container {
    transition-duration: .18s !important;
  }
}



.home-header-v10 .theme-switch.theme-switch-v10 {
  --toggle-size: 13px;
  --container-width: 5.625em;
  --container-height: 2.5em;
  --container-radius: 6.25em;
  --container-light-bg: #3D7EAE;
  --container-night-bg: #1D1F2C;
  --circle-container-diameter: 3.375em;
  --sun-moon-diameter: 2.125em;
  --sun-bg: #ECCA2F;
  --moon-bg: #C4C9D1;
  --spot-color: #959DB1;
  --circle-container-offset: calc((var(--circle-container-diameter) - var(--container-height)) / 2 * -1);
  --stars-color: #fff;
  --clouds-color: #F3FDFF;
  --back-clouds-color: #AACADF;
  --transition: .5s cubic-bezier(0, -0.02, 0.4, 1.25);
  --circle-transition: .3s cubic-bezier(0, -0.02, 0.35, 1.17);
  position: relative !important;
  display: inline-block !important;
  width: var(--container-width) !important;
  height: var(--container-height) !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: var(--container-radius) !important;
  background: transparent !important;
  cursor: pointer !important;
  direction: ltr !important;
  isolation: isolate !important;
  overflow: visible !important;
  line-height: 1 !important;
  flex: 0 0 auto !important;
  font-size: var(--toggle-size) !important;
}
.home-header-v10 .theme-switch.theme-switch-v10,
.home-header-v10 .theme-switch.theme-switch-v10 *,
.home-header-v10 .theme-switch.theme-switch-v10 *::before,
.home-header-v10 .theme-switch.theme-switch-v10 *::after {
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: var(--toggle-size) !important;
}
.home-header-v10 .theme-switch__container {
  width: var(--container-width) !important;
  height: var(--container-height) !important;
  background-color: var(--container-light-bg) !important;
  border-radius: var(--container-radius) !important;
  overflow: hidden !important;
  cursor: pointer !important;
  box-shadow: 0em -0.062em 0.062em rgba(0, 0, 0, 0.25), 0em 0.062em 0.125em rgba(255, 255, 255, 0.94), 0 12px 28px rgba(3, 10, 20, .2) !important;
  transition: var(--transition) !important;
  position: relative !important;
  display: block !important;
}
.home-header-v10 .theme-switch__container::before {
  content: "" !important;
  position: absolute !important;
  z-index: 1 !important;
  inset: 0 !important;
  box-shadow: 0em 0.05em 0.187em rgba(0, 0, 0, 0.25) inset, 0em 0.05em 0.187em rgba(0, 0, 0, 0.25) inset !important;
  border-radius: var(--container-radius) !important;
}
.home-header-v10 .theme-switch__checkbox {
  display: none !important;
}
.home-header-v10 .theme-switch__circle-container {
  width: var(--circle-container-diameter) !important;
  height: var(--circle-container-diameter) !important;
  background-color: rgba(255, 255, 255, 0.1) !important;
  position: absolute !important;
  left: var(--circle-container-offset) !important;
  top: var(--circle-container-offset) !important;
  border-radius: var(--container-radius) !important;
  box-shadow: inset 0 0 0 3.375em rgba(255, 255, 255, 0.1), inset 0 0 0 3.375em rgba(255, 255, 255, 0.1), 0 0 0 0.625em rgba(255, 255, 255, 0.1), 0 0 0 1.25em rgba(255, 255, 255, 0.1) !important;
  display: flex !important;
  transition: var(--circle-transition) !important;
  pointer-events: none !important;
}
.home-header-v10 .theme-switch__sun-moon-container {
  pointer-events: auto !important;
  position: relative !important;
  z-index: 2 !important;
  width: var(--sun-moon-diameter) !important;
  height: var(--sun-moon-diameter) !important;
  margin: auto !important;
  border-radius: var(--container-radius) !important;
  background-color: var(--sun-bg) !important;
  box-shadow: 0.062em 0.062em 0.062em 0em rgba(254, 255, 239, 0.61) inset, 0em -0.062em 0.062em 0em #a1872a inset !important;
  filter: drop-shadow(0.062em 0.125em 0.125em rgba(0, 0, 0, 0.25)) drop-shadow(0em 0.062em 0.125em rgba(0, 0, 0, 0.25)) !important;
  overflow: hidden !important;
  transition: var(--transition) !important;
  display: block !important;
}
.home-header-v10 .theme-switch__moon {
  transform: translateX(100%) !important;
  width: 100% !important;
  height: 100% !important;
  background-color: var(--moon-bg) !important;
  border-radius: inherit !important;
  box-shadow: 0.062em 0.062em 0.062em 0em rgba(254, 255, 239, 0.61) inset, 0em -0.062em 0.062em 0em #969696 inset !important;
  transition: var(--transition) !important;
  position: relative !important;
  display: block !important;
}
.home-header-v10 .theme-switch__spot {
  position: absolute !important;
  top: 0.75em !important;
  left: 0.312em !important;
  width: 0.75em !important;
  height: 0.75em !important;
  border-radius: var(--container-radius) !important;
  background-color: var(--spot-color) !important;
  box-shadow: 0em 0.0312em 0.062em rgba(0, 0, 0, 0.25) inset !important;
  display: block !important;
}
.home-header-v10 .theme-switch__spot:nth-of-type(2) {
  width: 0.375em !important;
  height: 0.375em !important;
  top: 0.937em !important;
  left: 1.375em !important;
}
.home-header-v10 .theme-switch__spot:nth-of-type(3) {
  width: 0.25em !important;
  height: 0.25em !important;
  top: 0.312em !important;
  left: 0.812em !important;
}
.home-header-v10 .theme-switch__clouds {
  width: 1.25em !important;
  height: 1.25em !important;
  background-color: var(--clouds-color) !important;
  border-radius: var(--container-radius) !important;
  position: absolute !important;
  bottom: -0.625em !important;
  left: 0.312em !important;
  box-shadow: 0.937em 0.312em var(--clouds-color), -0.312em -0.312em var(--back-clouds-color), 1.437em 0.375em var(--clouds-color), 0.5em -0.125em var(--back-clouds-color), 2.187em 0 var(--clouds-color), 1.25em -0.062em var(--back-clouds-color), 2.937em 0.312em var(--clouds-color), 2em -0.312em var(--back-clouds-color), 3.625em -0.062em var(--clouds-color), 2.625em 0em var(--back-clouds-color), 4.5em -0.312em var(--clouds-color), 3.375em -0.437em var(--back-clouds-color), 4.625em -1.75em 0 0.437em var(--clouds-color), 4em -0.625em var(--back-clouds-color), 4.125em -2.125em 0 0.437em var(--back-clouds-color) !important;
  transition: 0.5s cubic-bezier(0, -0.02, 0.4, 1.25) !important;
  display: block !important;
}
.home-header-v10 .theme-switch__stars-container {
  position: absolute !important;
  color: var(--stars-color) !important;
  top: -100% !important;
  left: 0.312em !important;
  width: 2.75em !important;
  height: auto !important;
  transition: var(--transition) !important;
  z-index: 0 !important;
}
.home-header-v10 .theme-switch__checkbox:checked + .theme-switch__container {
  background-color: var(--container-night-bg) !important;
}
.home-header-v10 .theme-switch__checkbox:checked + .theme-switch__container .theme-switch__circle-container {
  left: calc(100% - var(--circle-container-offset) - var(--circle-container-diameter)) !important;
}
.home-header-v10 .theme-switch__checkbox:checked + .theme-switch__container .theme-switch__circle-container:hover {
  left: calc(100% - var(--circle-container-offset) - var(--circle-container-diameter) - 0.187em) !important;
}
.home-header-v10 .theme-switch__circle-container:hover {
  left: calc(var(--circle-container-offset) + 0.187em) !important;
}
.home-header-v10 .theme-switch__checkbox:checked + .theme-switch__container .theme-switch__moon {
  transform: translate(0) !important;
}
.home-header-v10 .theme-switch__checkbox:checked + .theme-switch__container .theme-switch__clouds {
  bottom: -4.062em !important;
}
.home-header-v10 .theme-switch__checkbox:checked + .theme-switch__container .theme-switch__stars-container {
  top: 50% !important;
  transform: translateY(-50%) !important;
}
html[data-theme="light"] .prejoin-card .form-error,
html[data-theme="light"] #prejoinError {
  color: #8a102d !important;
  background: rgba(255, 237, 242, .96) !important;
  border-color: rgba(190, 18, 60, .24) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.78), 0 12px 28px rgba(190,18,60,.08) !important;
}
.chat-panel .chat-compose {
  padding: 14px 0 0 !important;
  border: 0 !important;
  border-top: 1px solid rgba(180,225,255,.1) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.chat-panel .compose-shell {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 50px !important;
  align-items: end !important;
  gap: 10px !important;
  padding: 8px !important;
  border-radius: 24px !important;
  border: 1px solid rgba(180,225,255,.16) !important;
  background: linear-gradient(180deg, rgba(10,24,42,.88), rgba(4,12,23,.92)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 14px 34px rgba(0,0,0,.16) !important;
  transition: border-color .18s ease, background .18s ease, box-shadow .18s ease !important;
}
.chat-panel .compose-shell:focus-within {
  border-color: rgba(87,198,236,.44) !important;
  box-shadow: inset 0 0 0 1px rgba(87,198,236,.2), inset 0 1px 0 rgba(255,255,255,.07), 0 16px 38px rgba(50,189,239,.08) !important;
}
.chat-panel .compose-shell textarea {
  min-height: 50px !important;
  max-height: 132px !important;
  padding: 13px 14px !important;
  border: 0 !important;
  border-radius: 18px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #f2f9ff !important;
  line-height: 1.85 !important;
  resize: none !important;
}
.chat-panel .compose-shell textarea::placeholder {
  color: rgba(205,226,239,.62) !important;
}
.chat-panel .send-button {
  width: 50px !important;
  height: 50px !important;
  min-width: 50px !important;
  border-radius: 18px !important;
  align-self: end !important;
  color: #ffffff !important;
  background: linear-gradient(135deg, #33bdea 0%, #0d72bd 100%) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.28), 0 10px 22px rgba(13,97,169,.26) !important;
  transform-origin: center !important;
  transition: transform .14s ease, filter .14s ease, box-shadow .14s ease !important;
}
.chat-panel .send-button:hover {
  transform: translateY(-1px) !important;
  filter: brightness(1.04) !important;
}
.chat-panel .send-button:active,
.chat-panel .send-button.sending {
  transform: scale(.94) !important;
}
html[data-theme="light"] .chat-panel .chat-compose {
  border-top-color: rgba(33,82,119,.11) !important;
}
html[data-theme="light"] .chat-panel .compose-shell {
  border-color: rgba(33,82,119,.15) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(243,248,252,.94)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.82), 0 14px 34px rgba(20,64,96,.09) !important;
}
html[data-theme="light"] .chat-panel .compose-shell:focus-within {
  border-color: rgba(17,122,181,.42) !important;
  box-shadow: inset 0 0 0 1px rgba(17,122,181,.14), inset 0 1px 0 rgba(255,255,255,.9), 0 16px 36px rgba(17,122,181,.08) !important;
}
html[data-theme="light"] .chat-panel .compose-shell textarea {
  color: #071521 !important;
  background: transparent !important;
}
html[data-theme="light"] .chat-panel .compose-shell textarea::placeholder {
  color: rgba(67,91,111,.58) !important;
}
html[data-theme="light"] .chat-panel .send-button {
  color: #ffffff !important;
  background: linear-gradient(135deg, #169bd8 0%, #075b9a 100%) !important;
  border-color: rgba(7,91,154,.18) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.28), 0 10px 22px rgba(7,91,154,.2) !important;
}
@media (max-width: 680px) {
  .home-header-v10 .theme-switch.theme-switch-v10 { --toggle-size: 11.5px; }
  .chat-panel .compose-shell {
    grid-template-columns: minmax(0,1fr) 48px !important;
    border-radius: 22px !important;
  }
  .chat-panel .send-button {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
  }
}
@media (hover: none), (pointer: coarse) {
  .home-header-v10 .theme-switch__circle-container:hover {
    left: var(--circle-container-offset) !important;
  }
  .home-header-v10 .theme-switch__checkbox:checked + .theme-switch__container .theme-switch__circle-container:hover {
    left: calc(100% - var(--circle-container-offset) - var(--circle-container-diameter)) !important;
  }
  .people-action:active,
  .request-actions .people-action:active {
    transform: scale(.92) !important;
  }
}


.home-header-v10 .theme-switch.theme-switch-v10 {
  --toggle-size: 13px;
  --container-width: 5.625em;
  --container-height: 2.5em;
  --container-radius: 6.25em;
  --container-light-bg: #3D7EAE;
  --container-night-bg: #1D1F2C;
  --circle-container-diameter: 3.375em;
  --sun-moon-diameter: 2.125em;
  --sun-bg: #ECCA2F;
  --moon-bg: #C4C9D1;
  --spot-color: #959DB1;
  --circle-container-offset: calc((var(--circle-container-diameter) - var(--container-height)) / 2 * -1);
  --stars-color: #fff;
  --clouds-color: #F3FDFF;
  --back-clouds-color: #AACADF;
  --transition: .5s cubic-bezier(0, -0.02, 0.4, 1.25);
  --circle-transition: .3s cubic-bezier(0, -0.02, 0.35, 1.17);
  position: relative !important;
  display: inline-block !important;
  width: var(--container-width) !important;
  height: var(--container-height) !important;
  min-width: var(--container-width) !important;
  min-height: var(--container-height) !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: var(--container-radius) !important;
  background: transparent !important;
  cursor: pointer !important;
  direction: ltr !important;
  isolation: isolate !important;
  overflow: visible !important;
  line-height: 1 !important;
  flex: 0 0 auto !important;
  font-size: var(--toggle-size) !important;
  transform: none !important;
}
.home-header-v10 .theme-switch.theme-switch-v10,
.home-header-v10 .theme-switch.theme-switch-v10 *,
.home-header-v10 .theme-switch.theme-switch-v10 *::before,
.home-header-v10 .theme-switch.theme-switch-v10 *::after {
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: var(--toggle-size) !important;
}
.home-header-v10 .theme-switch__container {
  width: var(--container-width) !important;
  height: var(--container-height) !important;
  min-width: var(--container-width) !important;
  min-height: var(--container-height) !important;
  background-color: var(--container-light-bg) !important;
  border-radius: var(--container-radius) !important;
  overflow: hidden !important;
  cursor: pointer !important;
  box-shadow: 0em -0.062em 0.062em rgba(0, 0, 0, 0.25), 0em 0.062em 0.125em rgba(255, 255, 255, 0.94), 0 .75em 1.7em rgba(3, 10, 20, .2) !important;
  transition: var(--transition) !important;
  position: relative !important;
  display: block !important;
}
.home-header-v10 .theme-switch__container::before {
  content: "" !important;
  position: absolute !important;
  z-index: 1 !important;
  inset: 0 !important;
  box-shadow: 0em 0.05em 0.187em rgba(0, 0, 0, 0.25) inset, 0em 0.05em 0.187em rgba(0, 0, 0, 0.25) inset !important;
  border-radius: var(--container-radius) !important;
  pointer-events: none !important;
}
.home-header-v10 .theme-switch__checkbox {
  display: none !important;
}
.home-header-v10 .theme-switch__circle-container {
  width: var(--circle-container-diameter) !important;
  height: var(--circle-container-diameter) !important;
  background-color: rgba(255, 255, 255, 0.1) !important;
  position: absolute !important;
  left: var(--circle-container-offset) !important;
  top: var(--circle-container-offset) !important;
  border-radius: var(--container-radius) !important;
  box-shadow: inset 0 0 0 3.375em rgba(255, 255, 255, 0.1), inset 0 0 0 3.375em rgba(255, 255, 255, 0.1), 0 0 0 0.625em rgba(255, 255, 255, 0.1), 0 0 0 1.25em rgba(255, 255, 255, 0.1) !important;
  display: flex !important;
  transition: var(--circle-transition) !important;
  pointer-events: none !important;
  z-index: 2 !important;
}
.home-header-v10 .theme-switch__sun-moon-container {
  pointer-events: auto !important;
  position: relative !important;
  z-index: 2 !important;
  width: var(--sun-moon-diameter) !important;
  height: var(--sun-moon-diameter) !important;
  margin: auto !important;
  border-radius: var(--container-radius) !important;
  background-color: var(--sun-bg) !important;
  box-shadow: 0.062em 0.062em 0.062em 0em rgba(254, 255, 239, 0.61) inset, 0em -0.062em 0.062em 0em #a1872a inset !important;
  filter: drop-shadow(0.062em 0.125em 0.125em rgba(0, 0, 0, 0.25)) drop-shadow(0em 0.062em 0.125em rgba(0, 0, 0, 0.25)) !important;
  overflow: hidden !important;
  transition: var(--transition) !important;
  display: block !important;
}
.home-header-v10 .theme-switch__moon {
  transform: translateX(100%) !important;
  width: 100% !important;
  height: 100% !important;
  background-color: var(--moon-bg) !important;
  border-radius: inherit !important;
  box-shadow: 0.062em 0.062em 0.062em 0em rgba(254, 255, 239, 0.61) inset, 0em -0.062em 0.062em 0em #969696 inset !important;
  transition: var(--transition) !important;
  position: relative !important;
  display: block !important;
}
.home-header-v10 .theme-switch__spot {
  position: absolute !important;
  top: 0.75em !important;
  left: 0.312em !important;
  width: 0.75em !important;
  height: 0.75em !important;
  border-radius: var(--container-radius) !important;
  background-color: var(--spot-color) !important;
  box-shadow: 0em 0.0312em 0.062em rgba(0, 0, 0, 0.25) inset !important;
  display: block !important;
}
.home-header-v10 .theme-switch__spot:nth-of-type(2) {
  width: 0.375em !important;
  height: 0.375em !important;
  top: 0.937em !important;
  left: 1.375em !important;
}
.home-header-v10 .theme-switch__spot:nth-of-type(3) {
  width: 0.25em !important;
  height: 0.25em !important;
  top: 0.312em !important;
  left: 0.812em !important;
}
.home-header-v10 .theme-switch__clouds {
  width: 1.25em !important;
  height: 1.25em !important;
  background-color: var(--clouds-color) !important;
  border-radius: var(--container-radius) !important;
  position: absolute !important;
  bottom: -0.625em !important;
  left: 0.312em !important;
  box-shadow: 0.937em 0.312em var(--clouds-color), -0.312em -0.312em var(--back-clouds-color), 1.437em 0.375em var(--clouds-color), 0.5em -0.125em var(--back-clouds-color), 2.187em 0 var(--clouds-color), 1.25em -0.062em var(--back-clouds-color), 2.937em 0.312em var(--clouds-color), 2em -0.312em var(--back-clouds-color), 3.625em -0.062em var(--clouds-color), 2.625em 0em var(--back-clouds-color), 4.5em -0.312em var(--clouds-color), 3.375em -0.437em var(--back-clouds-color), 4.625em -1.75em 0 0.437em var(--clouds-color), 4em -0.625em var(--back-clouds-color), 4.125em -2.125em 0 0.437em var(--back-clouds-color) !important;
  transition: 0.5s cubic-bezier(0, -0.02, 0.4, 1.25) !important;
  display: block !important;
  z-index: 0 !important;
}
.home-header-v10 .theme-switch__stars-container {
  position: absolute !important;
  color: var(--stars-color) !important;
  top: -100% !important;
  left: 0.312em !important;
  width: 2.75em !important;
  height: auto !important;
  transition: var(--transition) !important;
  z-index: 0 !important;
  display: block !important;
}
.home-header-v10 .theme-switch__stars-container svg {
  width: 100% !important;
  height: auto !important;
  display: block !important;
}
.home-header-v10 .theme-switch__checkbox:checked + .theme-switch__container {
  background-color: var(--container-night-bg) !important;
}
.home-header-v10 .theme-switch__checkbox:checked + .theme-switch__container .theme-switch__circle-container {
  left: calc(100% - var(--circle-container-offset) - var(--circle-container-diameter)) !important;
}
.home-header-v10 .theme-switch__checkbox:checked + .theme-switch__container .theme-switch__circle-container:hover {
  left: calc(100% - var(--circle-container-offset) - var(--circle-container-diameter) - 0.187em) !important;
}
.home-header-v10 .theme-switch__circle-container:hover {
  left: calc(var(--circle-container-offset) + 0.187em) !important;
}
.home-header-v10 .theme-switch__checkbox:checked + .theme-switch__container .theme-switch__moon {
  transform: translate(0) !important;
}
.home-header-v10 .theme-switch__checkbox:checked + .theme-switch__container .theme-switch__clouds {
  bottom: -4.062em !important;
}
.home-header-v10 .theme-switch__checkbox:checked + .theme-switch__container .theme-switch__stars-container {
  top: 50% !important;
  transform: translateY(-50%) !important;
}
@media (max-width: 680px) {
  .home-header-v10 .theme-switch.theme-switch-v10 { --toggle-size: 11.5px; }
}
@media (hover: none), (pointer: coarse) {
  .home-header-v10 .theme-switch__circle-container:hover {
    left: var(--circle-container-offset) !important;
  }
  .home-header-v10 .theme-switch__checkbox:checked + .theme-switch__container .theme-switch__circle-container:hover {
    left: calc(100% - var(--circle-container-offset) - var(--circle-container-diameter)) !important;
  }
}
.chat-panel .chat-compose {
  padding: 16px 0 0 !important;
  border: 0 !important;
  border-top: 1px solid rgba(180,225,255,.09) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.chat-panel .compose-shell {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 54px !important;
  align-items: end !important;
  gap: 12px !important;
  padding: 10px !important;
  border-radius: 30px !important;
  border: 1px solid rgba(159, 202, 226, .14) !important;
  background: linear-gradient(180deg, rgba(9, 22, 37, .82), rgba(3, 10, 19, .92)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.055), 0 18px 42px rgba(0,0,0,.18) !important;
  transition: border-color .18s ease, background .18s ease, box-shadow .18s ease !important;
}
.chat-panel .compose-shell::before {
  content: "" !important;
  position: absolute !important;
  inset: 1px !important;
  border-radius: 29px !important;
  pointer-events: none !important;
  background: linear-gradient(135deg, rgba(255,255,255,.055), transparent 38%) !important;
  opacity: .75 !important;
}
.chat-panel .compose-shell:focus-within {
  border-color: rgba(77, 183, 227, .48) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.065), 0 18px 42px rgba(0,0,0,.18), 0 0 0 1px rgba(77, 183, 227, .08) !important;
}
.chat-panel .compose-field {
  position: relative !important;
  z-index: 1 !important;
  min-height: 54px !important;
  border-radius: 22px !important;
  border: 1px solid rgba(180,225,255,.08) !important;
  background: rgba(255,255,255,.035) !important;
  transition: border-color .18s ease, background .18s ease !important;
}
.chat-panel .compose-shell:focus-within .compose-field {
  border-color: rgba(77, 183, 227, .26) !important;
  background: rgba(255,255,255,.048) !important;
}
.chat-panel .compose-field textarea,
.chat-panel .compose-shell textarea {
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  min-height: 52px !important;
  max-height: 132px !important;
  padding: 13px 15px !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 22px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #f3f9ff !important;
  line-height: 1.85 !important;
  resize: none !important;
  caret-color: #4db7e3 !important;
}
.chat-panel .compose-field textarea:focus,
.chat-panel .compose-shell textarea:focus,
.chat-panel .compose-field textarea:focus-visible,
.chat-panel .compose-shell textarea:focus-visible {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}
.chat-panel .compose-field textarea::placeholder,
.chat-panel .compose-shell textarea::placeholder {
  color: rgba(209, 229, 241, .58) !important;
}
.chat-panel .send-button {
  position: relative !important;
  z-index: 1 !important;
  width: 54px !important;
  height: 54px !important;
  min-width: 54px !important;
  border-radius: 22px !important;
  align-self: end !important;
  color: #ffffff !important;
  background: linear-gradient(145deg, #2db6e9 0%, #0a68a8 100%) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.32), inset 0 -1px 0 rgba(0,0,0,.12), 0 12px 24px rgba(8,91,151,.25) !important;
  transform-origin: center !important;
  transition: transform .13s ease, filter .13s ease, box-shadow .13s ease, opacity .13s ease !important;
}
.chat-panel .send-button:hover {
  transform: translateY(-1px) !important;
  filter: brightness(1.03) !important;
}
.chat-panel .send-button:active,
.chat-panel .send-button.sending {
  transform: scale(.94) !important;
}
.chat-panel .send-button:disabled {
  opacity: .48 !important;
  filter: grayscale(.28) !important;
  cursor: not-allowed !important;
}
html[data-theme="light"] .chat-panel .chat-compose {
  border-top-color: rgba(33,82,119,.11) !important;
}
html[data-theme="light"] .chat-panel .compose-shell {
  border-color: rgba(25, 87, 125, .14) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(242,248,252,.95)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.88), 0 18px 42px rgba(20,64,96,.09) !important;
}
html[data-theme="light"] .chat-panel .compose-shell::before {
  background: linear-gradient(135deg, rgba(255,255,255,.9), transparent 42%) !important;
  opacity: .72 !important;
}
html[data-theme="light"] .chat-panel .compose-shell:focus-within {
  border-color: rgba(13, 108, 171, .42) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 18px 42px rgba(20,64,96,.1), 0 0 0 1px rgba(13,108,171,.08) !important;
}
html[data-theme="light"] .chat-panel .compose-field {
  border-color: rgba(25, 87, 125, .1) !important;
  background: rgba(255,255,255,.74) !important;
}
html[data-theme="light"] .chat-panel .compose-shell:focus-within .compose-field {
  border-color: rgba(13,108,171,.26) !important;
  background: rgba(255,255,255,.88) !important;
}
html[data-theme="light"] .chat-panel .compose-field textarea,
html[data-theme="light"] .chat-panel .compose-shell textarea {
  color: #071521 !important;
  background: transparent !important;
  caret-color: #0b6fab !important;
}
html[data-theme="light"] .chat-panel .compose-field textarea::placeholder,
html[data-theme="light"] .chat-panel .compose-shell textarea::placeholder {
  color: rgba(56,83,104,.58) !important;
}
html[data-theme="light"] .chat-panel .send-button {
  color: #ffffff !important;
  background: linear-gradient(145deg, #1499d2 0%, #075b98 100%) !important;
  border-color: rgba(7,91,154,.16) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.34), inset 0 -1px 0 rgba(0,0,0,.10), 0 12px 24px rgba(7,91,154,.18) !important;
}
@media (max-width: 680px) {
  .chat-panel .chat-compose { padding-top: 14px !important; }
  .chat-panel .compose-shell {
    grid-template-columns: minmax(0, 1fr) 50px !important;
    gap: 9px !important;
    padding: 8px !important;
    border-radius: 26px !important;
  }
  .chat-panel .compose-shell::before { border-radius: 25px !important; }
  .chat-panel .compose-field {
    min-height: 50px !important;
    border-radius: 20px !important;
  }
  .chat-panel .compose-field textarea,
  .chat-panel .compose-shell textarea {
    min-height: 48px !important;
    padding: 11px 13px !important;
    border-radius: 20px !important;
  }
  .chat-panel .send-button {
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
    border-radius: 20px !important;
  }
}

.home-header-v10 .theme-switch.theme-switch-v10 {
  --toggle-size: 15px !important;
  --container-width: 5.625em !important;
  --container-height: 2.5em !important;
  --container-radius: 6.25em !important;
  --container-light-bg: #3D7EAE !important;
  --container-night-bg: #1D1F2C !important;
  --circle-container-diameter: 3.375em !important;
  --sun-moon-diameter: 2.125em !important;
  --sun-bg: #ECCA2F !important;
  --moon-bg: #C4C9D1 !important;
  --spot-color: #959DB1 !important;
  --circle-container-offset: calc((var(--circle-container-diameter) - var(--container-height)) / 2 * -1) !important;
  --stars-color: #fff !important;
  --clouds-color: #F3FDFF !important;
  --back-clouds-color: #AACADF !important;
  --transition: .5s cubic-bezier(0, -0.02, 0.4, 1.25) !important;
  --circle-transition: .3s cubic-bezier(0, -0.02, 0.35, 1.17) !important;
  position: relative !important;
  display: inline-block !important;
  width: var(--container-width) !important;
  height: var(--container-height) !important;
  min-width: var(--container-width) !important;
  min-height: var(--container-height) !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: var(--container-radius) !important;
  background: transparent !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.22) !important;
  transform: none !important;
  cursor: pointer !important;
  overflow: visible !important;
  font-size: var(--toggle-size) !important;
}
.home-header-v10 .theme-switch.theme-switch-v10,
.home-header-v10 .theme-switch.theme-switch-v10 *,
.home-header-v10 .theme-switch.theme-switch-v10 *::before,
.home-header-v10 .theme-switch.theme-switch-v10 *::after {
  box-sizing: border-box !important;
}
.home-header-v10 .theme-switch.theme-switch-v10 * {
  margin: 0 !important;
  padding: 0 !important;
  font-size: var(--toggle-size) !important;
}
.home-header-v10 .theme-switch__container {
  position: relative !important;
  display: block !important;
  width: var(--container-width) !important;
  height: var(--container-height) !important;
  background-color: var(--container-light-bg) !important;
  border-radius: var(--container-radius) !important;
  overflow: hidden !important;
  cursor: pointer !important;
  box-shadow: 0em -0.062em 0.062em rgba(0,0,0,.25), 0em 0.062em 0.125em rgba(255,255,255,.94) !important;
  transition: var(--transition) !important;
}
.home-header-v10 .theme-switch__container::before {
  content: "" !important;
  position: absolute !important;
  z-index: 1 !important;
  inset: 0 !important;
  box-shadow: 0em 0.05em 0.187em rgba(0,0,0,.25) inset, 0em 0.05em 0.187em rgba(0,0,0,.25) inset !important;
  border-radius: var(--container-radius) !important;
  background: transparent !important;
  opacity: 1 !important;
  pointer-events: none !important;
}
.home-header-v10 .theme-switch__checkbox {
  position: absolute !important;
  inline-size: 1px !important;
  block-size: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
.home-header-v10 .theme-switch__circle-container {
  width: var(--circle-container-diameter) !important;
  height: var(--circle-container-diameter) !important;
  background-color: rgba(255,255,255,.1) !important;
  position: absolute !important;
  left: var(--circle-container-offset) !important;
  top: var(--circle-container-offset) !important;
  border-radius: var(--container-radius) !important;
  box-shadow: inset 0 0 0 3.375em rgba(255,255,255,.1), inset 0 0 0 3.375em rgba(255,255,255,.1), 0 0 0 .625em rgba(255,255,255,.1), 0 0 0 1.25em rgba(255,255,255,.1) !important;
  display: flex !important;
  transition: var(--circle-transition) !important;
  pointer-events: none !important;
  transform: none !important;
  z-index: 2 !important;
}
.home-header-v10 .theme-switch__sun-moon-container {
  pointer-events: auto !important;
  position: relative !important;
  z-index: 2 !important;
  width: var(--sun-moon-diameter) !important;
  height: var(--sun-moon-diameter) !important;
  margin: auto !important;
  border-radius: var(--container-radius) !important;
  background-color: var(--sun-bg) !important;
  box-shadow: 0.062em 0.062em 0.062em 0em rgba(254,255,239,.61) inset, 0em -0.062em 0.062em 0em #a1872a inset !important;
  filter: drop-shadow(0.062em 0.125em 0.125em rgba(0,0,0,.25)) drop-shadow(0em 0.062em 0.125em rgba(0,0,0,.25)) !important;
  overflow: hidden !important;
  transition: var(--transition) !important;
}
.home-header-v10 .theme-switch__moon {
  transform: translateX(100%) !important;
  width: 100% !important;
  height: 100% !important;
  background-color: var(--moon-bg) !important;
  border-radius: inherit !important;
  box-shadow: 0.062em 0.062em 0.062em 0em rgba(254,255,239,.61) inset, 0em -0.062em 0.062em 0em #969696 inset !important;
  transition: var(--transition) !important;
  position: relative !important;
}
.home-header-v10 .theme-switch__spot {
  position: absolute !important;
  top: .75em !important;
  left: .312em !important;
  width: .75em !important;
  height: .75em !important;
  border-radius: var(--container-radius) !important;
  background-color: var(--spot-color) !important;
  box-shadow: 0em .0312em .062em rgba(0,0,0,.25) inset !important;
}
.home-header-v10 .theme-switch__spot:nth-of-type(2) {
  width: .375em !important;
  height: .375em !important;
  top: .937em !important;
  left: 1.375em !important;
}
.home-header-v10 .theme-switch__spot:nth-of-type(3) {
  width: .25em !important;
  height: .25em !important;
  top: .312em !important;
  left: .812em !important;
}
.home-header-v10 .theme-switch__clouds {
  width: 1.25em !important;
  height: 1.25em !important;
  background-color: var(--clouds-color) !important;
  border-radius: var(--container-radius) !important;
  position: absolute !important;
  bottom: -.625em !important;
  left: .312em !important;
  box-shadow: .937em .312em var(--clouds-color), -.312em -.312em var(--back-clouds-color), 1.437em .375em var(--clouds-color), .5em -.125em var(--back-clouds-color), 2.187em 0 var(--clouds-color), 1.25em -.062em var(--back-clouds-color), 2.937em .312em var(--clouds-color), 2em -.312em var(--back-clouds-color), 3.625em -.062em var(--clouds-color), 2.625em 0em var(--back-clouds-color), 4.5em -.312em var(--clouds-color), 3.375em -.437em var(--back-clouds-color), 4.625em -1.75em 0 .437em var(--clouds-color), 4em -.625em var(--back-clouds-color), 4.125em -2.125em 0 .437em var(--back-clouds-color) !important;
  transition: .5s cubic-bezier(0, -0.02, 0.4, 1.25) !important;
  z-index: 0 !important;
}
.home-header-v10 .theme-switch__stars-container {
  position: absolute !important;
  color: var(--stars-color) !important;
  top: -100% !important;
  left: .312em !important;
  width: 2.75em !important;
  height: auto !important;
  transition: var(--transition) !important;
  z-index: 0 !important;
  transform: none !important;
}
.home-header-v10 .theme-switch__stars-container svg {
  width: 100% !important;
  height: auto !important;
  display: block !important;
}
.home-header-v10 .theme-switch__checkbox:checked + .theme-switch__container {
  background-color: var(--container-night-bg) !important;
}
.home-header-v10 .theme-switch__checkbox:checked + .theme-switch__container .theme-switch__circle-container {
  left: calc(100% - var(--circle-container-offset) - var(--circle-container-diameter)) !important;
}
.home-header-v10 .theme-switch__checkbox:checked + .theme-switch__container .theme-switch__circle-container:hover {
  left: calc(100% - var(--circle-container-offset) - var(--circle-container-diameter) - .187em) !important;
}
.home-header-v10 .theme-switch__circle-container:hover {
  left: calc(var(--circle-container-offset) + .187em) !important;
}
.home-header-v10 .theme-switch__checkbox:checked + .theme-switch__container .theme-switch__moon {
  transform: translate(0) !important;
}
.home-header-v10 .theme-switch__checkbox:checked + .theme-switch__container .theme-switch__clouds {
  bottom: -4.062em !important;
}
.home-header-v10 .theme-switch__checkbox:checked + .theme-switch__container .theme-switch__stars-container {
  top: 50% !important;
  transform: translateY(-50%) !important;
}
@media (max-width: 680px) {
  .home-header-v10 .theme-switch.theme-switch-v10 { --toggle-size: 12.5px !important; }
}
@media (hover: none), (pointer: coarse) {
  .home-header-v10 .theme-switch__circle-container:hover {
    left: var(--circle-container-offset) !important;
  }
  .home-header-v10 .theme-switch__checkbox:checked + .theme-switch__container .theme-switch__circle-container:hover {
    left: calc(100% - var(--circle-container-offset) - var(--circle-container-diameter)) !important;
  }
}
.privacy-card-v10 {
  grid-template-columns: 40px minmax(0,1fr) !important;
  align-items: start !important;
}
.privacy-card-v10 > input[type="radio"] {
  position: absolute !important;
  inline-size: 1px !important;
  block-size: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
.privacy-card-v10 .checkbox-wrapper-31 {
  position: relative !important;
  display: inline-block !important;
  grid-row: 1 / span 2 !important;
  width: 35px !important;
  height: 35px !important;
  margin-top: 1px !important;
}
.privacy-card-v10 .checkbox-wrapper-31 svg {
  display: block !important;
  width: 35px !important;
  height: 35px !important;
  filter: drop-shadow(0 8px 15px rgba(0,0,0,.12)) !important;
}
.privacy-card-v10 .checkbox-wrapper-31 .background {
  fill: rgba(136,164,185,.42) !important;
  transition: ease all .45s !important;
}
.privacy-card-v10 .checkbox-wrapper-31 .stroke {
  fill: none !important;
  stroke: rgba(255,255,255,.88) !important;
  stroke-miterlimit: 10 !important;
  stroke-width: 2px !important;
  stroke-dashoffset: 100 !important;
  stroke-dasharray: 100 !important;
  transition: ease all .45s !important;
}
.privacy-card-v10 .checkbox-wrapper-31 .check {
  fill: none !important;
  stroke: #fff !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  stroke-width: 2px !important;
  stroke-dashoffset: 22 !important;
  stroke-dasharray: 22 !important;
  transition: ease all .45s !important;
}
.privacy-card-v10:hover .checkbox-wrapper-31 .check,
.privacy-card-v10 > input[type="radio"]:checked + .checkbox-wrapper-31 .stroke,
.privacy-card-v10 > input[type="radio"]:checked + .checkbox-wrapper-31 .check {
  stroke-dashoffset: 0 !important;
}
.privacy-card-v10 > input[type="radio"]:checked + .checkbox-wrapper-31 .background {
  fill: #1b9de2 !important;
}
html[data-theme="light"] .privacy-card-v10 .checkbox-wrapper-31 .background {
  fill: rgba(95,124,148,.28) !important;
}
html[data-theme="light"] .privacy-card-v10 > input[type="radio"]:checked + .checkbox-wrapper-31 .background {
  fill: #0e8fcf !important;
}
.chat-panel .chat-compose {
  padding: 18px 0 0 !important;
  border: 0 !important;
  border-top: 1px solid rgba(162,208,232,.10) !important;
  background: transparent !important;
  box-shadow: none !important;
}
.chat-panel .compose-shell {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0,1fr) 52px !important;
  align-items: end !important;
  gap: 10px !important;
  padding: 9px !important;
  border-radius: 28px !important;
  border: 1px solid rgba(164,211,235,.16) !important;
  background: linear-gradient(180deg, rgba(8,20,35,.94), rgba(4,12,23,.98)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.055), 0 16px 36px rgba(0,0,0,.18) !important;
  overflow: hidden !important;
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease !important;
}
.chat-panel .compose-shell::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  pointer-events: none !important;
  background: linear-gradient(135deg, rgba(255,255,255,.055), transparent 42%) !important;
  opacity: .65 !important;
}
.chat-panel .compose-shell::after {
  content: "" !important;
  position: absolute !important;
  right: 22px !important;
  left: 74px !important;
  bottom: 0 !important;
  height: 2px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, transparent, rgba(42,177,231,.82), transparent) !important;
  transform: scaleX(0) !important;
  transform-origin: center !important;
  transition: transform .22s ease !important;
  pointer-events: none !important;
}
.chat-panel .compose-shell:focus-within {
  border-color: rgba(67,174,222,.46) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 18px 38px rgba(0,0,0,.20) !important;
}
.chat-panel .compose-shell:focus-within::after {
  transform: scaleX(1) !important;
}
.chat-panel .compose-field {
  position: relative !important;
  z-index: 1 !important;
  min-height: 52px !important;
  border: 0 !important;
  border-radius: 22px !important;
  background: rgba(255,255,255,.035) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
  transition: background .18s ease !important;
}
.chat-panel .compose-shell:focus-within .compose-field {
  background: rgba(255,255,255,.052) !important;
}
.chat-panel .compose-field textarea,
.chat-panel .compose-shell textarea {
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  min-height: 52px !important;
  max-height: 132px !important;
  padding: 13px 15px !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 22px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #f4faff !important;
  font-size: 15px !important;
  line-height: 1.8 !important;
  resize: none !important;
  caret-color: #3cb7ed !important;
}
.chat-panel .compose-field textarea:focus,
.chat-panel .compose-shell textarea:focus,
.chat-panel .compose-field textarea:focus-visible,
.chat-panel .compose-shell textarea:focus-visible {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}
.chat-panel .compose-field textarea::placeholder,
.chat-panel .compose-shell textarea::placeholder {
  color: rgba(214,232,243,.56) !important;
}
.chat-panel .send-button {
  position: relative !important;
  z-index: 1 !important;
  width: 52px !important;
  height: 52px !important;
  min-width: 52px !important;
  border-radius: 20px !important;
  align-self: end !important;
  color: #ffffff !important;
  background: linear-gradient(145deg, #2bb6e9 0%, #0c69a8 100%) !important;
  border: 1px solid rgba(255,255,255,.15) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.30), inset 0 -1px 0 rgba(0,0,0,.14), 0 10px 20px rgba(8,91,151,.22) !important;
  transform-origin: center !important;
  transition: transform .12s ease, filter .12s ease, box-shadow .12s ease, opacity .12s ease !important;
}
.chat-panel .send-button:hover {
  transform: translateY(-1px) !important;
  filter: brightness(1.03) !important;
}
.chat-panel .send-button:active,
.chat-panel .send-button.sending {
  transform: scale(.95) !important;
}
.chat-panel .send-button:disabled {
  opacity: .48 !important;
  filter: grayscale(.22) !important;
  cursor: not-allowed !important;
}
html[data-theme="light"] .chat-panel .chat-compose {
  border-top-color: rgba(28,78,112,.10) !important;
}
html[data-theme="light"] .chat-panel .compose-shell {
  border-color: rgba(22,82,122,.15) !important;
  background: linear-gradient(180deg, #ffffff, #f4f8fb) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 16px 34px rgba(31,74,103,.10) !important;
}
html[data-theme="light"] .chat-panel .compose-shell::before {
  background: linear-gradient(135deg, rgba(255,255,255,.9), transparent 44%) !important;
  opacity: .9 !important;
}
html[data-theme="light"] .chat-panel .compose-shell::after {
  background: linear-gradient(90deg, transparent, rgba(10,126,186,.74), transparent) !important;
}
html[data-theme="light"] .chat-panel .compose-shell:focus-within {
  border-color: rgba(10,116,177,.42) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.94), 0 18px 34px rgba(28,91,128,.11) !important;
}
html[data-theme="light"] .chat-panel .compose-field {
  background: rgba(239,247,252,.82) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9) !important;
}
html[data-theme="light"] .chat-panel .compose-shell:focus-within .compose-field {
  background: rgba(247,251,253,.96) !important;
}
html[data-theme="light"] .chat-panel .compose-field textarea,
html[data-theme="light"] .chat-panel .compose-shell textarea {
  color: #061725 !important;
  background: transparent !important;
  caret-color: #0878b7 !important;
}
html[data-theme="light"] .chat-panel .compose-field textarea::placeholder,
html[data-theme="light"] .chat-panel .compose-shell textarea::placeholder {
  color: rgba(55,82,104,.56) !important;
}
html[data-theme="light"] .chat-panel .send-button {
  color: #ffffff !important;
  background: linear-gradient(145deg, #159bd4 0%, #075c98 100%) !important;
  border-color: rgba(7,91,154,.16) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.34), inset 0 -1px 0 rgba(0,0,0,.10), 0 10px 20px rgba(7,91,154,.17) !important;
}
@media (max-width: 680px) {
  .privacy-card-v10 { grid-template-columns: 36px minmax(0,1fr) !important; }
  .privacy-card-v10 .checkbox-wrapper-31,
  .privacy-card-v10 .checkbox-wrapper-31 svg {
    width: 32px !important;
    height: 32px !important;
  }
  .chat-panel .chat-compose { padding-top: 14px !important; }
  .chat-panel .compose-shell {
    grid-template-columns: minmax(0,1fr) 50px !important;
    gap: 8px !important;
    padding: 8px !important;
    border-radius: 25px !important;
  }
  .chat-panel .compose-shell::after {
    right: 18px !important;
    left: 68px !important;
  }
  .chat-panel .compose-field {
    min-height: 50px !important;
    border-radius: 19px !important;
  }
  .chat-panel .compose-field textarea,
  .chat-panel .compose-shell textarea {
    min-height: 50px !important;
    padding: 12px 13px !important;
    border-radius: 19px !important;
  }
  .chat-panel .send-button {
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
    border-radius: 18px !important;
  }
}

.home-header-v10 .theme-switch.theme-switch-v10 {
  --toggle-size: 13px;
  --container-width: 5.625em;
  --container-height: 2.5em;
  --container-radius: 6.25em;
  --container-light-bg: #3D7EAE;
  --container-night-bg: #1D1F2C;
  --circle-container-diameter: 3.375em;
  --sun-moon-diameter: 2.125em;
  --sun-bg: #ECCA2F;
  --moon-bg: #C4C9D1;
  --spot-color: #959DB1;
  --circle-container-offset: calc((var(--circle-container-diameter) - var(--container-height)) / 2 * -1);
  --stars-color: #fff;
  --clouds-color: #F3FDFF;
  --back-clouds-color: #AACADF;
  --transition: .5s cubic-bezier(0, -0.02, 0.4, 1.25);
  --circle-transition: .3s cubic-bezier(0, -0.02, 0.35, 1.17);
  position: relative !important;
  display: inline-block !important;
  inline-size: var(--container-width) !important;
  block-size: var(--container-height) !important;
  min-inline-size: var(--container-width) !important;
  min-block-size: var(--container-height) !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: var(--container-radius) !important;
  background: transparent !important;
  cursor: pointer !important;
  direction: ltr !important;
  isolation: isolate !important;
  overflow: visible !important;
  line-height: 1 !important;
  flex: 0 0 auto !important;
  font-size: var(--toggle-size) !important;
  transform: none !important;
  box-shadow: none !important;
}
.home-header-v10 .theme-switch.theme-switch-v10,
.home-header-v10 .theme-switch.theme-switch-v10 *,
.home-header-v10 .theme-switch.theme-switch-v10 *::before,
.home-header-v10 .theme-switch.theme-switch-v10 *::after {
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: var(--toggle-size) !important;
}
.home-header-v10 .theme-switch__container {
  width: var(--container-width) !important;
  height: var(--container-height) !important;
  background-color: var(--container-light-bg) !important;
  border-radius: var(--container-radius) !important;
  overflow: hidden !important;
  cursor: pointer !important;
  box-shadow: 0em -0.062em 0.062em rgba(0, 0, 0, 0.25), 0em 0.062em 0.125em rgba(255, 255, 255, 0.94), 0 .75em 1.6em rgba(3, 10, 20, .22) !important;
  transition: var(--transition) !important;
  position: relative !important;
  display: block !important;
  transform: none !important;
}
.home-header-v10 .theme-switch__container::before {
  content: "" !important;
  position: absolute !important;
  z-index: 1 !important;
  inset: 0 !important;
  box-shadow: 0em 0.05em 0.187em rgba(0, 0, 0, 0.25) inset, 0em 0.05em 0.187em rgba(0, 0, 0, 0.25) inset !important;
  border-radius: var(--container-radius) !important;
  pointer-events: none !important;
}
.home-header-v10 .theme-switch__checkbox {
  display: none !important;
}
.home-header-v10 .theme-switch__circle-container {
  width: var(--circle-container-diameter) !important;
  height: var(--circle-container-diameter) !important;
  background-color: rgba(255, 255, 255, 0.1) !important;
  position: absolute !important;
  left: var(--circle-container-offset) !important;
  top: var(--circle-container-offset) !important;
  right: auto !important;
  bottom: auto !important;
  border-radius: var(--container-radius) !important;
  box-shadow: inset 0 0 0 3.375em rgba(255, 255, 255, 0.1), inset 0 0 0 3.375em rgba(255, 255, 255, 0.1), 0 0 0 0.625em rgba(255, 255, 255, 0.1), 0 0 0 1.25em rgba(255, 255, 255, 0.1) !important;
  display: flex !important;
  transition: var(--circle-transition) !important;
  pointer-events: none !important;
  z-index: 2 !important;
  transform: none !important;
}
.home-header-v10 .theme-switch__sun-moon-container {
  pointer-events: auto !important;
  position: relative !important;
  z-index: 2 !important;
  width: var(--sun-moon-diameter) !important;
  height: var(--sun-moon-diameter) !important;
  margin: auto !important;
  border-radius: var(--container-radius) !important;
  background-color: var(--sun-bg) !important;
  box-shadow: 0.062em 0.062em 0.062em 0em rgba(254, 255, 239, 0.61) inset, 0em -0.062em 0.062em 0em #a1872a inset !important;
  filter: drop-shadow(0.062em 0.125em 0.125em rgba(0, 0, 0, 0.25)) drop-shadow(0em 0.062em 0.125em rgba(0, 0, 0, 0.25)) !important;
  overflow: hidden !important;
  transition: var(--transition) !important;
  display: block !important;
  transform: none !important;
}
.home-header-v10 .theme-switch__moon {
  transform: translateX(100%) !important;
  width: 100% !important;
  height: 100% !important;
  background-color: var(--moon-bg) !important;
  border-radius: inherit !important;
  box-shadow: 0.062em 0.062em 0.062em 0em rgba(254, 255, 239, 0.61) inset, 0em -0.062em 0.062em 0em #969696 inset !important;
  transition: var(--transition) !important;
  position: relative !important;
  display: block !important;
}
.home-header-v10 .theme-switch__spot {
  position: absolute !important;
  top: 0.75em !important;
  left: 0.312em !important;
  width: 0.75em !important;
  height: 0.75em !important;
  border-radius: var(--container-radius) !important;
  background-color: var(--spot-color) !important;
  box-shadow: 0em 0.0312em 0.062em rgba(0, 0, 0, 0.25) inset !important;
}
.home-header-v10 .theme-switch__spot:nth-of-type(2) {
  width: 0.375em !important;
  height: 0.375em !important;
  top: 0.937em !important;
  left: 1.375em !important;
}
.home-header-v10 .theme-switch__spot:nth-of-type(3) {
  width: 0.25em !important;
  height: 0.25em !important;
  top: 0.312em !important;
  left: 0.812em !important;
}
.home-header-v10 .theme-switch__clouds {
  width: 1.25em !important;
  height: 1.25em !important;
  background-color: var(--clouds-color) !important;
  border-radius: var(--container-radius) !important;
  position: absolute !important;
  bottom: -0.625em !important;
  left: 0.312em !important;
  right: auto !important;
  top: auto !important;
  box-shadow: 0.937em 0.312em var(--clouds-color), -0.312em -0.312em var(--back-clouds-color), 1.437em 0.375em var(--clouds-color), 0.5em -0.125em var(--back-clouds-color), 2.187em 0 var(--clouds-color), 1.25em -0.062em var(--back-clouds-color), 2.937em 0.312em var(--clouds-color), 2em -0.312em var(--back-clouds-color), 3.625em -0.062em var(--clouds-color), 2.625em 0em var(--back-clouds-color), 4.5em -0.312em var(--clouds-color), 3.375em -0.437em var(--back-clouds-color), 4.625em -1.75em 0 0.437em var(--clouds-color), 4em -0.625em var(--back-clouds-color), 4.125em -2.125em 0 0.437em var(--back-clouds-color) !important;
  transition: 0.5s cubic-bezier(0, -0.02, 0.4, 1.25) !important;
  display: block !important;
  z-index: 0 !important;
  transform: none !important;
}
.home-header-v10 .theme-switch__stars-container {
  position: absolute !important;
  color: var(--stars-color) !important;
  top: -100% !important;
  left: 0.312em !important;
  right: auto !important;
  width: 2.75em !important;
  height: auto !important;
  transition: var(--transition) !important;
  z-index: 0 !important;
  display: block !important;
  transform: none !important;
}
.home-header-v10 .theme-switch__stars-container svg {
  width: 100% !important;
  height: auto !important;
  display: block !important;
}
.home-header-v10 .theme-switch__checkbox:checked + .theme-switch__container {
  background-color: var(--container-night-bg) !important;
}
.home-header-v10 .theme-switch__checkbox:checked + .theme-switch__container .theme-switch__circle-container {
  left: calc(100% - var(--circle-container-offset) - var(--circle-container-diameter)) !important;
}
.home-header-v10 .theme-switch__checkbox:checked + .theme-switch__container .theme-switch__circle-container:hover {
  left: calc(100% - var(--circle-container-offset) - var(--circle-container-diameter) - 0.187em) !important;
}
.home-header-v10 .theme-switch__circle-container:hover {
  left: calc(var(--circle-container-offset) + 0.187em) !important;
}
.home-header-v10 .theme-switch__checkbox:checked + .theme-switch__container .theme-switch__moon {
  transform: translate(0) !important;
}
.home-header-v10 .theme-switch__checkbox:checked + .theme-switch__container .theme-switch__clouds {
  bottom: -4.062em !important;
}
.home-header-v10 .theme-switch__checkbox:checked + .theme-switch__container .theme-switch__stars-container {
  top: 50% !important;
  transform: translateY(-50%) !important;
}
@media (max-width: 680px) {
  .home-header-v10 .theme-switch.theme-switch-v10 { --toggle-size: 11.5px; }
}
@media (hover: none), (pointer: coarse) {
  .home-header-v10 .theme-switch__circle-container:hover {
    left: var(--circle-container-offset) !important;
  }
  .home-header-v10 .theme-switch__checkbox:checked + .theme-switch__container .theme-switch__circle-container:hover {
    left: calc(100% - var(--circle-container-offset) - var(--circle-container-diameter)) !important;
  }
}
.privacy-card-v10 {
  grid-template-columns: 34px minmax(0,1fr) !important;
  align-items: start !important;
}
.privacy-card-v10 > input[type="radio"] {
  position: absolute !important;
  inline-size: 1px !important;
  block-size: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
.privacy-card-v10 .ios-checkbox {
  --checkbox-size: 28px;
  --checkbox-color: #1d9ee8;
  --checkbox-bg: rgba(29, 158, 232, .15);
  --checkbox-border: rgba(99, 184, 237, .72);
  position: relative !important;
  display: inline-block !important;
  grid-row: 1 / span 2 !important;
  width: var(--checkbox-size) !important;
  height: var(--checkbox-size) !important;
  margin-top: 4px !important;
  user-select: none !important;
  -webkit-tap-highlight-color: transparent !important;
  pointer-events: none !important;
}
.privacy-card-v10 .ios-checkbox.blue {
  --checkbox-color: #1d9ee8;
  --checkbox-bg: rgba(29, 158, 232, .16);
  --checkbox-border: rgba(116, 193, 241, .70);
}
.privacy-card-v10 .ios-checkbox .checkbox-wrapper {
  position: relative !important;
  width: var(--checkbox-size) !important;
  height: var(--checkbox-size) !important;
  border-radius: 8px !important;
  transition: transform .2s ease !important;
}
.privacy-card-v10 .ios-checkbox .checkbox-bg {
  position: absolute !important;
  inset: 0 !important;
  border-radius: 8px !important;
  border: 2px solid var(--checkbox-border) !important;
  background: rgba(255,255,255,.06) !important;
  transition: all .2s ease !important;
}
.privacy-card-v10 .ios-checkbox .checkbox-icon {
  position: absolute !important;
  inset: 0 !important;
  margin: auto !important;
  width: 80% !important;
  height: 80% !important;
  color: #fff !important;
  transform: scale(0) !important;
  transition: all .2s ease !important;
}
.privacy-card-v10 .ios-checkbox .check-path {
  stroke-dasharray: 40 !important;
  stroke-dashoffset: 40 !important;
  transition: stroke-dashoffset .3s ease .1s !important;
}
.privacy-card-v10 > input[type="radio"]:checked + .ios-checkbox .checkbox-bg {
  background: var(--checkbox-color) !important;
  border-color: var(--checkbox-color) !important;
}
.privacy-card-v10 > input[type="radio"]:checked + .ios-checkbox .checkbox-icon {
  transform: scale(1) !important;
}
.privacy-card-v10 > input[type="radio"]:checked + .ios-checkbox .check-path {
  stroke-dashoffset: 0 !important;
}
.privacy-card-v10:hover .ios-checkbox .checkbox-wrapper {
  transform: scale(1.05) !important;
}
.privacy-card-v10:active .ios-checkbox .checkbox-wrapper {
  transform: scale(.95) !important;
}
.privacy-card-v10 > input[type="radio"]:focus-visible + .ios-checkbox .checkbox-bg {
  box-shadow: 0 0 0 4px var(--checkbox-bg) !important;
}
.privacy-card-v10 > input[type="radio"]:checked + .ios-checkbox .checkbox-wrapper {
  animation: checkboxBounceBlue .3s cubic-bezier(.4,0,.2,1) !important;
}
html[data-theme="light"] .privacy-card-v10 .ios-checkbox .checkbox-bg {
  background: #fff !important;
  border-color: rgba(72, 152, 211, .42) !important;
}
html[data-theme="light"] .privacy-card-v10 > input[type="radio"]:checked + .ios-checkbox .checkbox-bg {
  background: #168dda !important;
  border-color: #168dda !important;
}
@keyframes checkboxBounceBlue {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.1); }
}
@media (max-width: 680px) {
  .privacy-card-v10 { grid-template-columns: 32px minmax(0,1fr) !important; }
  .privacy-card-v10 .ios-checkbox { --checkbox-size: 26px; margin-top: 3px !important; }
}


.home-header-v10 .theme-switch.theme-switch-v12 {
  --toggle-size: 19px;
  --container-width: 5.625em;
  --container-height: 2.5em;
  --container-radius: 6.25em;
  --container-light-bg: #3D7EAE;
  --container-night-bg: #1D1F2C;
  --circle-container-diameter: 3.375em;
  --sun-moon-diameter: 2.125em;
  --sun-bg: #ECCA2F;
  --moon-bg: #C4C9D1;
  --spot-color: #959DB1;
  --circle-container-offset: calc((var(--circle-container-diameter) - var(--container-height)) / 2 * -1);
  --stars-color: #fff;
  --clouds-color: #F3FDFF;
  --back-clouds-color: #AACADF;
  --transition: .5s cubic-bezier(0, -0.02, 0.4, 1.25);
  --circle-transition: .3s cubic-bezier(0, -0.02, 0.35, 1.17);
  position: relative !important;
  display: inline-block !important;
  width: var(--container-width) !important;
  height: var(--container-height) !important;
  min-width: var(--container-width) !important;
  min-height: var(--container-height) !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: var(--container-radius) !important;
  background: transparent !important;
  cursor: pointer !important;
  direction: ltr !important;
  isolation: isolate !important;
  overflow: visible !important;
  line-height: 1 !important;
  flex: 0 0 auto !important;
  font-size: var(--toggle-size) !important;
  transform: none !important;
  margin-top: 6px !important;
}
.home-header-v10 .theme-switch.theme-switch-v12:hover,
.home-header-v10 .theme-switch.theme-switch-v12:focus-within {
  transform: none !important;
  background: transparent !important;
  border: 0 !important;
}
.home-header-v10 .theme-switch.theme-switch-v12,
.home-header-v10 .theme-switch.theme-switch-v12 *,
.home-header-v10 .theme-switch.theme-switch-v12 *::before,
.home-header-v10 .theme-switch.theme-switch-v12 *::after {
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 !important;
}
.home-header-v10 .theme-switch.theme-switch-v12 .theme-switch__container {
  width: var(--container-width) !important;
  height: var(--container-height) !important;
  min-width: var(--container-width) !important;
  min-height: var(--container-height) !important;
  background-color: var(--container-light-bg) !important;
  border-radius: var(--container-radius) !important;
  overflow: hidden !important;
  cursor: pointer !important;
  box-shadow: 0em -0.062em 0.062em rgba(0, 0, 0, 0.25), 0em 0.062em 0.125em rgba(255, 255, 255, 0.94), 0 .45em 1.15em rgba(3, 10, 20, .28) !important;
  transition: var(--transition) !important;
  position: relative !important;
  display: block !important;
  transform: none !important;
}
.home-header-v10 .theme-switch.theme-switch-v12 .theme-switch__container::before {
  content: "" !important;
  position: absolute !important;
  z-index: 1 !important;
  inset: 0 !important;
  box-shadow: 0em 0.05em 0.187em rgba(0, 0, 0, 0.25) inset, 0em 0.05em 0.187em rgba(0, 0, 0, 0.25) inset !important;
  border-radius: var(--container-radius) !important;
  pointer-events: none !important;
}
.home-header-v10 .theme-switch.theme-switch-v12 .theme-switch__checkbox {
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
.home-header-v10 .theme-switch.theme-switch-v12 .theme-switch__circle-container {
  width: var(--circle-container-diameter) !important;
  height: var(--circle-container-diameter) !important;
  background-color: rgba(255, 255, 255, 0.1) !important;
  position: absolute !important;
  left: var(--circle-container-offset) !important;
  top: var(--circle-container-offset) !important;
  right: auto !important;
  bottom: auto !important;
  border-radius: var(--container-radius) !important;
  box-shadow: inset 0 0 0 3.375em rgba(255, 255, 255, 0.1), inset 0 0 0 3.375em rgba(255, 255, 255, 0.1), 0 0 0 0.625em rgba(255, 255, 255, 0.1), 0 0 0 1.25em rgba(255, 255, 255, 0.1) !important;
  display: flex !important;
  transition: var(--circle-transition) !important;
  pointer-events: none !important;
  z-index: 2 !important;
  transform: none !important;
}
.home-header-v10 .theme-switch.theme-switch-v12 .theme-switch__sun-moon-container {
  pointer-events: auto !important;
  position: relative !important;
  z-index: 2 !important;
  width: var(--sun-moon-diameter) !important;
  height: var(--sun-moon-diameter) !important;
  margin: auto !important;
  border-radius: var(--container-radius) !important;
  background-color: var(--sun-bg) !important;
  box-shadow: 0.062em 0.062em 0.062em 0em rgba(254, 255, 239, 0.61) inset, 0em -0.062em 0.062em 0em #a1872a inset !important;
  filter: drop-shadow(0.062em 0.125em 0.125em rgba(0, 0, 0, 0.25)) drop-shadow(0em 0.062em 0.125em rgba(0, 0, 0, 0.25)) !important;
  overflow: hidden !important;
  transition: var(--transition) !important;
  display: block !important;
  transform: none !important;
}
.home-header-v10 .theme-switch.theme-switch-v12 .theme-switch__moon {
  transform: translateX(100%) !important;
  width: 100% !important;
  height: 100% !important;
  background-color: var(--moon-bg) !important;
  border-radius: inherit !important;
  box-shadow: 0.062em 0.062em 0.062em 0em rgba(254, 255, 239, 0.61) inset, 0em -0.062em 0.062em 0em #969696 inset !important;
  transition: var(--transition) !important;
  position: relative !important;
  display: block !important;
}
.home-header-v10 .theme-switch.theme-switch-v12 .theme-switch__spot {
  position: absolute !important;
  top: 0.75em !important;
  left: 0.312em !important;
  width: 0.75em !important;
  height: 0.75em !important;
  border-radius: var(--container-radius) !important;
  background-color: var(--spot-color) !important;
  box-shadow: 0em 0.0312em 0.062em rgba(0, 0, 0, 0.25) inset !important;
}
.home-header-v10 .theme-switch.theme-switch-v12 .theme-switch__spot:nth-of-type(2) {
  width: 0.375em !important;
  height: 0.375em !important;
  top: 0.937em !important;
  left: 1.375em !important;
}
.home-header-v10 .theme-switch.theme-switch-v12 .theme-switch__spot:nth-of-type(3) {
  width: 0.25em !important;
  height: 0.25em !important;
  top: 0.312em !important;
  left: 0.812em !important;
}
.home-header-v10 .theme-switch.theme-switch-v12 .theme-switch__clouds {
  width: 1.25em !important;
  height: 1.25em !important;
  background-color: var(--clouds-color) !important;
  border-radius: var(--container-radius) !important;
  position: absolute !important;
  bottom: -0.625em !important;
  left: 0.312em !important;
  right: auto !important;
  top: auto !important;
  box-shadow: 0.937em 0.312em var(--clouds-color), -0.312em -0.312em var(--back-clouds-color), 1.437em 0.375em var(--clouds-color), 0.5em -0.125em var(--back-clouds-color), 2.187em 0 var(--clouds-color), 1.25em -0.062em var(--back-clouds-color), 2.937em 0.312em var(--clouds-color), 2em -0.312em var(--back-clouds-color), 3.625em -0.062em var(--clouds-color), 2.625em 0em var(--back-clouds-color), 4.5em -0.312em var(--clouds-color), 3.375em -0.437em var(--back-clouds-color), 4.625em -1.75em 0 0.437em var(--clouds-color), 4em -0.625em var(--back-clouds-color), 4.125em -2.125em 0 0.437em var(--back-clouds-color) !important;
  transition: 0.5s cubic-bezier(0, -0.02, 0.4, 1.25) !important;
  display: block !important;
  z-index: 0 !important;
  transform: none !important;
}
.home-header-v10 .theme-switch.theme-switch-v12 .theme-switch__stars-container {
  position: absolute !important;
  color: var(--stars-color) !important;
  top: -100% !important;
  left: 0.312em !important;
  right: auto !important;
  width: 2.75em !important;
  height: auto !important;
  transition: var(--transition) !important;
  z-index: 0 !important;
  display: block !important;
  transform: none !important;
}
.home-header-v10 .theme-switch.theme-switch-v12 .theme-switch__stars-container svg {
  width: 100% !important;
  height: auto !important;
  display: block !important;
}
.home-header-v10 .theme-switch.theme-switch-v12 .theme-switch__checkbox:checked + .theme-switch__container {
  background-color: var(--container-night-bg) !important;
}
.home-header-v10 .theme-switch.theme-switch-v12 .theme-switch__checkbox:checked + .theme-switch__container .theme-switch__circle-container {
  left: calc(100% - var(--circle-container-offset) - var(--circle-container-diameter)) !important;
}
.home-header-v10 .theme-switch.theme-switch-v12 .theme-switch__checkbox:checked + .theme-switch__container .theme-switch__circle-container:hover {
  left: calc(100% - var(--circle-container-offset) - var(--circle-container-diameter) - 0.187em) !important;
}
.home-header-v10 .theme-switch.theme-switch-v12 .theme-switch__circle-container:hover {
  left: calc(var(--circle-container-offset) + 0.187em) !important;
}
.home-header-v10 .theme-switch.theme-switch-v12 .theme-switch__checkbox:checked + .theme-switch__container .theme-switch__moon {
  transform: translate(0) !important;
}
.home-header-v10 .theme-switch.theme-switch-v12 .theme-switch__checkbox:checked + .theme-switch__container .theme-switch__clouds {
  bottom: -4.062em !important;
}
.home-header-v10 .theme-switch.theme-switch-v12 .theme-switch__checkbox:checked + .theme-switch__container .theme-switch__stars-container {
  top: 50% !important;
  transform: translateY(-50%) !important;
}
@media (max-width: 680px) {
  .home-header-v10 .theme-switch.theme-switch-v12 { --toggle-size: 14px; margin-top: 2px !important; }
}
@media (hover: none), (pointer: coarse) {
  .home-header-v10 .theme-switch.theme-switch-v12 .theme-switch__circle-container:hover {
    left: var(--circle-container-offset) !important;
  }
  .home-header-v10 .theme-switch.theme-switch-v12 .theme-switch__checkbox:checked + .theme-switch__container .theme-switch__circle-container:hover {
    left: calc(100% - var(--circle-container-offset) - var(--circle-container-diameter)) !important;
  }
}
.privacy-card-v10 {
  grid-template-columns: 34px minmax(0,1fr) !important;
  align-items: start !important;
}
.privacy-card-v10 > .ios-checkbox {
  --checkbox-size: 28px;
  --checkbox-color: #3b82f6;
  --checkbox-bg: #dbeafe;
  --checkbox-border: #93c5fd;
  position: relative !important;
  display: inline-block !important;
  grid-row: 1 / span 2 !important;
  width: var(--checkbox-size) !important;
  height: var(--checkbox-size) !important;
  margin-top: 3px !important;
  cursor: pointer !important;
  user-select: none !important;
  -webkit-tap-highlight-color: transparent !important;
  pointer-events: none !important;
}
.privacy-card-v10 > .ios-checkbox input {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  inset: 0 !important;
  margin: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}
.privacy-card-v10 > .ios-checkbox .checkbox-wrapper {
  position: relative !important;
  width: var(--checkbox-size) !important;
  height: var(--checkbox-size) !important;
  border-radius: 8px !important;
  transition: transform .2s ease !important;
  display: block !important;
}
.privacy-card-v10 > .ios-checkbox .checkbox-bg {
  position: absolute !important;
  inset: 0 !important;
  border-radius: 8px !important;
  border: 2px solid var(--checkbox-border) !important;
  background: rgba(255,255,255,.06) !important;
  transition: all .2s ease !important;
  display: block !important;
}
.privacy-card-v10 > .ios-checkbox .checkbox-icon {
  position: absolute !important;
  inset: 0 !important;
  margin: auto !important;
  width: 80% !important;
  height: 80% !important;
  color: #fff !important;
  transform: scale(0) !important;
  transition: all .2s ease !important;
  display: block !important;
}
.privacy-card-v10 > .ios-checkbox .check-path {
  stroke-dasharray: 40 !important;
  stroke-dashoffset: 40 !important;
  transition: stroke-dashoffset .3s ease .1s !important;
}
.privacy-card-v10 > .ios-checkbox input:checked + .checkbox-wrapper .checkbox-bg {
  background: var(--checkbox-color) !important;
  border-color: var(--checkbox-color) !important;
}
.privacy-card-v10 > .ios-checkbox input:checked + .checkbox-wrapper .checkbox-icon {
  transform: scale(1) !important;
}
.privacy-card-v10 > .ios-checkbox input:checked + .checkbox-wrapper .check-path {
  stroke-dashoffset: 0 !important;
}
.privacy-card-v10:hover > .ios-checkbox .checkbox-wrapper {
  transform: scale(1.05) !important;
}
.privacy-card-v10:active > .ios-checkbox .checkbox-wrapper {
  transform: scale(.95) !important;
}
.privacy-card-v10 > .ios-checkbox input:focus-visible + .checkbox-wrapper .checkbox-bg {
  box-shadow: 0 0 0 4px var(--checkbox-bg) !important;
}
.privacy-card-v10 > .ios-checkbox input:checked + .checkbox-wrapper {
  animation: checkboxBounceBlueV12 .3s cubic-bezier(.4,0,.2,1) !important;
}
html[data-theme="light"] .privacy-card-v10 > .ios-checkbox .checkbox-bg {
  background: #fff !important;
  border-color: rgba(147,197,253,.9) !important;
}
@keyframes checkboxBounceBlueV12 {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.1); }
}
@media (max-width: 680px) {
  .privacy-card-v10 { grid-template-columns: 32px minmax(0,1fr) !important; }
  .privacy-card-v10 > .ios-checkbox { --checkbox-size: 26px; margin-top: 3px !important; }
}