/* Тёмная тема по умолчанию; светлая — в «Настройках», выбор запоминается в браузере. */
:root {
  --bg: #11161c; --panel: #1a2129; --text: #e3e8ee; --muted: #8d98a5;
  --line: #2b3540; --accent: #5b93bd; --accent-text: #0d1115; --error: #e07b7b;
  --film: #0f1419; --mine: #1f3446; --ok: #6fbf8a; --warn: #d6a95c; --week: #6fd3ff;
  color-scheme: dark;
}
:root[data-theme="lightgray"] {   /* светло-серая: как светлая, но мягче */
  --bg: #e4e6e9; --panel: #f0f1f3; --text: #1f252c; --muted: #646d78;
  --line: #cfd3d8; --accent: #3a6488; --accent-text: #ffffff; --error: #a33a3a;
  --mine: #d7e0e8; --ok: #2f7d4a; --warn: #9a6a12; --week: #1f8fc4;
  color-scheme: light;
}
:root[data-theme="termius"] {     /* в духе Termius Dark: глубокий тёмно-синий, зелёный как в терминале */
  --bg: #12151d; --panel: #1a1e28; --text: #e8eaf0; --muted: #8b93a7;
  --line: #262b38; --accent: #5ed67d; --accent-text: #0b1510; --error: #ef7f7f;
  --film: #0d0f14; --mine: #1e3a2b; --ok: #5ed67d; --warn: #e2b062; --week: #5fd4f5;
  color-scheme: dark;
}
:root[data-theme="termiuslight"] { /* Termius Light: светлая, с тем же зелёным, но темнее — чтобы читался на белом */
  --bg: #f3f5f8; --panel: #ffffff; --text: #1b2230; --muted: #687285;
  --line: #dde2ea; --accent: #1f9d55; --accent-text: #ffffff; --error: #b23b3b;
  --film: #0f1419; --mine: #e1f3e7; --ok: #1f9d55; --warn: #a36b0f; --week: #1f8fc4;
  color-scheme: light;
}
:root[data-theme="psy"] {         /* психоделическая: фиолетовая ночь, неон, переливы */
  --bg: #1a0b2e; --panel: #26103f; --text: #fdf6ff; --muted: #c6a6ff;
  --line: #4a2a78; --accent: #ff3fa4; --accent-text: #1a0b2e; --error: #ff5470;
  --film: #12061f; --mine: #3b1d6b; --ok: #7dff6a; --warn: #ffd23f; --week: #3ff0ff;
  color-scheme: dark;
}
:root[data-theme="darkgray"] {    /* тёмно-серая: тёмная без синевы */
  --bg: #26282b; --panel: #303236; --text: #e6e6e6; --muted: #9a9ea4;
  --line: #3e4146; --accent: #8fa8bf; --accent-text: #14171a; --error: #e07b7b;
  --film: #1c1d1f; --mine: #3a3f46; --ok: #7fc795; --warn: #d6a95c; --week: #9fd3ef;
  color-scheme: dark;
}
:root[data-theme="light"] {
  --bg: #f4f5f7; --panel: #ffffff; --text: #1d232b; --muted: #6a7480;
  --line: #dde1e6; --accent: #2d5f86; --accent-text: #ffffff; --error: #a33a3a;
  --mine: #e3edf5; --ok: #2f7d4a; --warn: #9a6a12; --week: #1f8fc4;
  color-scheme: light;
}
* { box-sizing: border-box; }
html, body { height: 100%; }
html { font-size: 16px; }
html.big { font-size: 18px; }
body { margin: 0; background: var(--bg); color: var(--text);
       font: 1rem/1.5 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
h1 { font-size: 1.2rem; margin: 0; }
h2 { font-size: 1rem; margin: 0 0 8px; }
label { display: block; font-size: .875rem; color: var(--muted); margin: 12px 0 6px; }
input[type=text], input[type=password], input[type=search], select, textarea {
  width: 100%; padding: 9px 11px; font: inherit; color: var(--text);
  background: var(--bg); border: 1px solid var(--line); border-radius: 8px; }
textarea { resize: vertical; }
button { font: inherit; padding: 9px 16px; border-radius: 8px; border: 1px solid var(--accent);
         background: var(--accent); color: var(--accent-text); cursor: pointer; }
button.link { background: none; border: none; color: var(--accent); padding: 4px 6px; }
button.ghost { background: none; color: var(--accent); }
button.small, .small button { padding: 4px 10px; font-size: .875rem; }
button:disabled { opacity: .5; cursor: default; }
button.recording { background: var(--error); border-color: var(--error); color: #fff; }
a { color: var(--accent); }
.muted { color: var(--muted); }
.small { font-size: .8125rem; }
.error { color: var(--error); min-height: 1em; font-size: .875rem; }
.row { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.grow { flex: 1; }
.card { background: var(--panel); border: 1px solid var(--line); border-radius: 10px; padding: 16px; margin-bottom: 14px; }
.login { max-width: 380px; margin: 10vh auto 0; }
.showpw { display: flex; align-items: center; gap: 6px; font-size: .875rem; color: var(--muted); margin: 8px 0 0; cursor: pointer; }
.showpw input { margin: 0; }
[hidden] { display: none !important; }

/* шапка */
#appView { display: flex; flex-direction: column; height: 100vh; height: 100dvh; }
header { display: flex; justify-content: space-between; align-items: center; gap: 8px; flex-wrap: wrap;
         padding: 8px 16px; border-bottom: 1px solid var(--line); background: var(--panel); }
.brand { font-weight: 600; letter-spacing: .02em; }
.head-tools { display: flex; align-items: center; flex-wrap: wrap; gap: 2px; }
.badge { display: inline-block; margin-left: 4px; min-width: 18px; padding: 0 5px; border-radius: 9px;
         background: var(--error); color: #fff; font-size: 12px; line-height: 18px; text-align: center; }

/* батарейка: заливка — пятичасовой лимит, светящаяся полоса по нижнему краю — недельный */
/* размер и вид батарейки в шапке — в «Настройках»: --bs — масштаб */
:root { --bs: 1; } html.bat-s { --bs: .8; } html.bat-l { --bs: 1.35; }
.battery { display: inline-flex; align-items: center; gap: calc(6px * var(--bs)); margin-right: 8px;
           font-size: calc(.8125rem * var(--bs)); cursor: default; }
.battery .bt { display: inline-flex; line-height: 1.1; }
.battery .bt small { font-size: .82em; color: var(--muted); }
html[data-batlines="two"] #battery .bt { flex-direction: column; }
html[data-batlines="two"] #battery .bt > * { display: flex; justify-content: space-between; gap: 10px; }   /* строки кончаются на одном уровне */
html[data-batlines="none"] #battery .bt { display: none; }
#battery .cell2 { display: none; }
html[data-baticon="pair"] #battery .cell2 { display: inline-block; }
html[data-baticon="pair"] #battery .cell .week { display: none; }
html[data-baticon="none"] #battery .cell { display: none !important; }
#battery .cell2 .level { background: var(--wkc, var(--week)); }
#battery .cell { width: calc(38px * var(--bs)); height: calc(18px * var(--bs)); }
#battery .cell::after { right: calc(-5px * var(--bs)); top: calc(4px * var(--bs)); width: calc(3px * var(--bs)); height: calc(6px * var(--bs)); }
.battery .cell { width: 38px; height: 18px; border: 2px solid var(--muted); border-radius: 4px; padding: 1px;
                 position: relative; display: inline-block; }
.battery .cell::after { content: ""; position: absolute; right: -5px; top: 4px; width: 3px; height: 6px;
                        background: var(--muted); border-radius: 0 2px 2px 0; }
.battery .level { display: block; height: 100%; background: var(--ok); border-radius: 1px; }
.battery .week { position: absolute; left: -2px; bottom: calc(-1 * var(--wkh, 3.5px)); height: var(--wkh, 3.5px);
                 background: var(--wkc, var(--week)); box-shadow: 0 0 6px var(--wkc, var(--week)); border-radius: 2px; }
.battery.low .level { background: var(--warn); }
.battery.empty .level { background: var(--error); }
.battery.mini { margin: 0; gap: 0; }
.battery.mini .cell { width: 22px; height: 11px; border-width: 1.5px; padding: .5px; border-radius: 3px; }
.battery.mini .cell::after { right: -4px; top: 2.5px; width: 2px; height: 4px; }
.battery.mini .week { height: calc(var(--wkh, 3.5px) * .7); bottom: calc(-.7 * var(--wkh, 3.5px)); left: -1.5px; }
.battery.mini .bt { display: none; }

/* аватары */
.avatar { position: relative; display: inline-flex; align-items: center; justify-content: center; flex: none;
          width: 36px; height: 36px; border-radius: 50%; color: #fff; font-weight: 600; background-size: cover; background-position: center; }
.avatar.big { width: 64px; height: 64px; font-size: 1.5rem; }
.avatar.sm { width: 28px; height: 28px; font-size: .75rem; }
.avatar .on { position: absolute; right: -1px; bottom: -1px; width: 11px; height: 11px; border-radius: 50%;
              background: var(--ok); border: 2px solid var(--panel); }
.avatar .badge { position: absolute; top: -6px; right: -10px; margin: 0; }
.strip { display: flex; gap: 14px; padding: 4px 2px 12px; overflow-x: auto; }
.peer { display: flex; flex-direction: column; align-items: center; gap: 4px; cursor: pointer; background: none; border: none;
        padding: 0; color: var(--text); font-size: .75rem; }
.peer .aid { color: var(--warn); font-size: .7rem; }
.swatches { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 10px; }
.swatches button { width: 26px; height: 26px; padding: 0; border-radius: 50%; border: 2px solid transparent; }
.swatches button.sel { border-color: var(--text); }

/* разговоры и переписка */
.layout { flex: 1; display: flex; min-height: 0; }
#sidebar { width: 280px; border-right: 1px solid var(--line); padding: 12px; overflow-y: auto; background: var(--panel); }
#newConvBtn { width: 100%; margin-bottom: 10px; }
.tabs { display: flex; gap: 4px; margin-bottom: 10px; border-bottom: 1px solid var(--line); }
.tab { background: none; border: none; color: var(--muted); border-radius: 0; padding: 6px 10px; border-bottom: 2px solid transparent; }
.tab.active { color: var(--text); border-bottom-color: var(--accent); }
.conv { display: flex; gap: 8px; align-items: center; padding: 8px 10px; border-radius: 8px; cursor: pointer; margin-bottom: 2px; }
.conv > div { min-width: 0; flex: 1; }
.conv:hover, .conv.active { background: var(--bg); }
.conv .t { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.conv .d { font-size: 12px; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.conv .warn { color: var(--warn); }
.conv .badge { flex: none; }
.dm-group { font-size: 12px; color: var(--muted); margin: 10px 4px 4px; text-transform: uppercase; letter-spacing: .04em; }
#chat { flex: 1; display: flex; flex-direction: column; min-width: 0; }
.chat-head { display: flex; align-items: center; gap: 12px; padding: 10px 16px; border-bottom: 1px solid var(--line); flex-wrap: wrap; }
.head-title { flex: 1; min-width: 140px; }
.head-title h1 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.model-pick { width: 320px; }
.model-pick select#model { flex: 2; width: auto; } .model-pick select#effort { flex: 1; width: auto; }
#listToggle { display: none; }
.banner { margin: 10px 16px 0; padding: 8px 12px; border-radius: 8px; border: 1px solid var(--warn); color: var(--warn); font-size: .875rem; }
#messages { flex: 1; overflow-y: auto; padding: 16px; background-attachment: local; }
.empty { max-width: 520px; }
.empty p { margin: 0 0 8px; }
.empty-steps { margin: 0 0 8px; padding-left: 1.4em; }
.empty-steps li { margin-bottom: 6px; }
.msg { max-width: min(1400px, 88%); margin: 0 0 14px clamp(0px, 4vw, 56px); }   /* коллеги и помощник — с отступом слева, шире (09.10) */
.msg .who { display: flex; align-items: center; gap: 6px; font-size: 12px; color: var(--muted); margin-bottom: 4px; }
.msg.doctor, .msg.mine { margin-left: auto; margin-right: clamp(0px, 4vw, 56px); max-width: min(1400px, 88%); }   /* свои — справа, той же ширины */
.msg.doctor .bubble, .msg.mine .bubble { background: var(--mine); }
.msg.doctor .who, .msg.mine .who { justify-content: flex-end; }
.bubble { background: var(--panel); border: 1px solid var(--line); border-radius: 10px; padding: 10px 14px; overflow-x: auto; }
.msg.error .bubble { border-color: var(--error); color: var(--error); }
.msg.deleted .bubble { color: var(--muted); font-style: italic; }
.bubble h2 { font-size: 1rem; margin: 14px 0 4px; }
.bubble h2:first-child { margin-top: 0; }
.bubble table { border-collapse: collapse; } .bubble td, .bubble th { border: 1px solid var(--line); padding: 4px 8px; }
.msg.ai { max-width: min(1680px, 96%); margin-left: clamp(0px, 1.2vw, 16px); }   /* ответ помощника шире — таблицы помещаются (Саша, 20.10.2026) */
.msg.ai .bubble table { font-size: .94em; } .msg.ai .bubble td, .msg.ai .bubble th { padding: 4px 7px; vertical-align: top; }
.msg-images { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 8px; }
.msg-images img { width: 96px; height: 96px; object-fit: contain; background: var(--film); border-radius: 6px; cursor: zoom-in; }
.msg.doctor .msg-images, .msg.mine .msg-images { justify-content: flex-end; }   /* свои снимки — от правого края (Саша, 13.10) */
.msg-files { margin-top: 6px; font-size: .875rem; }
.actions { display: flex; gap: 2px; flex-wrap: wrap; margin-top: 6px; font-size: .875rem; align-items: center; }
.msg.doctor .actions, .msg.mine .actions { justify-content: flex-end; }
.actions .q { color: var(--muted); margin-left: 6px; }
.inline-form { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 6px; }
.inline-form select, .inline-form input { width: auto; flex: 1; min-width: 140px; }
.pending .bubble { color: var(--muted); }
.spinner { display: inline-block; width: 14px; height: 14px; border: 2px solid var(--line);
           border-top-color: var(--accent); border-radius: 50%; animation: spin 1s linear infinite; vertical-align: -2px; }
@keyframes spin { to { transform: rotate(360deg); } }

/* поле ввода */
#composer { border-top: 1px solid var(--line); padding: 10px 16px; background: var(--panel); position: relative; }
.composer-grip { position: absolute; left: 0; right: 0; top: -5px; height: 10px; cursor: ns-resize; touch-action: none; z-index: 2; }
.composer-grip::after { content: ""; position: absolute; left: 50%; top: 3px; width: 44px; height: 4px; margin-left: -22px;
                        border-radius: 2px; background: var(--line); }
.composer-grip:hover::after, .composer-grip.drag::after { background: var(--accent); }
#composer textarea { margin-bottom: 8px; }
#composer .check { display: flex; gap: 8px; align-items: flex-start; margin: 4px 0 8px; font-size: .875rem; color: var(--text); }
#composer .check input { margin-top: 4px; }
.thumbs { display: flex; gap: 6px; flex-wrap: wrap; }
.thumbs:not(:empty) { margin-bottom: 8px; }
.thumbs div { position: relative; width: 72px; height: 72px; background: var(--film); border-radius: 6px;
              display: flex; align-items: center; justify-content: center; overflow: hidden; color: #9aa; font-size: 12px; text-align: center; }
.thumbs img { width: 100%; height: 100%; object-fit: contain; }
.thumbs .rm { position: absolute; top: 2px; right: 2px; width: 20px; height: 20px; padding: 0; line-height: 18px;
              border-radius: 50%; border: none; background: rgba(0,0,0,.65); color: #fff; font-size: 13px; }
body.dragging #composer { outline: 2px dashed var(--accent); outline-offset: -4px; }

/* панели; тап по затемнению закрывает */
#backdrop { position: fixed; inset: 0; z-index: 9; background: rgba(0,0,0,.35); }
.panel { position: fixed; top: 0; right: 0; bottom: 0; width: min(540px, 100%); z-index: 10;
         background: var(--bg); border-left: 1px solid var(--line); padding: 16px; overflow-y: auto;
         box-shadow: -8px 0 24px rgba(0,0,0,.25); }
.panel-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; gap: 8px; }
.item { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; padding: 10px 0; border-bottom: 1px solid var(--line); }
.item .main { flex: 1; min-width: 180px; }
.status-ready { color: var(--ok); } .status-preparing { color: var(--muted); } .status-failed { color: var(--error); }
pre { white-space: pre-wrap; font: inherit; margin: 0; max-height: 50vh; overflow-y: auto; }
pre code { font: inherit; }
.ask-more { margin-top: 8px; display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.ask-more p { margin: 0 0 4px; flex-basis: 100%; }   /* протокол в ответе помощника — тем же шрифтом, что и текст */
.seg { display: inline-flex; border: 1px solid var(--line); border-radius: 8px; overflow: hidden; }
.seg button { border: none; border-radius: 0; background: none; color: var(--text); padding: 6px 14px; }
.seg button.sel { background: var(--accent); color: var(--accent-text); }
.bg-choices { display: grid; grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)); gap: 8px; }
.bg-choices button { display: flex; flex-direction: column; gap: 6px; align-items: stretch; background: none; color: var(--text);
                     border: 1px solid var(--line); padding: 6px; font-size: .8125rem; }
.bg-choices button.sel { border-color: var(--accent); box-shadow: 0 0 0 1px var(--accent); }
.bgprev { display: block; height: 64px; background-size: 140%; background-position: center; border-radius: 6px; background-color: var(--bg); }
.viewer { position: fixed; inset: 0; z-index: 20; background: rgba(0,0,0,.85); display: flex;
          align-items: center; justify-content: center; cursor: zoom-out; }
.viewer img { max-width: 96vw; max-height: 96vh; }
#sidebarShade { display: none; }

@media (max-width: 800px) {
  #sidebar { position: fixed; top: 0; left: 0; bottom: 0; z-index: 8; width: min(320px, 88%); display: none;
             box-shadow: 8px 0 24px rgba(0,0,0,.25); }
  body.list-open #sidebar { display: block; }
  body.list-open #backdrop { display: block !important; z-index: 7; }
  #listToggle { display: inline-block; }
  .model-pick { width: 100%; }
  header { padding: 6px 10px; }
  #messages { padding: 12px; }
  #composer { padding: 8px 12px; }
}

/* фоны переписки (рисунки — линии, свои для тёмной и светлой темы) */
.bg-gantry { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22380%22%20height%3D%22300%22%20fill%3D%22none%22%20stroke%3D%22rgba%28214%2C228%2C240%2C0.075%29%22%20stroke-width%3D%221.3%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cstyle%3E.a%7Bstroke%3Argba%28110%2C190%2C240%2C0.16%29%7D%3C/style%3E%20%3Cellipse%20cx%3D%22170%22%20cy%3D%22135%22%20rx%3D%2295%22%20ry%3D%22105%22/%3E%20%3Cpath%20d%3D%22M170%2030h36M170%20240h36M206%2030a95%20105%200%200%201%200%20210%22%20stroke-opacity%3D%22.7%22/%3E%20%3Cellipse%20cx%3D%22170%22%20cy%3D%22132%22%20rx%3D%2244%22%20ry%3D%2250%22/%3E%20%3Cpath%20d%3D%22M170%2082h16M170%20182h16M186%2082a44%2050%200%200%201%200%20100%22%20stroke-opacity%3D%22.55%22/%3E%20%3Cpath%20d%3D%22M170%2046a86%2096%200%200%201%2072%2040M98%20186a86%2096%200%200%201-12-74%22%20class%3D%22a%22/%3E%20%3Ccircle%20cx%3D%22132%22%20cy%3D%2270%22%20r%3D%223%22%20class%3D%22a%22/%3E%3Ccircle%20cx%3D%22144%22%20cy%3D%2264%22%20r%3D%223%22%20stroke-opacity%3D%22.6%22/%3E%20%3Cpath%20d%3D%22M112%20232l-16%2034h168l-16-34%22%20stroke-opacity%3D%22.8%22/%3E%20%3Cpath%20d%3D%22M18%20214l132-48h96l-128%2048z%22/%3E%3Cpath%20d%3D%22M18%20214v10l128-48%22%20stroke-opacity%3D%22.6%22/%3E%20%3Cpath%20d%3D%22M40%20220v44M96%20200v52%22%20stroke-opacity%3D%22.6%22/%3E%20%3Cpath%20d%3D%22M62%20196c8-14%2022-18%2030-14l40-14%22%20class%3D%22a%22%20stroke-opacity%3D%22.9%22/%3E%20%3C/svg%3E"); }
.bg-ambulance { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22300%22%20height%3D%22170%22%20fill%3D%22none%22%20stroke%3D%22rgba%28214%2C228%2C240%2C0.075%29%22%20stroke-width%3D%221.3%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cstyle%3E.a%7Bstroke%3Argba%28110%2C190%2C240%2C0.16%29%7D%3C/style%3E%20%3Cpath%20d%3D%22M30%20110V70h70l26%2022h14v18z%22/%3E%3Cpath%20d%3D%22M100%2070v22h26%22%20stroke-opacity%3D%22.6%22/%3E%20%3Ccircle%20cx%3D%2256%22%20cy%3D%22114%22%20r%3D%229%22/%3E%3Ccircle%20cx%3D%22118%22%20cy%3D%22114%22%20r%3D%229%22/%3E%20%3Cpath%20d%3D%22M58%2080v16M50%2088h16%22%20class%3D%22a%22/%3E%3Cpath%20d%3D%22M72%2064h12v6H72z%22%20class%3D%22a%22/%3E%20%3Cpath%20d%3D%22M150%2062c6-4%206-10%200-14M160%2066c10-8%2010-20%200-28%22%20class%3D%22a%22%20stroke-opacity%3D%22.7%22/%3E%20%3Cpath%20d%3D%22M190%20150h90%22%20stroke-opacity%3D%22.5%22/%3E%3Cpath%20d%3D%22M196%20140v-16h34l12%2010h8v6z%22%20stroke-opacity%3D%22.8%22/%3E%20%3Ccircle%20cx%3D%22208%22%20cy%3D%22142%22%20r%3D%224%22%20stroke-opacity%3D%22.8%22/%3E%3Ccircle%20cx%3D%22238%22%20cy%3D%22142%22%20r%3D%224%22%20stroke-opacity%3D%22.8%22/%3E%20%3Cpath%20d%3D%22M210%20128v6M207%20131h6%22%20class%3D%22a%22/%3E%20%3C/svg%3E"); }
.bg-ecg { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22320%22%20height%3D%22160%22%20fill%3D%22none%22%20stroke%3D%22rgba%28214%2C228%2C240%2C0.075%29%22%20stroke-width%3D%221.3%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cstyle%3E.a%7Bstroke%3Argba%28110%2C190%2C240%2C0.16%29%7D%3C/style%3E%20%3Cpath%20d%3D%22M0%2090h70l10-16%2010%2016h20l8-56%2012%2092%2010-50%208%2014h40l8-12%208%2012h116%22%20class%3D%22a%22/%3E%20%3Cpath%20d%3D%22M250%2040c-8-12-26-8-26%206%200%2014%2026%2026%2026%2026s26-12%2026-26c0-14-18-18-26-6z%22%20stroke-opacity%3D%22.8%22/%3E%20%3Cpath%20d%3D%22M0%20140h320%22%20stroke-opacity%3D%22.25%22/%3E%20%3C/svg%3E"); }
.bg-pills { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22200%22%20height%3D%22180%22%20fill%3D%22none%22%20stroke%3D%22rgba%28214%2C228%2C240%2C0.075%29%22%20stroke-width%3D%221.3%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cstyle%3E.a%7Bstroke%3Argba%28110%2C190%2C240%2C0.16%29%7D%3C/style%3E%20%3Cg%20transform%3D%22rotate%28-30%2060%2060%29%22%3E%3Crect%20x%3D%2234%22%20y%3D%2248%22%20width%3D%2256%22%20height%3D%2224%22%20rx%3D%2212%22/%3E%3Cpath%20d%3D%22M62%2048v24%22%20class%3D%22a%22/%3E%3C/g%3E%20%3Ccircle%20cx%3D%22146%22%20cy%3D%2256%22%20r%3D%2216%22/%3E%3Cpath%20d%3D%22M134%2056h24%22%20stroke-opacity%3D%22.6%22/%3E%20%3Cg%20transform%3D%22rotate%2825%20130%20130%29%22%3E%3Crect%20x%3D%22104%22%20y%3D%22120%22%20width%3D%2252%22%20height%3D%2222%22%20rx%3D%2211%22%20class%3D%22a%22/%3E%3Cpath%20d%3D%22M130%20120v22%22%20stroke-opacity%3D%22.6%22/%3E%3C/g%3E%20%3Ccircle%20cx%3D%2252%22%20cy%3D%22138%22%20r%3D%2211%22/%3E%3Ccircle%20cx%3D%2252%22%20cy%3D%22138%22%20r%3D%224%22%20stroke-opacity%3D%22.5%22/%3E%20%3Cpath%20d%3D%22M92%2020l4%208%208%204-8%204-4%208-4-8-8-4%208-4z%22%20class%3D%22a%22%20stroke-opacity%3D%22.7%22/%3E%20%3C/svg%3E"); }
:root[data-tone="light"] .bg-gantry { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22380%22%20height%3D%22300%22%20fill%3D%22none%22%20stroke%3D%22rgba%2820%2C40%2C60%2C0.08%29%22%20stroke-width%3D%221.3%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cstyle%3E.a%7Bstroke%3Argba%2830%2C110%2C170%2C0.16%29%7D%3C/style%3E%20%3Cellipse%20cx%3D%22170%22%20cy%3D%22135%22%20rx%3D%2295%22%20ry%3D%22105%22/%3E%20%3Cpath%20d%3D%22M170%2030h36M170%20240h36M206%2030a95%20105%200%200%201%200%20210%22%20stroke-opacity%3D%22.7%22/%3E%20%3Cellipse%20cx%3D%22170%22%20cy%3D%22132%22%20rx%3D%2244%22%20ry%3D%2250%22/%3E%20%3Cpath%20d%3D%22M170%2082h16M170%20182h16M186%2082a44%2050%200%200%201%200%20100%22%20stroke-opacity%3D%22.55%22/%3E%20%3Cpath%20d%3D%22M170%2046a86%2096%200%200%201%2072%2040M98%20186a86%2096%200%200%201-12-74%22%20class%3D%22a%22/%3E%20%3Ccircle%20cx%3D%22132%22%20cy%3D%2270%22%20r%3D%223%22%20class%3D%22a%22/%3E%3Ccircle%20cx%3D%22144%22%20cy%3D%2264%22%20r%3D%223%22%20stroke-opacity%3D%22.6%22/%3E%20%3Cpath%20d%3D%22M112%20232l-16%2034h168l-16-34%22%20stroke-opacity%3D%22.8%22/%3E%20%3Cpath%20d%3D%22M18%20214l132-48h96l-128%2048z%22/%3E%3Cpath%20d%3D%22M18%20214v10l128-48%22%20stroke-opacity%3D%22.6%22/%3E%20%3Cpath%20d%3D%22M40%20220v44M96%20200v52%22%20stroke-opacity%3D%22.6%22/%3E%20%3Cpath%20d%3D%22M62%20196c8-14%2022-18%2030-14l40-14%22%20class%3D%22a%22%20stroke-opacity%3D%22.9%22/%3E%20%3C/svg%3E"); }
:root[data-tone="light"] .bg-ambulance { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22300%22%20height%3D%22170%22%20fill%3D%22none%22%20stroke%3D%22rgba%2820%2C40%2C60%2C0.08%29%22%20stroke-width%3D%221.3%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cstyle%3E.a%7Bstroke%3Argba%2830%2C110%2C170%2C0.16%29%7D%3C/style%3E%20%3Cpath%20d%3D%22M30%20110V70h70l26%2022h14v18z%22/%3E%3Cpath%20d%3D%22M100%2070v22h26%22%20stroke-opacity%3D%22.6%22/%3E%20%3Ccircle%20cx%3D%2256%22%20cy%3D%22114%22%20r%3D%229%22/%3E%3Ccircle%20cx%3D%22118%22%20cy%3D%22114%22%20r%3D%229%22/%3E%20%3Cpath%20d%3D%22M58%2080v16M50%2088h16%22%20class%3D%22a%22/%3E%3Cpath%20d%3D%22M72%2064h12v6H72z%22%20class%3D%22a%22/%3E%20%3Cpath%20d%3D%22M150%2062c6-4%206-10%200-14M160%2066c10-8%2010-20%200-28%22%20class%3D%22a%22%20stroke-opacity%3D%22.7%22/%3E%20%3Cpath%20d%3D%22M190%20150h90%22%20stroke-opacity%3D%22.5%22/%3E%3Cpath%20d%3D%22M196%20140v-16h34l12%2010h8v6z%22%20stroke-opacity%3D%22.8%22/%3E%20%3Ccircle%20cx%3D%22208%22%20cy%3D%22142%22%20r%3D%224%22%20stroke-opacity%3D%22.8%22/%3E%3Ccircle%20cx%3D%22238%22%20cy%3D%22142%22%20r%3D%224%22%20stroke-opacity%3D%22.8%22/%3E%20%3Cpath%20d%3D%22M210%20128v6M207%20131h6%22%20class%3D%22a%22/%3E%20%3C/svg%3E"); }
:root[data-tone="light"] .bg-ecg { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22320%22%20height%3D%22160%22%20fill%3D%22none%22%20stroke%3D%22rgba%2820%2C40%2C60%2C0.08%29%22%20stroke-width%3D%221.3%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cstyle%3E.a%7Bstroke%3Argba%2830%2C110%2C170%2C0.16%29%7D%3C/style%3E%20%3Cpath%20d%3D%22M0%2090h70l10-16%2010%2016h20l8-56%2012%2092%2010-50%208%2014h40l8-12%208%2012h116%22%20class%3D%22a%22/%3E%20%3Cpath%20d%3D%22M250%2040c-8-12-26-8-26%206%200%2014%2026%2026%2026%2026s26-12%2026-26c0-14-18-18-26-6z%22%20stroke-opacity%3D%22.8%22/%3E%20%3Cpath%20d%3D%22M0%20140h320%22%20stroke-opacity%3D%22.25%22/%3E%20%3C/svg%3E"); }
:root[data-tone="light"] .bg-pills { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22200%22%20height%3D%22180%22%20fill%3D%22none%22%20stroke%3D%22rgba%2820%2C40%2C60%2C0.08%29%22%20stroke-width%3D%221.3%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cstyle%3E.a%7Bstroke%3Argba%2830%2C110%2C170%2C0.16%29%7D%3C/style%3E%20%3Cg%20transform%3D%22rotate%28-30%2060%2060%29%22%3E%3Crect%20x%3D%2234%22%20y%3D%2248%22%20width%3D%2256%22%20height%3D%2224%22%20rx%3D%2212%22/%3E%3Cpath%20d%3D%22M62%2048v24%22%20class%3D%22a%22/%3E%3C/g%3E%20%3Ccircle%20cx%3D%22146%22%20cy%3D%2256%22%20r%3D%2216%22/%3E%3Cpath%20d%3D%22M134%2056h24%22%20stroke-opacity%3D%22.6%22/%3E%20%3Cg%20transform%3D%22rotate%2825%20130%20130%29%22%3E%3Crect%20x%3D%22104%22%20y%3D%22120%22%20width%3D%2252%22%20height%3D%2222%22%20rx%3D%2211%22%20class%3D%22a%22/%3E%3Cpath%20d%3D%22M130%20120v22%22%20stroke-opacity%3D%22.6%22/%3E%3C/g%3E%20%3Ccircle%20cx%3D%2252%22%20cy%3D%22138%22%20r%3D%2211%22/%3E%3Ccircle%20cx%3D%2252%22%20cy%3D%22138%22%20r%3D%224%22%20stroke-opacity%3D%22.5%22/%3E%20%3Cpath%20d%3D%22M92%2020l4%208%208%204-8%204-4%208-4-8-8-4%208-4z%22%20class%3D%22a%22%20stroke-opacity%3D%22.7%22/%3E%20%3C/svg%3E"); }

/* значки на кнопках вложений и микрофона */
.icon-btn { padding: 4px 8px; line-height: 0; --hole: var(--panel); }
#sendBtn { --hole: var(--accent); }
.seg button { --hole: var(--bg); } .seg button.sel { --hole: var(--accent); }
.icon-btn svg { width: 30px; height: 30px; }
.seg button svg { width: 28px; height: 28px; vertical-align: middle; }
.seg.wrap { display: flex; flex-wrap: wrap; }
.msg-video video { max-width: 100%; max-height: 320px; border-radius: 6px; background: var(--film); margin-top: 8px; }

/* «Отправить»: персонаж у томографа бросает папку — папка и листы залетают в отверстие */
#sendBtn { position: relative; display: inline-flex; align-items: center; gap: 8px; }
.send-scene { display: none; width: 66px; height: 27px; }
.send-scene svg { width: 100%; height: 100%; overflow: visible; }
body.riders #sendBtn .send-scene { display: inline-block; }
#sendBtn .sheet { opacity: 0; }
#sendBtn .folder, #sendBtn .sheet { transform-box: view-box; transform-origin: 21px 12px; }
body.riders #sendBtn.busy .send-label { display: none; }
body.riders #sendBtn.busy .folder { animation: toss 1.8s ease-in-out infinite; }
body.riders #sendBtn.busy .sheet { animation: toss 1.8s ease-in-out infinite; }
body.riders #sendBtn.busy .sheet.s1 { animation-delay: .25s; }
body.riders #sendBtn.busy .sheet.s2 { animation-delay: .45s; }
body.riders #sendBtn.busy .thrower { animation: hop 1.8s ease-in-out infinite; }
body.riders #sendBtn.busy .led { animation: led 1s steps(2) infinite; }
@keyframes toss {
  0% { transform: translate(0, 0) rotate(0); opacity: 1; }
  45% { transform: translate(13px, -9px) rotate(-25deg); opacity: 1; }
  80% { transform: translate(27px, 1px) rotate(12deg) scale(.6); opacity: 1; }
  88%, 100% { transform: translate(27px, 1px) scale(.5); opacity: 0; }
}
@keyframes hop { 0%, 30%, 100% { transform: none; } 12% { transform: translateY(-1.6px); } }
@keyframes led { 50% { opacity: .2; } }

.reply-row { display: flex; align-items: center; gap: 8px; margin: 0 0 8px; color: var(--muted); font-size: .875rem; }
.reply-row select { width: auto; flex: 1; max-width: 280px; }
.answer-meta { font-size: .75rem; color: var(--muted); margin-top: 4px; }
.inline-form.mistake { flex-direction: column; align-items: stretch; }
.inline-form.mistake button { align-self: flex-start; }
.folders { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.chip { background: none; color: var(--text); border: 1px solid var(--line); border-radius: 14px; padding: 3px 10px; font-size: .8125rem; }
.chip.sel { background: var(--accent); color: var(--accent-text); border-color: var(--accent); }
.chip.err:not(.sel) { border-color: var(--error); color: var(--error); }
.tag { display: inline-block; font-size: .7rem; padding: 0 6px; border-radius: 8px; border: 1px solid var(--line); color: var(--muted); margin-left: 4px; vertical-align: 1px; }
.tag.err { border-color: var(--error); color: var(--error); } .tag.new { border-color: var(--ok); color: var(--ok); }
.libcheck { display: inline-flex; align-items: center; gap: 4px; margin: 0 4px; color: var(--muted); }
.pres-images { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 8px; margin: 10px 0; }
.pres-img { position: relative; background: var(--panel); border: 1px solid var(--line); border-radius: 8px; padding: 4px; }
.pres-img img { width: 100%; height: 100px; object-fit: contain; background: var(--film); border-radius: 4px; display: block; }
.pres-img .n { position: absolute; top: 6px; left: 8px; font-size: 12px; color: #ffd400; text-shadow: 0 0 3px #000; }
.pres-img input { margin-top: 4px; padding: 4px 6px; font-size: .8rem; }
.pres-img .rm { position: absolute; top: 6px; right: 6px; width: 20px; height: 20px; padding: 0; line-height: 18px; border-radius: 50%;
                border: none; background: rgba(0,0,0,.65); color: #fff; font-size: 13px; }
#presActions { margin-top: 10px; } #presActions textarea { margin-top: 8px; }

/* шапка: батарейка сразу после названия, над списком разговоров */
.brand-row { display: flex; align-items: center; gap: 12px; }
.brand-row .battery { margin-right: 0; }

/* левая панель: разделы сверху вниз, раскрыт один */
.side { display: flex; flex-direction: column; gap: 2px; }
.sec-head { display: flex; align-items: center; gap: 9px; width: 100%; text-align: left; background: none; border: none;
            color: var(--text); padding: 8px 8px; border-radius: 8px; font-weight: 500; }
.sec-head:hover { background: var(--bg); }
.sec.open > .sec-head { background: var(--bg); color: var(--accent); }
.sec-head .badge { margin-left: auto; }
.ico { display: inline-flex; width: 20px; height: 20px; flex: none; color: var(--muted); }
.ico svg { width: 20px; height: 20px; }
.sec-head .ico { color: var(--accent); }   /* все значки разделов — одного цвета */
.sec-body { display: none; padding: 6px 0 10px 6px; }
.sec.open > .sec-body { display: block; }
.sec.pinned { border-bottom: 1px solid var(--line); padding-bottom: 4px; margin-bottom: 4px; }
.new-conv { width: 100%; margin-bottom: 8px; }
.sec-hint { margin: -2px 2px 8px; }
.conv .d i { font-style: italic; }

/* конвертик: новое личное сообщение (справа вверху у аватара и в списке) */
.envelope { display: inline-flex; align-items: center; gap: 2px; color: var(--warn); flex: none; }
.envelope svg { width: 17px; height: 12px; }
.envelope b { font-size: 10px; font-weight: 700; }
.avatar .envelope { position: absolute; top: -5px; right: -9px; background: var(--panel); border-radius: 4px; padding: 1px; }

/* цитата над заголовком разговора */
.quote { font-size: 12px; line-height: 1.35; color: var(--muted); font-style: italic; margin-bottom: 2px; cursor: pointer;
         display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.quote span { font-style: normal; opacity: .85; }

/* голосовой помощник: крупная кнопка «Говорить» */
.mic-label { display: none; }
body.voice #micBtn { line-height: 1; display: inline-flex; align-items: center; gap: 6px; padding: 8px 16px;
                     background: var(--accent); color: var(--accent-text); border-color: var(--accent); --hole: var(--accent); }
body.voice #micBtn .mic-label { display: inline; font-weight: 600; }
body.voice #micBtn.recording { background: var(--error); border-color: var(--error); color: #fff; }
#micBtn .mic-label { font-size: .95rem; }
#micBtn.recording .mic-label { display: inline; }

/* мой календарь */
.cal-nav { margin: 10px 0 8px; } .cal-nav h2 { margin: 0; min-width: 150px; text-align: center; }
.cal-cell.painted { color: #fff; text-shadow: 0 1px 2px rgba(0,0,0,.45); }
.cal-cell.painted .ev { background: rgba(255,255,255,.25); }
.cal-cell.holiday .n { color: #d9534f; } .cal-cell.painted.holiday .n { color: #fff; text-decoration: underline; }
.cal-cell.short .n::after { content: " ·"; }
.cal-cell .qn { font-size: 12px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cal-grid.brush .cal-cell:not(.out) { cursor: crosshair; }
.cal-swatches { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 6px; margin: 8px 0; }
.cal-swatch { display: flex; align-items: center; gap: 8px; padding: 6px 8px; border: 1px solid var(--line); border-radius: 8px;
              background: var(--panel); color: inherit; text-align: left; font-size: 13px; }
.cal-swatch i { width: 26px; height: 26px; border-radius: 5px; flex: none; }
.cal-swatch.sel { outline: 2px solid var(--accent); outline-offset: 1px; font-weight: 600; }
#calQuick { margin: 6px 0 8px; }
#calLabelsForm label { gap: 6px; align-items: center; margin: 4px 0; } #calLabelsForm input { flex: 1; }
.cal-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 4px; }
.cal-dow { font-size: 11px; color: var(--muted); text-align: center; padding: 2px 0; }
.cal-cell { min-height: 64px; display: flex; flex-direction: column; align-items: stretch; gap: 2px; padding: 3px; text-align: left;
            background: var(--panel); color: var(--text); border: 1px solid var(--line); border-radius: 6px; font-size: 11px; overflow: hidden; }
.cal-cell.out { background: none; border-color: transparent; }
.cal-cell .n { font-weight: 600; font-size: 12px; }
.cal-cell.today .n { color: var(--accent); } .cal-cell.today { border-color: var(--accent); }
.cal-cell.sel { outline: 2px solid var(--accent); outline-offset: -1px; }
.cal-cell .ev { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-radius: 3px; padding: 0 3px;
                background: color-mix(in srgb, var(--c) 30%, transparent); border-left: 3px solid var(--c); }
.cal-cell .more { color: var(--muted); }
.cal-legend { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 10px; font-size: 12px; color: var(--muted); }
.cal-legend i, .dot { display: inline-block; width: 10px; height: 10px; border-radius: 3px; margin-right: 4px; vertical-align: -1px; }
#calDay { margin-top: 10px; } #calDay h2 { text-transform: capitalize; }

/* протокол: правка на месте */
#protocolView .panel-head input { font-weight: 600; flex: 1; margin-right: 8px; }
#protocolView textarea { font-family: ui-monospace, "DejaVu Sans Mono", monospace; font-size: .85rem; }
.tag.warn { border-color: var(--warn); color: var(--warn); }
.model-pick { width: 400px; } .model-pick select#style { flex: 1.2; width: auto; }
@media (max-width: 800px) { .model-pick { width: 100%; } }

/* шапка разговора: цитата над заголовком, справа — модель, режим и глубина в одну строку */
.chat-head { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; column-gap: 12px; row-gap: 2px; align-items: center; }
#listToggle { grid-column: 1; grid-row: 1 / span 2; }
.chat-head .quote { grid-column: 2; grid-row: 1; margin: 0; -webkit-line-clamp: 3; }   /* длинная цитата — третьей строкой: справа выбор модели выше, полоса под шапкой не сдвигается (Саша, 21.10.2026) */
.chat-head .head-title { grid-column: 2; grid-row: 2; min-width: 0; }
.chat-head .model-pick { grid-column: 3; grid-row: 1 / span 2; width: 460px; }
#peerActions { grid-column: 1 / -1; }
.model-pick .row { flex-wrap: nowrap; gap: 6px; }
.model-pick .row select { min-width: 0; padding-left: 8px; padding-right: 4px; }
.model-pick select#model { flex: 1.6; } .model-pick select#style { flex: 1.1; } .model-pick select#effort { flex: 0.9; }
@media (max-width: 800px) {
  .chat-head { grid-template-columns: auto minmax(0, 1fr); row-gap: 6px; }
  .chat-head .quote { grid-column: 1 / -1; grid-row: 1; display: block; -webkit-line-clamp: unset; overflow: visible; }
  #listToggle { grid-row: 2; }
  .chat-head .head-title { grid-row: 2; }
  .chat-head .model-pick { grid-column: 1 / -1; grid-row: 3; width: 100%; }
}
.conv { position: relative; }
.conv-del { flex: none; background: none; border: none; color: var(--muted); padding: 0 6px; font-size: 18px; line-height: 1; opacity: 0; }
.conv:hover .conv-del, .conv.active .conv-del { opacity: 1; }
.conv-del:hover { color: var(--error); }
@media (hover: none) { .conv-del { opacity: .7; } }
/* архив разговоров: старше трёх последних — под спойлером, по датам */
.archive { margin-top: 8px; border-top: 1px solid var(--line); padding-top: 6px; }
.archive > summary { cursor: pointer; padding: 4px 6px; border-radius: 6px; color: var(--text); list-style-position: inside; }
.archive > summary:hover { background: var(--bg); }
.archive > summary .small { margin-left: 18px; font-size: 11px; }
.arch-day { font-size: 11px; color: var(--muted); margin: 8px 8px 2px; }
/* настройки: раскрывающиеся разделы */
details.set { padding: 0; }
details.set > summary { list-style: none; cursor: pointer; padding: 14px 16px; display: flex; align-items: center; justify-content: space-between; }
details.set > summary::-webkit-details-marker { display: none; }
details.set > summary::after { content: "▸"; color: var(--muted); transition: transform .15s; }
details.set[open] > summary::after { transform: rotate(90deg); }
details.set > summary h2 { margin: 0; }
details.set > :not(summary) { margin-left: 16px; margin-right: 16px; }
details.set[open] { padding-bottom: 14px; }
details.set h3 { font-size: .9rem; margin: 14px 0 6px; color: var(--muted); }
details.set h3:first-of-type { margin-top: 2px; }
/* свой статус — над коллегами */
.my-status { display: flex; align-items: center; gap: 8px; width: 100%; text-align: left; background: none; border: 1px dashed var(--line);
             color: var(--text); padding: 6px 8px; border-radius: 8px; margin-bottom: 8px; }
.my-status:hover { border-color: var(--accent); }
.my-status span { display: flex; flex-direction: column; min-width: 0; font-size: 12px; line-height: 1.3; }
.my-status i { color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* телефон: экран не «прыгает» при движении пальцем вверх-вниз — прокручиваются только списки и переписка */
html, body { overscroll-behavior: none; }
body { overflow: hidden; }
/* «Отправить» уезжал за правый край, поле обрезалось слева (Саша, 14.10): overflow: hidden можно сдвинуть фокусом
   или прокруткой к элементу, clip — нельзя; ряд кнопок под полем переносится, а не раздвигает поле */
html, body, #chat, #composer { overflow-x: clip; }

#composer #status { min-width: 0; overflow-wrap: anywhere; }
#messages, #sidebar, .panel { overscroll-behavior: contain; }

.wk-colors button { width: 30px; height: 22px; padding: 0; border-radius: 6px; border: 2px solid transparent; }
.wk-colors button.sel { border-color: var(--text); }

/* психоделическая тема: переливающийся фон, радужное название, муха */
@keyframes psy-flow { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }
@keyframes psy-hue { from { filter: hue-rotate(0deg); } to { filter: hue-rotate(360deg); } }
:root[data-theme="psy"] #appView { background: linear-gradient(125deg, #1a0b2e, #3a0f5c, #0b3b4a, #4a0b3a, #1a0b2e);
                                   background-size: 400% 400%; animation: psy-flow 40s ease-in-out infinite; }
:root[data-theme="psy"] #sidebar, :root[data-theme="psy"] #composer { background: rgba(38, 16, 63, .82); }
:root[data-theme="psy"] .brand { background: linear-gradient(90deg, #ff3fa4, #ffd23f, #7dff6a, #3ff0ff, #b48cff, #ff3fa4);
  background-size: 200% auto; -webkit-background-clip: text; background-clip: text; color: transparent;
  animation: psy-flow 8s linear infinite; font-weight: 700; }
:root[data-theme="psy"] button:not(.link):not(.ghost):not(.chip):not(.sec-head):not(.conv-del):not(.my-status) {
  box-shadow: 0 0 10px rgba(255, 63, 164, .45); }
:root[data-theme="psy"] .quote { animation: psy-hue 20s linear infinite; color: #ffb3e6; }
#fly { position: fixed; left: 0; top: 0; width: 26px; height: 26px; z-index: 50; cursor: pointer; display: none;
       will-change: transform; filter: drop-shadow(0 1px 1px rgba(0,0,0,.6)); }
:root[data-theme="psy"] #fly { display: block; }
#fly .wing { transform-origin: 13px 12px; }
#fly.flying .wing { animation: fly-buzz .05s linear infinite alternate; }
#fly.rubbing .legs { animation: fly-rub .25s ease-in-out infinite alternate; }
#fly:not(.resting):not(.flying) .legs { animation: fly-walk .18s steps(2) infinite; }
@keyframes fly-buzz { from { transform: scaleX(1); } to { transform: scaleX(.35); } }
@keyframes fly-rub { from { transform: translateY(0); } to { transform: translateY(-1.2px); } }
@keyframes fly-walk { from { transform: rotate(-4deg); } to { transform: rotate(4deg); } }
@media (prefers-reduced-motion: reduce) { :root[data-theme="psy"] #fly { display: none; } :root[data-theme="psy"] #appView { animation: none; } }
#ufo { position: fixed; left: 0; top: 0; width: 120px; height: 150px; z-index: 51; pointer-events: none; display: none; will-change: transform; }
#ufo.on { display: block; }
#ufo .beam { opacity: 0; transition: opacity .4s; }
#ufo.beaming .beam { opacity: 1; }
#ufo .lights circle { animation: ufo-blink .6s steps(2) infinite; }
#ufo .lights circle:nth-child(2n) { animation-delay: .3s; }
@keyframes ufo-blink { 50% { opacity: .25; } }
/* охота паука: паук на паутинке, оружие, пули, искры, реплики */
#arena { position: fixed; inset: 0; z-index: 52; pointer-events: none; overflow: hidden; display: none; }
:root[data-theme="psy"] #arena { display: block; }
#arena .spider { position: absolute; left: 0; top: 0; width: 40px; height: 40px; pointer-events: auto; cursor: pointer; will-change: transform; }
#arena .spider svg { width: 40px; height: 40px; display: block; }
#arena .spider .sp-legs { animation: fly-walk .14s steps(2) infinite; transform-origin: 20px 24px; }
#arena .thread { position: absolute; top: 0; width: 1px; background: linear-gradient(rgba(255,255,255,.15), rgba(255,255,255,.7)); }
#arena .ally .wing { transform-origin: 13px 12px; animation: fly-buzz .05s linear infinite alternate; }
#arena .ally { position: absolute; left: 0; top: 0; width: 26px; height: 26px; display: block; will-change: transform; }
#arena .bullet { position: absolute; left: 0; top: 0; width: 5px; height: 5px; border-radius: 50%; background: #ffe066;
                 box-shadow: 0 0 6px 2px rgba(255,214,64,.8); will-change: transform; }
#arena .bullet.foe { background: #ff4d6d; box-shadow: 0 0 6px 2px rgba(255,60,90,.8); }
#arena .spark { position: absolute; font: 700 12px/1 sans-serif; color: #fff7c2; text-shadow: 0 0 6px #ff3fa4;
                animation: spark-pop .45s ease-out forwards; white-space: nowrap; }
@keyframes spark-pop { from { transform: scale(.4); opacity: 1; } to { transform: scale(1.6) translateY(-6px); opacity: 0; } }
#arena .shout { position: absolute; font: 700 13px/1.2 sans-serif; color: #1a0b2e; background: #ffd23f; padding: 3px 8px;
                border-radius: 10px; box-shadow: 0 2px 10px rgba(0,0,0,.4); animation: shout-up 1.9s ease-out forwards; white-space: nowrap; }
@keyframes shout-up { 0% { transform: translateY(6px) scale(.8); opacity: 0; } 12% { transform: none; opacity: 1; }
                      80% { opacity: 1; } 100% { transform: translateY(-16px); opacity: 0; } }
#fly .wpn, #arena .wpn { display: none; }
.saber-on .wpn.saber, .gun-on .wpn.gun { display: inline; }
#fly .wpn.saber, #arena .ally .wpn.saber { transform-origin: 16px 11px; }
#arena .spider .wpn.saber { transform-origin: 26px 19px; }
.swing .wpn.saber { animation: saber-swing .26s ease-in-out; }
@keyframes saber-swing { 0% { transform: rotate(0); } 45% { transform: rotate(-70deg); } 100% { transform: rotate(0); } }
@media (prefers-reduced-motion: reduce) { #arena { display: none !important; } }
#fly.abducted { transition: transform 1.4s ease-in, opacity 1.4s ease-in; opacity: 0; }
.msg.ai.psy .bubble { border: 2px dashed #ff3fa4; background: linear-gradient(135deg, rgba(255,63,164,.12), rgba(63,240,255,.12)); }
/* архив на главном экране */
.archive-btn { display: block; width: 100%; text-align: left; margin-top: 8px; background: none; color: var(--text);
               border: 1px dashed var(--line); border-radius: 8px; padding: 6px 10px; }
.archive-btn:hover { border-color: var(--accent); }
.arch-view { max-width: 920px; }
.arch-grid .cal-cell { min-height: 56px; cursor: default; }
.arch-grid .cal-cell.has-items { cursor: pointer; border-color: var(--accent); }
.arch-list { margin-top: 14px; }
.arch-date { font-size: .95rem; margin: 16px 0 6px; text-transform: capitalize; color: var(--muted); }
.arch-card { display: block; width: 100%; text-align: left; background: var(--panel); color: var(--text); border: 1px solid var(--line);
             border-radius: 10px; padding: 10px 12px; margin-bottom: 8px; }
.arch-card:hover { border-color: var(--accent); }
.arch-card .t { font-weight: 600; }
.arch-card .s { margin: 4px 0; font-size: .9rem; }
body.archive-view #composer { display: none; }

/* фоны переписки: мозг, лёгкие, кисть на рентгене, ДНК, микроскоп */
.bg-lungs { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22240%22%20height=%22220%22%20fill=%22none%22%20stroke=%22rgba%28214%2C228%2C240%2C0.075%29%22%20stroke-width=%221.3%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cstyle%3E.a%7Bstroke:rgba%28110%2C190%2C240%2C0.16%29%7D%3C/style%3E%20%3Cpath%20d=%22M120%2020v56M120%2076l-26%2024M120%2076l26%2024M94%20100l-14%2022M146%20100l14%2022%22%20class=%22a%22/%3E%3Cpath%20d=%22M104%2070c-30-6-64%2030-72%2080-6%2036%204%2056%2026%2056%2026%200%2046-16%2052-44%204-24%204-60-6-92z%22/%3E%3Cpath%20d=%22M136%2070c30-6%2064%2030%2072%2080%206%2036-4%2056-26%2056-26%200-46-16-52-44-4-24-4-60%206-92z%22/%3E%3Cpath%20d=%22M70%20150c8-4%2016-4%2022%202M168%20150c-8-4-16-4-22%202M60%20120c10%200%2018%206%2020%2014%22%20stroke-opacity=%22.6%22/%3E%20%3C/svg%3E"); }
:root[data-tone="light"] .bg-lungs { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22240%22%20height=%22220%22%20fill=%22none%22%20stroke=%22rgba%2820%2C40%2C60%2C0.08%29%22%20stroke-width=%221.3%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cstyle%3E.a%7Bstroke:rgba%2830%2C110%2C170%2C0.16%29%7D%3C/style%3E%20%3Cpath%20d=%22M120%2020v56M120%2076l-26%2024M120%2076l26%2024M94%20100l-14%2022M146%20100l14%2022%22%20class=%22a%22/%3E%3Cpath%20d=%22M104%2070c-30-6-64%2030-72%2080-6%2036%204%2056%2026%2056%2026%200%2046-16%2052-44%204-24%204-60-6-92z%22/%3E%3Cpath%20d=%22M136%2070c30-6%2064%2030%2072%2080%206%2036-4%2056-26%2056-26%200-46-16-52-44-4-24-4-60%206-92z%22/%3E%3Cpath%20d=%22M70%20150c8-4%2016-4%2022%202M168%20150c-8-4-16-4-22%202M60%20120c10%200%2018%206%2020%2014%22%20stroke-opacity=%22.6%22/%3E%20%3C/svg%3E"); }
.bg-hand { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22230%22%20height=%22260%22%20fill=%22none%22%20stroke=%22rgba%28214%2C228%2C240%2C0.075%29%22%20stroke-width=%221.3%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cstyle%3E.a%7Bstroke:rgba%28110%2C190%2C240%2C0.16%29%7D%3C/style%3E%20%3Crect%20x=%2288%22%20y=%22144%22%20width=%2212%22%20height=%2262%22%20rx=%226%22/%3E%3Crect%20x=%2289%22%20y=%2288%22%20width=%2210%22%20height=%2252%22%20rx=%225%22/%3E%3Crect%20x=%2289%22%20y=%2250%22%20width=%2210%22%20height=%2234%22%20rx=%225%22/%3E%3Crect%20x=%2289%22%20y=%2220%22%20width=%2210%22%20height=%2226%22%20rx=%225%22/%3E%3Crect%20x=%22116%22%20y=%22140%22%20width=%2212%22%20height=%2262%22%20rx=%226%22/%3E%3Crect%20x=%22117%22%20y=%2278%22%20width=%2210%22%20height=%2258%22%20rx=%225%22/%3E%3Crect%20x=%22117%22%20y=%2236%22%20width=%2210%22%20height=%2238%22%20rx=%225%22/%3E%3Crect%20x=%22117%22%20y=%224%22%20width=%2210%22%20height=%2228%22%20rx=%225%22/%3E%3Crect%20x=%22144%22%20y=%22142%22%20width=%2212%22%20height=%2262%22%20rx=%226%22/%3E%3Crect%20x=%22145%22%20y=%2284%22%20width=%2210%22%20height=%2254%22%20rx=%225%22/%3E%3Crect%20x=%22145%22%20y=%2244%22%20width=%2210%22%20height=%2236%22%20rx=%225%22/%3E%3Crect%20x=%22145%22%20y=%2214%22%20width=%2210%22%20height=%2226%22%20rx=%225%22/%3E%3Crect%20x=%22170%22%20y=%22148%22%20width=%2212%22%20height=%2262%22%20rx=%226%22/%3E%3Crect%20x=%22171%22%20y=%2298%22%20width=%2210%22%20height=%2246%22%20rx=%225%22/%3E%3Crect%20x=%22171%22%20y=%2264%22%20width=%2210%22%20height=%2230%22%20rx=%225%22/%3E%3Crect%20x=%22171%22%20y=%2238%22%20width=%2210%22%20height=%2222%22%20rx=%225%22/%3E%3Cpath%20d=%22M83.0%20195.6L62.1%20168.8A6%206%200%200%200%2052.6%20176.2L73.6%20203.0A6%206%200%200%200%2083.0%20195.6z%22/%3E%3Cpath%20d=%22M51.5%20156.8L37.9%20139.5A5%205%200%200%200%2030.0%20145.6L43.6%20162.9A5%205%200%200%200%2051.5%20156.8z%22/%3E%3Cpath%20d=%22M28.1%20126.8L20.7%20117.4A5%205%200%200%200%2012.8%20123.5L20.2%20133.0A5%205%200%200%200%2028.1%20126.8z%22/%3E%3Cpath%20d=%22M76%20214c12-6%2076-8%20110%200M80%20228h100M76%20242c18%208%2076%208%20100%200%22%20class=%22a%22/%3E%20%3C/svg%3E"); }
:root[data-tone="light"] .bg-hand { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22230%22%20height=%22260%22%20fill=%22none%22%20stroke=%22rgba%2820%2C40%2C60%2C0.08%29%22%20stroke-width=%221.3%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cstyle%3E.a%7Bstroke:rgba%2830%2C110%2C170%2C0.16%29%7D%3C/style%3E%20%3Crect%20x=%2288%22%20y=%22144%22%20width=%2212%22%20height=%2262%22%20rx=%226%22/%3E%3Crect%20x=%2289%22%20y=%2288%22%20width=%2210%22%20height=%2252%22%20rx=%225%22/%3E%3Crect%20x=%2289%22%20y=%2250%22%20width=%2210%22%20height=%2234%22%20rx=%225%22/%3E%3Crect%20x=%2289%22%20y=%2220%22%20width=%2210%22%20height=%2226%22%20rx=%225%22/%3E%3Crect%20x=%22116%22%20y=%22140%22%20width=%2212%22%20height=%2262%22%20rx=%226%22/%3E%3Crect%20x=%22117%22%20y=%2278%22%20width=%2210%22%20height=%2258%22%20rx=%225%22/%3E%3Crect%20x=%22117%22%20y=%2236%22%20width=%2210%22%20height=%2238%22%20rx=%225%22/%3E%3Crect%20x=%22117%22%20y=%224%22%20width=%2210%22%20height=%2228%22%20rx=%225%22/%3E%3Crect%20x=%22144%22%20y=%22142%22%20width=%2212%22%20height=%2262%22%20rx=%226%22/%3E%3Crect%20x=%22145%22%20y=%2284%22%20width=%2210%22%20height=%2254%22%20rx=%225%22/%3E%3Crect%20x=%22145%22%20y=%2244%22%20width=%2210%22%20height=%2236%22%20rx=%225%22/%3E%3Crect%20x=%22145%22%20y=%2214%22%20width=%2210%22%20height=%2226%22%20rx=%225%22/%3E%3Crect%20x=%22170%22%20y=%22148%22%20width=%2212%22%20height=%2262%22%20rx=%226%22/%3E%3Crect%20x=%22171%22%20y=%2298%22%20width=%2210%22%20height=%2246%22%20rx=%225%22/%3E%3Crect%20x=%22171%22%20y=%2264%22%20width=%2210%22%20height=%2230%22%20rx=%225%22/%3E%3Crect%20x=%22171%22%20y=%2238%22%20width=%2210%22%20height=%2222%22%20rx=%225%22/%3E%3Cpath%20d=%22M83.0%20195.6L62.1%20168.8A6%206%200%200%200%2052.6%20176.2L73.6%20203.0A6%206%200%200%200%2083.0%20195.6z%22/%3E%3Cpath%20d=%22M51.5%20156.8L37.9%20139.5A5%205%200%200%200%2030.0%20145.6L43.6%20162.9A5%205%200%200%200%2051.5%20156.8z%22/%3E%3Cpath%20d=%22M28.1%20126.8L20.7%20117.4A5%205%200%200%200%2012.8%20123.5L20.2%20133.0A5%205%200%200%200%2028.1%20126.8z%22/%3E%3Cpath%20d=%22M76%20214c12-6%2076-8%20110%200M80%20228h100M76%20242c18%208%2076%208%20100%200%22%20class=%22a%22/%3E%20%3C/svg%3E"); }
.bg-dna { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22160%22%20height=%22260%22%20fill=%22none%22%20stroke=%22rgba%28214%2C228%2C240%2C0.075%29%22%20stroke-width=%221.3%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cstyle%3E.a%7Bstroke:rgba%28110%2C190%2C240%2C0.16%29%7D%3C/style%3E%20%3Cpolyline%20points=%2280.0%2C10.0%2091.8%2C16.0%20102.6%2C22.0%20111.3%2C28.0%20117.3%2C34.0%20119.9%2C40.0%20119.0%2C46.0%20114.5%2C52.0%20107.0%2C58.0%2097.1%2C64.0%2085.6%2C70.0%2073.7%2C76.0%2062.3%2C82.0%2052.5%2C88.0%2045.1%2C94.0%2040.9%2C100.0%2040.2%2C106.0%2043.0%2C112.0%2049.1%2C118.0%2058.0%2C124.0%2068.8%2C130.0%2080.7%2C136.0%2092.5%2C142.0%20103.1%2C148.0%20111.7%2C154.0%20117.5%2C160.0%20119.9%2C166.0%20118.8%2C172.0%20114.2%2C178.0%20106.5%2C184.0%2096.5%2C190.0%2085.0%2C196.0%2073.0%2C202.0%2061.7%2C208.0%2052.0%2C214.0%2044.8%2C220.0%2040.8%2C226.0%2040.2%2C232.0%2043.2%2C238.0%2049.5%2C244.0%2058.5%2C250.0%22/%3E%3Cpolyline%20points=%2280.0%2C10.0%2068.2%2C16.0%2057.4%2C22.0%2048.7%2C28.0%2042.7%2C34.0%2040.1%2C40.0%2041.0%2C46.0%2045.5%2C52.0%2053.0%2C58.0%2062.9%2C64.0%2074.4%2C70.0%2086.3%2C76.0%2097.7%2C82.0%20107.5%2C88.0%20114.9%2C94.0%20119.1%2C100.0%20119.8%2C106.0%20117.0%2C112.0%20110.9%2C118.0%20102.0%2C124.0%2091.2%2C130.0%2079.3%2C136.0%2067.5%2C142.0%2056.9%2C148.0%2048.3%2C154.0%2042.5%2C160.0%2040.1%2C166.0%2041.2%2C172.0%2045.8%2C178.0%2053.5%2C184.0%2063.5%2C190.0%2075.0%2C196.0%2087.0%2C202.0%2098.3%2C208.0%20108.0%2C214.0%20115.2%2C220.0%20119.2%2C226.0%20119.8%2C232.0%20116.8%2C238.0%20110.5%2C244.0%20101.5%2C250.0%22%20stroke-opacity=%22.7%22/%3E%3Cpath%20d=%22M95.6%2018H64.4%22%20class=%22a%22/%3E%3Cpath%20d=%22M118.5%2036H41.5%22%20class=%22a%22/%3E%3Cpath%20d=%22M112.3%2054H47.7%22%20class=%22a%22/%3E%3Cpath%20d=%22M49.7%2090H110.3%22%20class=%22a%22/%3E%3Cpath%20d=%22M40.7%20108H119.3%22%20class=%22a%22/%3E%3Cpath%20d=%22M61.4%20126H98.6%22%20class=%22a%22/%3E%3Cpath%20d=%22M96.2%20144H63.8%22%20class=%22a%22/%3E%3Cpath%20d=%22M118.7%20162H41.3%22%20class=%22a%22/%3E%3Cpath%20d=%22M111.9%20180H48.1%22%20class=%22a%22/%3E%3Cpath%20d=%22M49.3%20216H110.7%22%20class=%22a%22/%3E%3Cpath%20d=%22M40.8%20234H119.2%22%20class=%22a%22/%3E%20%3C/svg%3E"); }
:root[data-tone="light"] .bg-dna { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22160%22%20height=%22260%22%20fill=%22none%22%20stroke=%22rgba%2820%2C40%2C60%2C0.08%29%22%20stroke-width=%221.3%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cstyle%3E.a%7Bstroke:rgba%2830%2C110%2C170%2C0.16%29%7D%3C/style%3E%20%3Cpolyline%20points=%2280.0%2C10.0%2091.8%2C16.0%20102.6%2C22.0%20111.3%2C28.0%20117.3%2C34.0%20119.9%2C40.0%20119.0%2C46.0%20114.5%2C52.0%20107.0%2C58.0%2097.1%2C64.0%2085.6%2C70.0%2073.7%2C76.0%2062.3%2C82.0%2052.5%2C88.0%2045.1%2C94.0%2040.9%2C100.0%2040.2%2C106.0%2043.0%2C112.0%2049.1%2C118.0%2058.0%2C124.0%2068.8%2C130.0%2080.7%2C136.0%2092.5%2C142.0%20103.1%2C148.0%20111.7%2C154.0%20117.5%2C160.0%20119.9%2C166.0%20118.8%2C172.0%20114.2%2C178.0%20106.5%2C184.0%2096.5%2C190.0%2085.0%2C196.0%2073.0%2C202.0%2061.7%2C208.0%2052.0%2C214.0%2044.8%2C220.0%2040.8%2C226.0%2040.2%2C232.0%2043.2%2C238.0%2049.5%2C244.0%2058.5%2C250.0%22/%3E%3Cpolyline%20points=%2280.0%2C10.0%2068.2%2C16.0%2057.4%2C22.0%2048.7%2C28.0%2042.7%2C34.0%2040.1%2C40.0%2041.0%2C46.0%2045.5%2C52.0%2053.0%2C58.0%2062.9%2C64.0%2074.4%2C70.0%2086.3%2C76.0%2097.7%2C82.0%20107.5%2C88.0%20114.9%2C94.0%20119.1%2C100.0%20119.8%2C106.0%20117.0%2C112.0%20110.9%2C118.0%20102.0%2C124.0%2091.2%2C130.0%2079.3%2C136.0%2067.5%2C142.0%2056.9%2C148.0%2048.3%2C154.0%2042.5%2C160.0%2040.1%2C166.0%2041.2%2C172.0%2045.8%2C178.0%2053.5%2C184.0%2063.5%2C190.0%2075.0%2C196.0%2087.0%2C202.0%2098.3%2C208.0%20108.0%2C214.0%20115.2%2C220.0%20119.2%2C226.0%20119.8%2C232.0%20116.8%2C238.0%20110.5%2C244.0%20101.5%2C250.0%22%20stroke-opacity=%22.7%22/%3E%3Cpath%20d=%22M95.6%2018H64.4%22%20class=%22a%22/%3E%3Cpath%20d=%22M118.5%2036H41.5%22%20class=%22a%22/%3E%3Cpath%20d=%22M112.3%2054H47.7%22%20class=%22a%22/%3E%3Cpath%20d=%22M49.7%2090H110.3%22%20class=%22a%22/%3E%3Cpath%20d=%22M40.7%20108H119.3%22%20class=%22a%22/%3E%3Cpath%20d=%22M61.4%20126H98.6%22%20class=%22a%22/%3E%3Cpath%20d=%22M96.2%20144H63.8%22%20class=%22a%22/%3E%3Cpath%20d=%22M118.7%20162H41.3%22%20class=%22a%22/%3E%3Cpath%20d=%22M111.9%20180H48.1%22%20class=%22a%22/%3E%3Cpath%20d=%22M49.3%20216H110.7%22%20class=%22a%22/%3E%3Cpath%20d=%22M40.8%20234H119.2%22%20class=%22a%22/%3E%20%3C/svg%3E"); }
.bg-microscope { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22240%22%20height=%22240%22%20fill=%22none%22%20stroke=%22rgba%28214%2C228%2C240%2C0.075%29%22%20stroke-width=%221.3%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cstyle%3E.a%7Bstroke:rgba%28110%2C190%2C240%2C0.16%29%7D%3C/style%3E%20%3Cpath%20d=%22M60%20222h120M76%20222v-10h88v10%22/%3E%3Cpath%20d=%22M150%20212c18-30%2018-80-12-112%22/%3E%3Cpath%20d=%22M96%20160h76M108%20160v8M160%20160v8%22%20class=%22a%22/%3E%3Cpath%20d=%22M136.4%20122.4L108.4%2042.4A11%2011%200%200%200%2087.6%2049.6L115.6%20129.6A11%2011%200%200%200%20136.4%20122.4z%22/%3E%3Cpath%20d=%22M88%2040l22-9%22%20stroke-width=%222%22/%3E%3Cpath%20d=%22M126%20130l4%2020%22%20stroke-opacity=%22.8%22/%3E%3Cpath%20d=%22M138%20100l-16%206%22%20stroke-opacity=%22.7%22/%3E%3Ccircle%20cx=%22156%22%20cy=%22186%22%20r=%229%22%20class=%22a%22/%3E%20%3C/svg%3E"); }
:root[data-tone="light"] .bg-microscope { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22240%22%20height=%22240%22%20fill=%22none%22%20stroke=%22rgba%2820%2C40%2C60%2C0.08%29%22%20stroke-width=%221.3%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cstyle%3E.a%7Bstroke:rgba%2830%2C110%2C170%2C0.16%29%7D%3C/style%3E%20%3Cpath%20d=%22M60%20222h120M76%20222v-10h88v10%22/%3E%3Cpath%20d=%22M150%20212c18-30%2018-80-12-112%22/%3E%3Cpath%20d=%22M96%20160h76M108%20160v8M160%20160v8%22%20class=%22a%22/%3E%3Cpath%20d=%22M136.4%20122.4L108.4%2042.4A11%2011%200%200%200%2087.6%2049.6L115.6%20129.6A11%2011%200%200%200%20136.4%20122.4z%22/%3E%3Cpath%20d=%22M88%2040l22-9%22%20stroke-width=%222%22/%3E%3Cpath%20d=%22M126%20130l4%2020%22%20stroke-opacity=%22.8%22/%3E%3Cpath%20d=%22M138%20100l-16%206%22%20stroke-opacity=%22.7%22/%3E%3Ccircle%20cx=%22156%22%20cy=%22186%22%20r=%229%22%20class=%22a%22/%3E%20%3C/svg%3E"); }
#stopBtn { border-color: var(--error); color: var(--error); }
#stopBtn:hover { background: var(--error); color: #fff; }

/* вкладка «Медэйра»: документы для главного врача */
.doc-item { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; padding: 10px 0; border-bottom: 1px solid var(--line); }
.doc-item .main { flex: 1; min-width: 200px; }
.doc-item .kind { font-size: 11px; color: var(--muted); text-transform: uppercase; letter-spacing: .04em; }
.doc-view { background: var(--panel); border: 1px solid var(--line); border-radius: 10px; padding: 14px 16px; margin: 10px 0; }
.doc-view table { border-collapse: collapse; margin: 8px 0; font-size: .9rem; }
.doc-view th, .doc-view td { border: 1px solid var(--line); padding: 4px 8px; vertical-align: top; }
.doc-view h1 { font-size: 1.15rem; } .doc-view h2 { font-size: 1.05rem; margin-top: 14px; } .doc-view h3 { font-size: .95rem; }
/* список разговоров слева — компактнее */
.sec-body .conv { padding: 4px 8px; gap: 6px; margin-bottom: 1px; }
.sec-body .conv .t { font-size: .875rem; line-height: 1.3; }
.sec-body .conv .d { font-size: 11px; line-height: 1.25; }
.sec-body .new-conv { padding: 6px 12px; margin-bottom: 6px; }
/* «Медэйра»: при чтении панель шире, ниже — замечания к документу */
.doc-chat #medeiraMsgs { max-height: 50vh; overflow-y: auto; margin: 8px 0; }
.doc-chat .msg { max-width: 92%; }
.doc-folder { font-size: .9rem; color: var(--muted); margin: 16px 0 2px; text-transform: none; }
.doc-folder-box { border-top: 1px solid var(--line); }
.doc-folder-box > summary { cursor: pointer; padding: 10px 2px; font-weight: 600; }
.doc-folder-box > summary:hover { color: var(--accent); }
.doc-folder-box .doc-item { padding-left: 14px; }
.doc-folder-box .doc-folder-box { margin-left: 14px; }

/* панели «Медэйра» и «vaults» на компьютере — рядом с чатом: чат сужается, ничего не затемняется */
.dock-grip { display: none; }
@media (min-width: 801px) {
  .panel.dock { top: var(--head-h, 52px); width: var(--dock-w, 520px); max-width: 75vw; z-index: 6; box-shadow: none; }
  body.docked .layout { margin-right: var(--dock-w, 520px); }
  .panel.dock .dock-grip { display: block; position: absolute; left: -5px; top: 0; bottom: 0; width: 10px; cursor: col-resize; z-index: 2; }
  .panel.dock .dock-grip::after { content: ""; position: absolute; left: 4px; top: 50%; width: 2px; height: 40px; margin-top: -20px;
                                  border-radius: 2px; background: var(--line); }
  .panel.dock .dock-grip:hover::after { background: var(--accent); }
}

/* «Мои протоколы» и «Мой календарь» на компьютере — во весь экран справа от левой колонки */
.drop-zone { display: flex; flex-direction: column; gap: 6px; border: 2px dashed var(--line); border-radius: 10px; padding: 14px;
             margin-bottom: 10px; background: var(--panel); }
.drop-zone.over { border-color: var(--accent); background: var(--bg); }
.proto-wrap { display: grid; gap: 16px; }
.proto-side, .proto-main { min-width: 0; }
#protocolSearch { margin-bottom: 8px; }
.proto-group { margin-bottom: 6px; }
.proto-group > summary { cursor: pointer; font-weight: 600; padding: 6px 0; border-bottom: 1px solid var(--line); }
.proto-item.sel { background: var(--panel); border-radius: 8px; }
.proto-item .proto-name { font-weight: 600; text-align: left; }
#protocolViewText { font-family: inherit; min-height: 50vh; }
@media (min-width: 801px) {
  .panel.wide { top: var(--head-h, 52px); left: 280px; width: auto; z-index: 6; box-shadow: none; padding: 16px 24px; }
  .proto-wrap { grid-template-columns: minmax(300px, 2fr) 3fr; align-items: start; }
  .proto-main { position: sticky; top: 0; }
  .panel.wide .cal-cell { min-height: 112px; }
}
#composer.waiting textarea { font-style: italic; }
#composer.waiting #sendBtn { opacity: .5; }
.msg.pending .draft { display: block; margin-top: 4px; font-size: .85rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/* Word на сайте: таблицы, картинки, выделение */
.doc-view table { border-collapse: collapse; width: 100%; margin: 8px 0; font-size: .9rem; }
.doc-view th, .doc-view td { border: 1px solid var(--line); padding: 4px 8px; vertical-align: top; text-align: left; }
.doc-view th { background: var(--bg); }
.doc-view img { max-width: 100%; height: auto; }
.doc-view mark { background: rgba(255, 214, 0, .35); color: inherit; }
.doc-view blockquote { border-left: 3px solid var(--line); margin: 6px 0; padding-left: 10px; color: var(--muted); }

/* презентация на весь экран; внизу тонкая полоска чата */
.slideshow { position: fixed; inset: 0; z-index: 30; background: #0b0e12; color: #e8ecf0; display: flex; flex-direction: column; }
.ss-top { display: flex; gap: 12px; align-items: center; padding: 6px 14px; font-size: .9rem; }
.ss-top .link { color: #cfd8e3; }
.ss-stage { flex: 1; min-height: 0; display: flex; align-items: center; justify-content: center; gap: 8px; padding: 0 8px; }
.ss-stage img { max-width: calc(100% - 100px); max-height: 100%; object-fit: contain; background: #fff; box-shadow: 0 4px 30px rgba(0,0,0,.5); }
.ss-nav { background: rgba(255,255,255,.08); color: #fff; border: none; font-size: 34px; width: 44px; height: 88px; border-radius: 8px; }
.ss-nav:disabled { opacity: .2; }
.ss-reply { max-height: 30vh; overflow-y: auto; margin: 6px 14px 0; padding: 10px 14px; border-radius: 8px;
            background: var(--panel); color: var(--text); font-size: .9rem; }
.ss-chat { padding: 6px 14px 8px; background: rgba(255,255,255,.04); border-top: 1px solid rgba(255,255,255,.08); }
.ss-chat .row { flex-wrap: nowrap; align-items: center; }
.ss-chat input[type=text] { flex: 1; min-width: 0; margin: 0; }
.ss-chat .check { color: #cfd8e3; white-space: nowrap; margin: 0; }
.ss-chat .thumbs div { width: 52px; height: 40px; }
.ss-chat .error { color: #ff9b9b; }
@media (max-width: 800px) { .ss-stage img { max-width: calc(100% - 60px); } .ss-nav { width: 26px; font-size: 24px; }
  .ss-chat .row { flex-wrap: wrap; } }
/* календари: месяц слева, день и итоги справа */
.cal-wrap { display: grid; gap: 16px; }
.cal-left, .cal-right { min-width: 0; }
.cal-form h3, #calSummary h3 { margin: 10px 0 6px; font-size: 1rem; }
.cal-form label { display: block; margin-top: 6px; }
.cal-item { flex-wrap: wrap; gap: 4px; margin-bottom: 4px; }
.cal-item select { width: auto; } .cal-item .num { width: 90px; }
.cal-sum { border-collapse: collapse; width: 100%; font-size: .875rem; }
.cal-sum th, .cal-sum td { border-bottom: 1px solid var(--line); padding: 4px 6px; text-align: left; }
#calDayList .item.sel { background: var(--bg); border-radius: 8px; }
@media (min-width: 1100px) { .cal-wrap { grid-template-columns: minmax(0, 1fr) 400px; align-items: start; } .cal-right { position: sticky; top: 0; } }   /* календарь крупнее, правая колонка уже */

/* аватар коллеги в списке врачей с вертикальной батарейкой высотой с аватар: слева или поверх */
.peer-av { display: inline-flex; align-items: center; gap: 3px; position: relative; flex: none; }
.peer-av .battery.mini { width: 13px; height: 28px; display: inline-flex; align-items: center; justify-content: center; }
.peer-av .battery.mini .cell { width: 25px; height: 11px; flex: none; transform: rotate(-90deg); }
.peer-av.over .battery.mini { position: absolute; left: -6px; bottom: 0; z-index: 1; }
.peer-av.over { margin-left: 6px; }
.conv .aid { color: var(--warn); font-size: .7rem; font-weight: 400; }

/* статус врача: не помещается в строку — переносится на вторую */
.conv .d.st, .my-status i { white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.conv > div { min-width: 0; }

/* «Как пользоваться сайтом» вверху «Техподдержки» */
.help-card { margin: 0 0 16px; padding: 10px 14px; }
.help-card summary { cursor: pointer; }
.help-card .help-body table { border-collapse: collapse; margin: 8px 0; font-size: .85rem; }
.help-card .help-body th, .help-card .help-body td { border: 1px solid var(--line); padding: 4px 8px; vertical-align: top; text-align: left; }
.help-card .help-body { margin-top: 8px; overflow-x: auto; }

/* масштаб переписки: Ctrl + колесо мыши */
#messages > * { zoom: var(--chat-zoom, 1); }

/* мелкие хаотичные рисунки: «Медицинская мелочь» и «Каракули» */
.bg-medbits { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22360%22%20height=%22360%22%20fill=%22none%22%20stroke=%22rgba%28214%2C228%2C240%2C0.085%29%22%20stroke-width=%221.1%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cstyle%3E.a%7Bstroke:rgba%28110%2C190%2C240%2C0.17%29%7D%3C/style%3E%3Cg%20transform=%22translate%28119%2060%29%20rotate%28271%29%20scale%280.64%29%22%20class=%22a%22%3E%3Ccircle%20r=%223%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28232%2033%29%20rotate%28173%29%20scale%280.82%29%22%3E%3Cpath%20d=%22M0-6c3%204%205%206%205%208a5%205%200%200%201-10%200c0-2%202-4%205-8z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28192%20134%29%20rotate%28318%29%20scale%280.78%29%22%3E%3Ccircle%20r=%221.6%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2828%20183%29%20rotate%2835%29%20scale%280.75%29%22%20class=%22a%22%3E%3Crect%20x=%22-7%22%20y=%22-3%22%20width=%2214%22%20height=%226%22%20rx=%223%22/%3E%3Cpath%20d=%22M0-3v6%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2821%20157%29%20rotate%2862%29%20scale%281.14%29%22%3E%3Cpath%20d=%22M-8%200h4l2-5%203%2010%202-5h5%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2832%2039%29%20rotate%28243%29%20scale%280.83%29%22%3E%3Ccircle%20r=%225%22/%3E%3Cpath%20d=%22M-3.5%200h7%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28154%20292%29%20rotate%28273%29%20scale%280.90%29%22%3E%3Cpath%20d=%22M-4%206v-8a4%204%200%200%201%208%200v8%22/%3E%3Cpath%20d=%22M-6%206h12%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2851%2085%29%20rotate%28134%29%20scale%280.76%29%22%3E%3Cpath%20d=%22M-7%205l10-10M1-7l6%206M-5%201l4%204M-8%206l2%202%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28224%20334%29%20rotate%2867%29%20scale%280.74%29%22%3E%3Cpath%20d=%22M-4%206v-8a4%204%200%200%201%208%200v8%22/%3E%3Cpath%20d=%22M-6%206h12%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28344%2024%29%20rotate%28208%29%20scale%280.68%29%22%3E%3Cpath%20d=%22M0-6c3%204%205%206%205%208a5%205%200%200%201-10%200c0-2%202-4%205-8z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28303%20108%29%20rotate%2889%29%20scale%280.64%29%22%20class=%22a%22%3E%3Cpath%20d=%22M0%205c-6-4-7-7-5-9%202-2%204-1%205%201%201-2%203-3%205-1%202%202%201%205-5%209z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2858%2049%29%20rotate%28235%29%20scale%280.73%29%22%3E%3Ccircle%20r=%221.6%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28114%20289%29%20rotate%28295%29%20scale%280.66%29%22%3E%3Cpath%20d=%22M-2-6h4v4h4v4h-4v4h-4v-4h-4v-4h4z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2870%20208%29%20rotate%28106%29%20scale%281.10%29%22%20class=%22a%22%3E%3Cpath%20d=%22M-8%200h4l2-5%203%2010%202-5h5%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28228%20136%29%20rotate%28298%29%20scale%280.63%29%22%3E%3Crect%20x=%22-7%22%20y=%22-3%22%20width=%2214%22%20height=%226%22%20rx=%223%22/%3E%3Cpath%20d=%22M0-3v6%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28196%2030%29%20rotate%28312%29%20scale%281.11%29%22%3E%3Cpath%20d=%22M0-6c3%204%205%206%205%208a5%205%200%200%201-10%200c0-2%202-4%205-8z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2829%2079%29%20rotate%28239%29%20scale%280.93%29%22%3E%3Cpath%20d=%22M-8%200h4l2-5%203%2010%202-5h5%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28242%20155%29%20rotate%28223%29%20scale%280.66%29%22%3E%3Cpath%20d=%22M-2-6h4v4h4v4h-4v4h-4v-4h-4v-4h4z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28116%20209%29%20rotate%2816%29%20scale%280.62%29%22%3E%3Cpath%20d=%22M0-6c3%204%205%206%205%208a5%205%200%200%201-10%200c0-2%202-4%205-8z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28164%20111%29%20rotate%28329%29%20scale%280.62%29%22%3E%3Cpath%20d=%22M-7%205l10-10M1-7l6%206M-5%201l4%204M-8%206l2%202%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28281%20248%29%20rotate%28134%29%20scale%281.05%29%22%3E%3Cpath%20d=%22M-2-6h4v4h4v4h-4v4h-4v-4h-4v-4h4z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28189%20309%29%20rotate%28286%29%20scale%280.77%29%22%20class=%22a%22%3E%3Ccircle%20r=%223%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28259%20107%29%20rotate%28287%29%20scale%280.87%29%22%3E%3Ccircle%20r=%221.6%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28345%2049%29%20rotate%2833%29%20scale%280.90%29%22%3E%3Cpath%20d=%22M-5-5l10%2010M5-5l-10%2010%22%20/%3E%3C/g%3E%3Cg%20transform=%22translate%28152%20268%29%20rotate%28356%29%20scale%280.82%29%22%20class=%22a%22%3E%3Ccircle%20r=%225%22/%3E%3Cpath%20d=%22M-3.5%200h7%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2860%20176%29%20rotate%28112%29%20scale%280.77%29%22%3E%3Cpath%20d=%22M-5-5l10%2010M5-5l-10%2010%22%20/%3E%3C/g%3E%3Cg%20transform=%22translate%2821%20238%29%20rotate%287%29%20scale%281.09%29%22%3E%3Ccircle%20r=%223%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28271%20205%29%20rotate%28146%29%20scale%280.95%29%22%3E%3Cpath%20d=%22M0%205c-6-4-7-7-5-9%202-2%204-1%205%201%201-2%203-3%205-1%202%202%201%205-5%209z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28247%20212%29%20rotate%2841%29%20scale%280.84%29%22%20class=%22a%22%3E%3Cpath%20d=%22M-2-6h4v4h4v4h-4v4h-4v-4h-4v-4h4z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28207%20165%29%20rotate%28166%29%20scale%280.82%29%22%3E%3Crect%20x=%22-7%22%20y=%22-3%22%20width=%2214%22%20height=%226%22%20rx=%223%22/%3E%3Cpath%20d=%22M0-3v6%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28297%20333%29%20rotate%2851%29%20scale%280.67%29%22%20class=%22a%22%3E%3Ccircle%20r=%225%22/%3E%3Cpath%20d=%22M-3.5%200h7%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28171%20236%29%20rotate%28134%29%20scale%280.65%29%22%3E%3Cpath%20d=%22M-6-2a2%202%200%201%201%202-2l8%208a2%202%200%201%201-2%202z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28141%20238%29%20rotate%2858%29%20scale%280.69%29%22%3E%3Ccircle%20r=%221.6%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2828%20272%29%20rotate%28177%29%20scale%281.11%29%22%20class=%22a%22%3E%3Ccircle%20r=%225%22/%3E%3Cpath%20d=%22M-3.5%200h7%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28290%20305%29%20rotate%2816%29%20scale%280.77%29%22%3E%3Cpath%20d=%22M0-6c3%204%205%206%205%208a5%205%200%200%201-10%200c0-2%202-4%205-8z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28104%20151%29%20rotate%28229%29%20scale%280.77%29%22%3E%3Cpath%20d=%22M-8%200h4l2-5%203%2010%202-5h5%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28131%20312%29%20rotate%28297%29%20scale%281.10%29%22%3E%3Crect%20x=%22-7%22%20y=%22-3%22%20width=%2214%22%20height=%226%22%20rx=%223%22/%3E%3Cpath%20d=%22M0-3v6%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2888%20175%29%20rotate%28224%29%20scale%280.95%29%22%3E%3Ccircle%20r=%225%22/%3E%3Cpath%20d=%22M-3.5%200h7%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28211%2098%29%20rotate%2866%29%20scale%281.07%29%22%3E%3Ccircle%20r=%223%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28336%20246%29%20rotate%2856%29%20scale%280.62%29%22%3E%3Cpath%20d=%22M0-6c3%204%205%206%205%208a5%205%200%200%201-10%200c0-2%202-4%205-8z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28317%20276%29%20rotate%28261%29%20scale%280.67%29%22%20class=%22a%22%3E%3Cpath%20d=%22M0%205c-6-4-7-7-5-9%202-2%204-1%205%201%201-2%203-3%205-1%202%202%201%205-5%209z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28143%20145%29%20rotate%28273%29%20scale%280.62%29%22%3E%3Cpath%20d=%22M0-6c3%204%205%206%205%208a5%205%200%200%201-10%200c0-2%202-4%205-8z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2844%20226%29%20rotate%28140%29%20scale%280.97%29%22%3E%3Cpath%20d=%22M-2-6h4v4h4v4h-4v4h-4v-4h-4v-4h4z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2880%2064%29%20rotate%28110%29%20scale%280.90%29%22%3E%3Cpath%20d=%22M-8%200h4l2-5%203%2010%202-5h5%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28125%2026%29%20rotate%28140%29%20scale%280.77%29%22%20class=%22a%22%3E%3Cpath%20d=%22M-6-2a2%202%200%201%201%202-2l8%208a2%202%200%201%201-2%202z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%288%2060%29%20rotate%288%29%20scale%280.85%29%22%3E%3Cpath%20d=%22M0%205c-6-4-7-7-5-9%202-2%204-1%205%201%201-2%203-3%205-1%202%202%201%205-5%209z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2843%20133%29%20rotate%28161%29%20scale%281.14%29%22%3E%3Ccircle%20r=%223%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2817%20309%29%20rotate%2865%29%20scale%281.03%29%22%3E%3Ccircle%20r=%223%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28219%2059%29%20rotate%28129%29%20scale%280.82%29%22%20class=%22a%22%3E%3Cpath%20d=%22M-8%200h4l2-5%203%2010%202-5h5%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2895%20128%29%20rotate%28184%29%20scale%280.65%29%22%3E%3Cpath%20d=%22M0%205c-6-4-7-7-5-9%202-2%204-1%205%201%201-2%203-3%205-1%202%202%201%205-5%209z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28168%20174%29%20rotate%28332%29%20scale%280.62%29%22%20class=%22a%22%3E%3Cpath%20d=%22M-2-6h4v4h4v4h-4v4h-4v-4h-4v-4h4z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28126%2099%29%20rotate%2820%29%20scale%281.03%29%22%3E%3Cpath%20d=%22M0%205c-6-4-7-7-5-9%202-2%204-1%205%201%201-2%203-3%205-1%202%202%201%205-5%209z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28293%2064%29%20rotate%28282%29%20scale%281.09%29%22%3E%3Ccircle%20r=%221.6%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2816%20335%29%20rotate%28264%29%20scale%281.07%29%22%3E%3Cpath%20d=%22M-2-6h4v4h4v4h-4v4h-4v-4h-4v-4h4z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28190%2058%29%20rotate%28177%29%20scale%280.71%29%22%3E%3Crect%20x=%22-7%22%20y=%22-3%22%20width=%2214%22%20height=%226%22%20rx=%223%22/%3E%3Cpath%20d=%22M0-3v6%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28190%20345%29%20rotate%2880%29%20scale%280.98%29%22%3E%3Ccircle%20r=%225%22/%3E%3Cpath%20d=%22M-3.5%200h7%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28305%20247%29%20rotate%28117%29%20scale%280.94%29%22%20class=%22a%22%3E%3Cpath%20d=%22M0%205c-6-4-7-7-5-9%202-2%204-1%205%201%201-2%203-3%205-1%202%202%201%205-5%209z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2865%20274%29%20rotate%2852%29%20scale%280.75%29%22%3E%3Ccircle%20r=%223%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28191%20276%29%20rotate%28213%29%20scale%281.13%29%22%3E%3Ccircle%20r=%221.6%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2818%20104%29%20rotate%2813%29%20scale%280.88%29%22%3E%3Ccircle%20r=%223%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2897%20246%29%20rotate%28100%29%20scale%280.82%29%22%3E%3Ccircle%20r=%225%22/%3E%3Cpath%20d=%22M-3.5%200h7%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28337%20162%29%20rotate%28283%29%20scale%281.09%29%22%20class=%22a%22%3E%3Cpath%20d=%22M0%205c-6-4-7-7-5-9%202-2%204-1%205%201%201-2%203-3%205-1%202%202%201%205-5%209z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28330%20348%29%20rotate%28309%29%20scale%281.02%29%22%20class=%22a%22%3E%3Crect%20x=%22-7%22%20y=%22-3%22%20width=%2214%22%20height=%226%22%20rx=%223%22/%3E%3Cpath%20d=%22M0-3v6%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28337%20133%29%20rotate%28318%29%20scale%280.91%29%22%3E%3Cpath%20d=%22M-8%200h4l2-5%203%2010%202-5h5%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2884%2086%29%20rotate%28308%29%20scale%280.74%29%22%3E%3Crect%20x=%22-7%22%20y=%22-3%22%20width=%2214%22%20height=%226%22%20rx=%223%22/%3E%3Cpath%20d=%22M0-3v6%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28297%20173%29%20rotate%28357%29%20scale%281.04%29%22%20class=%22a%22%3E%3Cpath%20d=%22M-4%206v-8a4%204%200%200%201%208%200v8%22/%3E%3Cpath%20d=%22M-6%206h12%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28233%20283%29%20rotate%2829%29%20scale%280.68%29%22%3E%3Ccircle%20r=%223%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28266%20172%29%20rotate%2817%29%20scale%280.70%29%22%3E%3Cpath%20d=%22M0-6c3%204%205%206%205%208a5%205%200%200%201-10%200c0-2%202-4%205-8z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28146%20334%29%20rotate%28354%29%20scale%280.74%29%22%3E%3Ccircle%20r=%221.6%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28257%2066%29%20rotate%28264%29%20scale%281.11%29%22%3E%3Ccircle%20r=%223%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2853%2013%29%20rotate%28222%29%20scale%280.62%29%22%20class=%22a%22%3E%3Cpath%20d=%22M-4%206v-8a4%204%200%200%201%208%200v8%22/%3E%3Cpath%20d=%22M-6%206h12%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2853%20321%29%20rotate%2817%29%20scale%280.83%29%22%3E%3Cpath%20d=%22M-6-2a2%202%200%201%201%202-2l8%208a2%202%200%201%201-2%202z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28130%20166%29%20rotate%288%29%20scale%280.72%29%22%3E%3Cpath%20d=%22M-8%200h4l2-5%203%2010%202-5h5%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28159%2071%29%20rotate%28188%29%20scale%280.91%29%22%3E%3Cpath%20d=%22M-2-6h4v4h4v4h-4v4h-4v-4h-4v-4h4z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28120%20186%29%20rotate%28212%29%20scale%280.72%29%22%3E%3Ccircle%20r=%221.6%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2845%20201%29%20rotate%2857%29%20scale%280.80%29%22%3E%3Cpath%20d=%22M0-6c3%204%205%206%205%208a5%205%200%200%201-10%200c0-2%202-4%205-8z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28249%20310%29%20rotate%2854%29%20scale%281.12%29%22%20class=%22a%22%3E%3Cpath%20d=%22M-2-6h4v4h4v4h-4v4h-4v-4h-4v-4h4z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28332%2097%29%20rotate%28240%29%20scale%280.64%29%22%20class=%22a%22%3E%3Crect%20x=%22-7%22%20y=%22-3%22%20width=%2214%22%20height=%226%22%20rx=%223%22/%3E%3Cpath%20d=%22M0-3v6%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2884%20336%29%20rotate%284%29%20scale%280.82%29%22%20class=%22a%22%3E%3Cpath%20d=%22M-7%205l10-10M1-7l6%206M-5%201l4%204M-8%206l2%202%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28349%20294%29%20rotate%28214%29%20scale%281.05%29%22%3E%3Cpath%20d=%22M-5-5l10%2010M5-5l-10%2010%22%20/%3E%3C/g%3E%3Cg%20transform=%22translate%28256%2015%29%20rotate%28264%29%20scale%280.84%29%22%3E%3Ccircle%20r=%223%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28223%20184%29%20rotate%2822%29%20scale%280.69%29%22%20class=%22a%22%3E%3Cpath%20d=%22M0-6c3%204%205%206%205%208a5%205%200%200%201-10%200c0-2%202-4%205-8z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28204%20249%29%20rotate%2821%29%20scale%280.82%29%22%20class=%22a%22%3E%3Cpath%20d=%22M-2-6h4v4h4v4h-4v4h-4v-4h-4v-4h4z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28189%2090%29%20rotate%28339%29%20scale%280.61%29%22%3E%3Crect%20x=%22-7%22%20y=%22-3%22%20width=%2214%22%20height=%226%22%20rx=%223%22/%3E%3Cpath%20d=%22M0-3v6%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2894%2013%29%20rotate%28231%29%20scale%280.83%29%22%3E%3Ccircle%20r=%225%22/%3E%3Cpath%20d=%22M-3.5%200h7%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28245%20346%29%20rotate%2863%29%20scale%280.95%29%22%3E%3Cpath%20d=%22M-5-5l10%2010M5-5l-10%2010%22%20/%3E%3C/g%3E%3Cg%20transform=%22translate%2837%20297%29%20rotate%28358%29%20scale%280.64%29%22%3E%3Cpath%20d=%22M-7%205l10-10M1-7l6%206M-5%201l4%204M-8%206l2%202%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28343%20196%29%20rotate%282%29%20scale%281.03%29%22%3E%3Cpath%20d=%22M-4%206v-8a4%204%200%200%201%208%200v8%22/%3E%3Cpath%20d=%22M-6%206h12%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2822%2016%29%20rotate%28267%29%20scale%281.01%29%22%3E%3Cpath%20d=%22M-6-2a2%202%200%201%201%202-2l8%208a2%202%200%201%201-2%202z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28142%20120%29%20rotate%2894%29%20scale%280.70%29%22%3E%3Cpath%20d=%22M-8%200h4l2-5%203%2010%202-5h5%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28315%20224%29%20rotate%28270%29%20scale%280.62%29%22%3E%3Cpath%20d=%22M-5-5l10%2010M5-5l-10%2010%22%20/%3E%3C/g%3E%3Cg%20transform=%22translate%28260%20287%29%20rotate%2819%29%20scale%281.12%29%22%20class=%22a%22%3E%3Cpath%20d=%22M-4%206v-8a4%204%200%200%201%208%200v8%22/%3E%3Cpath%20d=%22M-6%206h12%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28243%20247%29%20rotate%28284%29%20scale%280.90%29%22%3E%3Cpath%20d=%22M-5-5l10%2010M5-5l-10%2010%22%20/%3E%3C/g%3E%3Cg%20transform=%22translate%28200%20224%29%20rotate%28334%29%20scale%281.13%29%22%20class=%22a%22%3E%3Ccircle%20r=%221.6%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28176%209%29%20rotate%2861%29%20scale%280.65%29%22%3E%3Cpath%20d=%22M0-6c3%204%205%206%205%208a5%205%200%200%201-10%200c0-2%202-4%205-8z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28168%2049%29%20rotate%2857%29%20scale%281.06%29%22%20class=%22a%22%3E%3Cpath%20d=%22M0-6c3%204%205%206%205%208a5%205%200%200%201-10%200c0-2%202-4%205-8z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28315%2077%29%20rotate%28216%29%20scale%280.71%29%22%3E%3Cpath%20d=%22M0%205c-6-4-7-7-5-9%202-2%204-1%205%201%201-2%203-3%205-1%202%202%201%205-5%209z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28344%20330%29%20rotate%28249%29%20scale%281.10%29%22%3E%3Cpath%20d=%22M-6-2a2%202%200%201%201%202-2l8%208a2%202%200%201%201-2%202z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28106%20330%29%20rotate%28170%29%20scale%281.06%29%22%3E%3Cpath%20d=%22M-5-5l10%2010M5-5l-10%2010%22%20/%3E%3C/g%3E%3Cg%20transform=%22translate%28267%20230%29%20rotate%28157%29%20scale%280.98%29%22%3E%3Ccircle%20r=%221.6%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28234%20111%29%20rotate%28284%29%20scale%280.73%29%22%3E%3Cpath%20d=%22M-4%206v-8a4%204%200%200%201%208%200v8%22/%3E%3Cpath%20d=%22M-6%206h12%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28266%20150%29%20rotate%28328%29%20scale%280.94%29%22%20class=%22a%22%3E%3Cpath%20d=%22M-6-2a2%202%200%201%201%202-2l8%208a2%202%200%201%201-2%202z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28150%20188%29%20rotate%28224%29%20scale%280.62%29%22%20class=%22a%22%3E%3Ccircle%20r=%225%22/%3E%3Cpath%20d=%22M-3.5%200h7%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28308%2016%29%20rotate%2810%29%20scale%280.79%29%22%20class=%22a%22%3E%3Ccircle%20r=%225%22/%3E%3Cpath%20d=%22M-3.5%200h7%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28210%208%29%20rotate%2815%29%20scale%280.68%29%22%3E%3Cpath%20d=%22M-2-6h4v4h4v4h-4v4h-4v-4h-4v-4h4z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28290%2087%29%20rotate%28213%29%20scale%281.01%29%22%20class=%22a%22%3E%3Crect%20x=%22-7%22%20y=%22-3%22%20width=%2214%22%20height=%226%22%20rx=%223%22/%3E%3Cpath%20d=%22M0-3v6%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28317%20312%29%20rotate%28192%29%20scale%280.71%29%22%3E%3Cpath%20d=%22M0%205c-6-4-7-7-5-9%202-2%204-1%205%201%201-2%203-3%205-1%202%202%201%205-5%209z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28337%20220%29%20rotate%28329%29%20scale%280.64%29%22%3E%3Cpath%20d=%22M-5-5l10%2010M5-5l-10%2010%22%20/%3E%3C/g%3E%3Cg%20transform=%22translate%28291%20274%29%20rotate%2840%29%20scale%280.66%29%22%20class=%22a%22%3E%3Cpath%20d=%22M-6-2a2%202%200%201%201%202-2l8%208a2%202%200%201%201-2%202z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28118%20132%29%20rotate%28271%29%20scale%281.12%29%22%3E%3Cpath%20d=%22M-2-6h4v4h4v4h-4v4h-4v-4h-4v-4h4z%22/%3E%3C/g%3E%3C/svg%3E"); }
:root[data-tone="light"] .bg-medbits { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22360%22%20height=%22360%22%20fill=%22none%22%20stroke=%22rgba%2820%2C40%2C60%2C0.085%29%22%20stroke-width=%221.1%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cstyle%3E.a%7Bstroke:rgba%2830%2C110%2C170%2C0.16%29%7D%3C/style%3E%3Cg%20transform=%22translate%28119%2060%29%20rotate%28271%29%20scale%280.64%29%22%20class=%22a%22%3E%3Ccircle%20r=%223%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28232%2033%29%20rotate%28173%29%20scale%280.82%29%22%3E%3Cpath%20d=%22M0-6c3%204%205%206%205%208a5%205%200%200%201-10%200c0-2%202-4%205-8z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28192%20134%29%20rotate%28318%29%20scale%280.78%29%22%3E%3Ccircle%20r=%221.6%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2828%20183%29%20rotate%2835%29%20scale%280.75%29%22%20class=%22a%22%3E%3Crect%20x=%22-7%22%20y=%22-3%22%20width=%2214%22%20height=%226%22%20rx=%223%22/%3E%3Cpath%20d=%22M0-3v6%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2821%20157%29%20rotate%2862%29%20scale%281.14%29%22%3E%3Cpath%20d=%22M-8%200h4l2-5%203%2010%202-5h5%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2832%2039%29%20rotate%28243%29%20scale%280.83%29%22%3E%3Ccircle%20r=%225%22/%3E%3Cpath%20d=%22M-3.5%200h7%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28154%20292%29%20rotate%28273%29%20scale%280.90%29%22%3E%3Cpath%20d=%22M-4%206v-8a4%204%200%200%201%208%200v8%22/%3E%3Cpath%20d=%22M-6%206h12%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2851%2085%29%20rotate%28134%29%20scale%280.76%29%22%3E%3Cpath%20d=%22M-7%205l10-10M1-7l6%206M-5%201l4%204M-8%206l2%202%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28224%20334%29%20rotate%2867%29%20scale%280.74%29%22%3E%3Cpath%20d=%22M-4%206v-8a4%204%200%200%201%208%200v8%22/%3E%3Cpath%20d=%22M-6%206h12%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28344%2024%29%20rotate%28208%29%20scale%280.68%29%22%3E%3Cpath%20d=%22M0-6c3%204%205%206%205%208a5%205%200%200%201-10%200c0-2%202-4%205-8z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28303%20108%29%20rotate%2889%29%20scale%280.64%29%22%20class=%22a%22%3E%3Cpath%20d=%22M0%205c-6-4-7-7-5-9%202-2%204-1%205%201%201-2%203-3%205-1%202%202%201%205-5%209z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2858%2049%29%20rotate%28235%29%20scale%280.73%29%22%3E%3Ccircle%20r=%221.6%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28114%20289%29%20rotate%28295%29%20scale%280.66%29%22%3E%3Cpath%20d=%22M-2-6h4v4h4v4h-4v4h-4v-4h-4v-4h4z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2870%20208%29%20rotate%28106%29%20scale%281.10%29%22%20class=%22a%22%3E%3Cpath%20d=%22M-8%200h4l2-5%203%2010%202-5h5%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28228%20136%29%20rotate%28298%29%20scale%280.63%29%22%3E%3Crect%20x=%22-7%22%20y=%22-3%22%20width=%2214%22%20height=%226%22%20rx=%223%22/%3E%3Cpath%20d=%22M0-3v6%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28196%2030%29%20rotate%28312%29%20scale%281.11%29%22%3E%3Cpath%20d=%22M0-6c3%204%205%206%205%208a5%205%200%200%201-10%200c0-2%202-4%205-8z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2829%2079%29%20rotate%28239%29%20scale%280.93%29%22%3E%3Cpath%20d=%22M-8%200h4l2-5%203%2010%202-5h5%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28242%20155%29%20rotate%28223%29%20scale%280.66%29%22%3E%3Cpath%20d=%22M-2-6h4v4h4v4h-4v4h-4v-4h-4v-4h4z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28116%20209%29%20rotate%2816%29%20scale%280.62%29%22%3E%3Cpath%20d=%22M0-6c3%204%205%206%205%208a5%205%200%200%201-10%200c0-2%202-4%205-8z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28164%20111%29%20rotate%28329%29%20scale%280.62%29%22%3E%3Cpath%20d=%22M-7%205l10-10M1-7l6%206M-5%201l4%204M-8%206l2%202%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28281%20248%29%20rotate%28134%29%20scale%281.05%29%22%3E%3Cpath%20d=%22M-2-6h4v4h4v4h-4v4h-4v-4h-4v-4h4z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28189%20309%29%20rotate%28286%29%20scale%280.77%29%22%20class=%22a%22%3E%3Ccircle%20r=%223%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28259%20107%29%20rotate%28287%29%20scale%280.87%29%22%3E%3Ccircle%20r=%221.6%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28345%2049%29%20rotate%2833%29%20scale%280.90%29%22%3E%3Cpath%20d=%22M-5-5l10%2010M5-5l-10%2010%22%20/%3E%3C/g%3E%3Cg%20transform=%22translate%28152%20268%29%20rotate%28356%29%20scale%280.82%29%22%20class=%22a%22%3E%3Ccircle%20r=%225%22/%3E%3Cpath%20d=%22M-3.5%200h7%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2860%20176%29%20rotate%28112%29%20scale%280.77%29%22%3E%3Cpath%20d=%22M-5-5l10%2010M5-5l-10%2010%22%20/%3E%3C/g%3E%3Cg%20transform=%22translate%2821%20238%29%20rotate%287%29%20scale%281.09%29%22%3E%3Ccircle%20r=%223%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28271%20205%29%20rotate%28146%29%20scale%280.95%29%22%3E%3Cpath%20d=%22M0%205c-6-4-7-7-5-9%202-2%204-1%205%201%201-2%203-3%205-1%202%202%201%205-5%209z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28247%20212%29%20rotate%2841%29%20scale%280.84%29%22%20class=%22a%22%3E%3Cpath%20d=%22M-2-6h4v4h4v4h-4v4h-4v-4h-4v-4h4z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28207%20165%29%20rotate%28166%29%20scale%280.82%29%22%3E%3Crect%20x=%22-7%22%20y=%22-3%22%20width=%2214%22%20height=%226%22%20rx=%223%22/%3E%3Cpath%20d=%22M0-3v6%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28297%20333%29%20rotate%2851%29%20scale%280.67%29%22%20class=%22a%22%3E%3Ccircle%20r=%225%22/%3E%3Cpath%20d=%22M-3.5%200h7%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28171%20236%29%20rotate%28134%29%20scale%280.65%29%22%3E%3Cpath%20d=%22M-6-2a2%202%200%201%201%202-2l8%208a2%202%200%201%201-2%202z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28141%20238%29%20rotate%2858%29%20scale%280.69%29%22%3E%3Ccircle%20r=%221.6%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2828%20272%29%20rotate%28177%29%20scale%281.11%29%22%20class=%22a%22%3E%3Ccircle%20r=%225%22/%3E%3Cpath%20d=%22M-3.5%200h7%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28290%20305%29%20rotate%2816%29%20scale%280.77%29%22%3E%3Cpath%20d=%22M0-6c3%204%205%206%205%208a5%205%200%200%201-10%200c0-2%202-4%205-8z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28104%20151%29%20rotate%28229%29%20scale%280.77%29%22%3E%3Cpath%20d=%22M-8%200h4l2-5%203%2010%202-5h5%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28131%20312%29%20rotate%28297%29%20scale%281.10%29%22%3E%3Crect%20x=%22-7%22%20y=%22-3%22%20width=%2214%22%20height=%226%22%20rx=%223%22/%3E%3Cpath%20d=%22M0-3v6%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2888%20175%29%20rotate%28224%29%20scale%280.95%29%22%3E%3Ccircle%20r=%225%22/%3E%3Cpath%20d=%22M-3.5%200h7%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28211%2098%29%20rotate%2866%29%20scale%281.07%29%22%3E%3Ccircle%20r=%223%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28336%20246%29%20rotate%2856%29%20scale%280.62%29%22%3E%3Cpath%20d=%22M0-6c3%204%205%206%205%208a5%205%200%200%201-10%200c0-2%202-4%205-8z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28317%20276%29%20rotate%28261%29%20scale%280.67%29%22%20class=%22a%22%3E%3Cpath%20d=%22M0%205c-6-4-7-7-5-9%202-2%204-1%205%201%201-2%203-3%205-1%202%202%201%205-5%209z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28143%20145%29%20rotate%28273%29%20scale%280.62%29%22%3E%3Cpath%20d=%22M0-6c3%204%205%206%205%208a5%205%200%200%201-10%200c0-2%202-4%205-8z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2844%20226%29%20rotate%28140%29%20scale%280.97%29%22%3E%3Cpath%20d=%22M-2-6h4v4h4v4h-4v4h-4v-4h-4v-4h4z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2880%2064%29%20rotate%28110%29%20scale%280.90%29%22%3E%3Cpath%20d=%22M-8%200h4l2-5%203%2010%202-5h5%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28125%2026%29%20rotate%28140%29%20scale%280.77%29%22%20class=%22a%22%3E%3Cpath%20d=%22M-6-2a2%202%200%201%201%202-2l8%208a2%202%200%201%201-2%202z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%288%2060%29%20rotate%288%29%20scale%280.85%29%22%3E%3Cpath%20d=%22M0%205c-6-4-7-7-5-9%202-2%204-1%205%201%201-2%203-3%205-1%202%202%201%205-5%209z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2843%20133%29%20rotate%28161%29%20scale%281.14%29%22%3E%3Ccircle%20r=%223%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2817%20309%29%20rotate%2865%29%20scale%281.03%29%22%3E%3Ccircle%20r=%223%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28219%2059%29%20rotate%28129%29%20scale%280.82%29%22%20class=%22a%22%3E%3Cpath%20d=%22M-8%200h4l2-5%203%2010%202-5h5%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2895%20128%29%20rotate%28184%29%20scale%280.65%29%22%3E%3Cpath%20d=%22M0%205c-6-4-7-7-5-9%202-2%204-1%205%201%201-2%203-3%205-1%202%202%201%205-5%209z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28168%20174%29%20rotate%28332%29%20scale%280.62%29%22%20class=%22a%22%3E%3Cpath%20d=%22M-2-6h4v4h4v4h-4v4h-4v-4h-4v-4h4z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28126%2099%29%20rotate%2820%29%20scale%281.03%29%22%3E%3Cpath%20d=%22M0%205c-6-4-7-7-5-9%202-2%204-1%205%201%201-2%203-3%205-1%202%202%201%205-5%209z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28293%2064%29%20rotate%28282%29%20scale%281.09%29%22%3E%3Ccircle%20r=%221.6%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2816%20335%29%20rotate%28264%29%20scale%281.07%29%22%3E%3Cpath%20d=%22M-2-6h4v4h4v4h-4v4h-4v-4h-4v-4h4z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28190%2058%29%20rotate%28177%29%20scale%280.71%29%22%3E%3Crect%20x=%22-7%22%20y=%22-3%22%20width=%2214%22%20height=%226%22%20rx=%223%22/%3E%3Cpath%20d=%22M0-3v6%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28190%20345%29%20rotate%2880%29%20scale%280.98%29%22%3E%3Ccircle%20r=%225%22/%3E%3Cpath%20d=%22M-3.5%200h7%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28305%20247%29%20rotate%28117%29%20scale%280.94%29%22%20class=%22a%22%3E%3Cpath%20d=%22M0%205c-6-4-7-7-5-9%202-2%204-1%205%201%201-2%203-3%205-1%202%202%201%205-5%209z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2865%20274%29%20rotate%2852%29%20scale%280.75%29%22%3E%3Ccircle%20r=%223%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28191%20276%29%20rotate%28213%29%20scale%281.13%29%22%3E%3Ccircle%20r=%221.6%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2818%20104%29%20rotate%2813%29%20scale%280.88%29%22%3E%3Ccircle%20r=%223%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2897%20246%29%20rotate%28100%29%20scale%280.82%29%22%3E%3Ccircle%20r=%225%22/%3E%3Cpath%20d=%22M-3.5%200h7%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28337%20162%29%20rotate%28283%29%20scale%281.09%29%22%20class=%22a%22%3E%3Cpath%20d=%22M0%205c-6-4-7-7-5-9%202-2%204-1%205%201%201-2%203-3%205-1%202%202%201%205-5%209z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28330%20348%29%20rotate%28309%29%20scale%281.02%29%22%20class=%22a%22%3E%3Crect%20x=%22-7%22%20y=%22-3%22%20width=%2214%22%20height=%226%22%20rx=%223%22/%3E%3Cpath%20d=%22M0-3v6%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28337%20133%29%20rotate%28318%29%20scale%280.91%29%22%3E%3Cpath%20d=%22M-8%200h4l2-5%203%2010%202-5h5%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2884%2086%29%20rotate%28308%29%20scale%280.74%29%22%3E%3Crect%20x=%22-7%22%20y=%22-3%22%20width=%2214%22%20height=%226%22%20rx=%223%22/%3E%3Cpath%20d=%22M0-3v6%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28297%20173%29%20rotate%28357%29%20scale%281.04%29%22%20class=%22a%22%3E%3Cpath%20d=%22M-4%206v-8a4%204%200%200%201%208%200v8%22/%3E%3Cpath%20d=%22M-6%206h12%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28233%20283%29%20rotate%2829%29%20scale%280.68%29%22%3E%3Ccircle%20r=%223%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28266%20172%29%20rotate%2817%29%20scale%280.70%29%22%3E%3Cpath%20d=%22M0-6c3%204%205%206%205%208a5%205%200%200%201-10%200c0-2%202-4%205-8z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28146%20334%29%20rotate%28354%29%20scale%280.74%29%22%3E%3Ccircle%20r=%221.6%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28257%2066%29%20rotate%28264%29%20scale%281.11%29%22%3E%3Ccircle%20r=%223%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2853%2013%29%20rotate%28222%29%20scale%280.62%29%22%20class=%22a%22%3E%3Cpath%20d=%22M-4%206v-8a4%204%200%200%201%208%200v8%22/%3E%3Cpath%20d=%22M-6%206h12%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2853%20321%29%20rotate%2817%29%20scale%280.83%29%22%3E%3Cpath%20d=%22M-6-2a2%202%200%201%201%202-2l8%208a2%202%200%201%201-2%202z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28130%20166%29%20rotate%288%29%20scale%280.72%29%22%3E%3Cpath%20d=%22M-8%200h4l2-5%203%2010%202-5h5%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28159%2071%29%20rotate%28188%29%20scale%280.91%29%22%3E%3Cpath%20d=%22M-2-6h4v4h4v4h-4v4h-4v-4h-4v-4h4z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28120%20186%29%20rotate%28212%29%20scale%280.72%29%22%3E%3Ccircle%20r=%221.6%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2845%20201%29%20rotate%2857%29%20scale%280.80%29%22%3E%3Cpath%20d=%22M0-6c3%204%205%206%205%208a5%205%200%200%201-10%200c0-2%202-4%205-8z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28249%20310%29%20rotate%2854%29%20scale%281.12%29%22%20class=%22a%22%3E%3Cpath%20d=%22M-2-6h4v4h4v4h-4v4h-4v-4h-4v-4h4z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28332%2097%29%20rotate%28240%29%20scale%280.64%29%22%20class=%22a%22%3E%3Crect%20x=%22-7%22%20y=%22-3%22%20width=%2214%22%20height=%226%22%20rx=%223%22/%3E%3Cpath%20d=%22M0-3v6%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2884%20336%29%20rotate%284%29%20scale%280.82%29%22%20class=%22a%22%3E%3Cpath%20d=%22M-7%205l10-10M1-7l6%206M-5%201l4%204M-8%206l2%202%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28349%20294%29%20rotate%28214%29%20scale%281.05%29%22%3E%3Cpath%20d=%22M-5-5l10%2010M5-5l-10%2010%22%20/%3E%3C/g%3E%3Cg%20transform=%22translate%28256%2015%29%20rotate%28264%29%20scale%280.84%29%22%3E%3Ccircle%20r=%223%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28223%20184%29%20rotate%2822%29%20scale%280.69%29%22%20class=%22a%22%3E%3Cpath%20d=%22M0-6c3%204%205%206%205%208a5%205%200%200%201-10%200c0-2%202-4%205-8z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28204%20249%29%20rotate%2821%29%20scale%280.82%29%22%20class=%22a%22%3E%3Cpath%20d=%22M-2-6h4v4h4v4h-4v4h-4v-4h-4v-4h4z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28189%2090%29%20rotate%28339%29%20scale%280.61%29%22%3E%3Crect%20x=%22-7%22%20y=%22-3%22%20width=%2214%22%20height=%226%22%20rx=%223%22/%3E%3Cpath%20d=%22M0-3v6%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2894%2013%29%20rotate%28231%29%20scale%280.83%29%22%3E%3Ccircle%20r=%225%22/%3E%3Cpath%20d=%22M-3.5%200h7%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28245%20346%29%20rotate%2863%29%20scale%280.95%29%22%3E%3Cpath%20d=%22M-5-5l10%2010M5-5l-10%2010%22%20/%3E%3C/g%3E%3Cg%20transform=%22translate%2837%20297%29%20rotate%28358%29%20scale%280.64%29%22%3E%3Cpath%20d=%22M-7%205l10-10M1-7l6%206M-5%201l4%204M-8%206l2%202%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28343%20196%29%20rotate%282%29%20scale%281.03%29%22%3E%3Cpath%20d=%22M-4%206v-8a4%204%200%200%201%208%200v8%22/%3E%3Cpath%20d=%22M-6%206h12%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2822%2016%29%20rotate%28267%29%20scale%281.01%29%22%3E%3Cpath%20d=%22M-6-2a2%202%200%201%201%202-2l8%208a2%202%200%201%201-2%202z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28142%20120%29%20rotate%2894%29%20scale%280.70%29%22%3E%3Cpath%20d=%22M-8%200h4l2-5%203%2010%202-5h5%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28315%20224%29%20rotate%28270%29%20scale%280.62%29%22%3E%3Cpath%20d=%22M-5-5l10%2010M5-5l-10%2010%22%20/%3E%3C/g%3E%3Cg%20transform=%22translate%28260%20287%29%20rotate%2819%29%20scale%281.12%29%22%20class=%22a%22%3E%3Cpath%20d=%22M-4%206v-8a4%204%200%200%201%208%200v8%22/%3E%3Cpath%20d=%22M-6%206h12%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28243%20247%29%20rotate%28284%29%20scale%280.90%29%22%3E%3Cpath%20d=%22M-5-5l10%2010M5-5l-10%2010%22%20/%3E%3C/g%3E%3Cg%20transform=%22translate%28200%20224%29%20rotate%28334%29%20scale%281.13%29%22%20class=%22a%22%3E%3Ccircle%20r=%221.6%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28176%209%29%20rotate%2861%29%20scale%280.65%29%22%3E%3Cpath%20d=%22M0-6c3%204%205%206%205%208a5%205%200%200%201-10%200c0-2%202-4%205-8z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28168%2049%29%20rotate%2857%29%20scale%281.06%29%22%20class=%22a%22%3E%3Cpath%20d=%22M0-6c3%204%205%206%205%208a5%205%200%200%201-10%200c0-2%202-4%205-8z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28315%2077%29%20rotate%28216%29%20scale%280.71%29%22%3E%3Cpath%20d=%22M0%205c-6-4-7-7-5-9%202-2%204-1%205%201%201-2%203-3%205-1%202%202%201%205-5%209z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28344%20330%29%20rotate%28249%29%20scale%281.10%29%22%3E%3Cpath%20d=%22M-6-2a2%202%200%201%201%202-2l8%208a2%202%200%201%201-2%202z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28106%20330%29%20rotate%28170%29%20scale%281.06%29%22%3E%3Cpath%20d=%22M-5-5l10%2010M5-5l-10%2010%22%20/%3E%3C/g%3E%3Cg%20transform=%22translate%28267%20230%29%20rotate%28157%29%20scale%280.98%29%22%3E%3Ccircle%20r=%221.6%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28234%20111%29%20rotate%28284%29%20scale%280.73%29%22%3E%3Cpath%20d=%22M-4%206v-8a4%204%200%200%201%208%200v8%22/%3E%3Cpath%20d=%22M-6%206h12%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28266%20150%29%20rotate%28328%29%20scale%280.94%29%22%20class=%22a%22%3E%3Cpath%20d=%22M-6-2a2%202%200%201%201%202-2l8%208a2%202%200%201%201-2%202z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28150%20188%29%20rotate%28224%29%20scale%280.62%29%22%20class=%22a%22%3E%3Ccircle%20r=%225%22/%3E%3Cpath%20d=%22M-3.5%200h7%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28308%2016%29%20rotate%2810%29%20scale%280.79%29%22%20class=%22a%22%3E%3Ccircle%20r=%225%22/%3E%3Cpath%20d=%22M-3.5%200h7%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28210%208%29%20rotate%2815%29%20scale%280.68%29%22%3E%3Cpath%20d=%22M-2-6h4v4h4v4h-4v4h-4v-4h-4v-4h4z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28290%2087%29%20rotate%28213%29%20scale%281.01%29%22%20class=%22a%22%3E%3Crect%20x=%22-7%22%20y=%22-3%22%20width=%2214%22%20height=%226%22%20rx=%223%22/%3E%3Cpath%20d=%22M0-3v6%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28317%20312%29%20rotate%28192%29%20scale%280.71%29%22%3E%3Cpath%20d=%22M0%205c-6-4-7-7-5-9%202-2%204-1%205%201%201-2%203-3%205-1%202%202%201%205-5%209z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28337%20220%29%20rotate%28329%29%20scale%280.64%29%22%3E%3Cpath%20d=%22M-5-5l10%2010M5-5l-10%2010%22%20/%3E%3C/g%3E%3Cg%20transform=%22translate%28291%20274%29%20rotate%2840%29%20scale%280.66%29%22%20class=%22a%22%3E%3Cpath%20d=%22M-6-2a2%202%200%201%201%202-2l8%208a2%202%200%201%201-2%202z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28118%20132%29%20rotate%28271%29%20scale%281.12%29%22%3E%3Cpath%20d=%22M-2-6h4v4h4v4h-4v4h-4v-4h-4v-4h4z%22/%3E%3C/g%3E%3C/svg%3E"); }
.bg-doodles { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22360%22%20height=%22360%22%20fill=%22none%22%20stroke=%22rgba%28214%2C228%2C240%2C0.085%29%22%20stroke-width=%221.1%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cstyle%3E.a%7Bstroke:rgba%28110%2C190%2C240%2C0.17%29%7D%3C/style%3E%3Cg%20transform=%22translate%28164%20201%29%20rotate%28236%29%20scale%281.10%29%22%3E%3Cpath%20d=%22M-6-6c8%200-4%2012%206%2012%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28326%20168%29%20rotate%28263%29%20scale%281.08%29%22%3E%3Cpath%20d=%22M-5%204l5-9%205%209z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2872%20184%29%20rotate%28203%29%20scale%280.80%29%22%3E%3Cpath%20d=%22M-6%202c0-6%2012-6%2012%200%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28225%20281%29%20rotate%28204%29%20scale%280.72%29%22%3E%3Cpath%20d=%22M0%200m-1%200a1%201%200%201%201%202%200a3%203%200%201%201-6%200a5%205%200%201%201%2010%200%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2840%20112%29%20rotate%2845%29%20scale%280.65%29%22%3E%3Cpath%20d=%22M-6%204l3-8%203%208%203-8%203%208%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2839%20287%29%20rotate%28107%29%20scale%280.92%29%22%3E%3Cpath%20d=%22M-6-6c8%200-4%2012%206%2012%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28247%2022%29%20rotate%2823%29%20scale%280.76%29%22%3E%3Cpath%20d=%22M-6-3l4%203-4%203M1-3l4%203-4%203%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28346%20340%29%20rotate%28128%29%20scale%281.05%29%22%3E%3Ccircle%20r=%224.5%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28233%20220%29%20rotate%28164%29%20scale%280.73%29%22%3E%3Cpath%20d=%22M-7%200h14M0-7v14%22%20/%3E%3C/g%3E%3Cg%20transform=%22translate%2862%2013%29%20rotate%28336%29%20scale%280.77%29%22%3E%3Ccircle%20r=%221.4%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28190%2028%29%20rotate%28309%29%20scale%281.08%29%22%20class=%22a%22%3E%3Ccircle%20r=%224.5%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2873%2091%29%20rotate%28302%29%20scale%281.09%29%22%20class=%22a%22%3E%3Cpath%20d=%22M-6-3l4%203-4%203M1-3l4%203-4%203%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2818%20168%29%20rotate%28229%29%20scale%281.09%29%22%20class=%22a%22%3E%3Ccircle%20r=%221.4%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28160%20298%29%20rotate%28228%29%20scale%281.15%29%22%20class=%22a%22%3E%3Cpath%20d=%22M-6-3l4%203-4%203M1-3l4%203-4%203%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28187%20228%29%20rotate%28234%29%20scale%281.12%29%22%3E%3Cpath%20d=%22M-5%204l5-9%205%209z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28165%20104%29%20rotate%28324%29%20scale%281.00%29%22%3E%3Crect%20x=%22-3.5%22%20y=%22-3.5%22%20width=%227%22%20height=%227%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28297%20251%29%20rotate%28251%29%20scale%280.99%29%22%20class=%22a%22%3E%3Ccircle%20r=%222.6%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28116%2087%29%20rotate%28310%29%20scale%280.83%29%22%20class=%22a%22%3E%3Ccircle%20r=%224.5%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28107%2032%29%20rotate%2865%29%20scale%280.99%29%22%20class=%22a%22%3E%3Cpath%20d=%22M-6%204l3-8%203%208%203-8%203%208%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28272%20146%29%20rotate%2898%29%20scale%280.88%29%22%20class=%22a%22%3E%3Cpath%20d=%22M-5%204l5-9%205%209z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28299%20141%29%20rotate%28186%29%20scale%280.89%29%22%20class=%22a%22%3E%3Cpath%20d=%22M-6%202c0-6%2012-6%2012%200%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28338%20299%29%20rotate%2881%29%20scale%281.09%29%22%20class=%22a%22%3E%3Crect%20x=%22-3.5%22%20y=%22-3.5%22%20width=%227%22%20height=%227%22/%3E%3C/g%3E%3Cg%20transform=%22translate%288%2080%29%20rotate%28354%29%20scale%280.95%29%22%20class=%22a%22%3E%3Cpath%20d=%22M0%200m-1%200a1%201%200%201%201%202%200a3%203%200%201%201-6%200a5%205%200%201%201%2010%200%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28345%20145%29%20rotate%28327%29%20scale%281.10%29%22%20class=%22a%22%3E%3Ccircle%20r=%224.5%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2833%20225%29%20rotate%2890%29%20scale%280.93%29%22%20class=%22a%22%3E%3Cpath%20d=%22M-8%200c2-4%204%204%206%200s4%204%206%200%204%204%204%200%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28276%20101%29%20rotate%28272%29%20scale%280.65%29%22%20class=%22a%22%3E%3Cpath%20d=%22M-7%200h14M0-7v14%22%20/%3E%3C/g%3E%3Cg%20transform=%22translate%28340%20269%29%20rotate%2810%29%20scale%280.70%29%22%3E%3Cpath%20d=%22M-5%204l5-9%205%209z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2843%2029%29%20rotate%28166%29%20scale%281.14%29%22%20class=%22a%22%3E%3Cpath%20d=%22M0%200m-1%200a1%201%200%201%201%202%200a3%203%200%201%201-6%200a5%205%200%201%201%2010%200%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28282%2069%29%20rotate%28180%29%20scale%280.81%29%22%3E%3Cpath%20d=%22M-7%200h14M0-7v14%22%20/%3E%3C/g%3E%3Cg%20transform=%22translate%28200%20162%29%20rotate%28327%29%20scale%280.64%29%22%3E%3Cpath%20d=%22M0%200m-1%200a1%201%200%201%201%202%200a3%203%200%201%201-6%200a5%205%200%201%201%2010%200%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2874%20260%29%20rotate%28186%29%20scale%280.96%29%22%3E%3Ccircle%20r=%221.4%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2848%20153%29%20rotate%28354%29%20scale%281.05%29%22%3E%3Cpath%20d=%22M-6-6c8%200-4%2012%206%2012%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28113%20312%29%20rotate%28281%29%20scale%281.12%29%22%20class=%22a%22%3E%3Cpath%20d=%22M-6-3l4%203-4%203M1-3l4%203-4%203%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2880%20144%29%20rotate%28241%29%20scale%280.66%29%22%3E%3Cpath%20d=%22M0%200m-1%200a1%201%200%201%201%202%200a3%203%200%201%201-6%200a5%205%200%201%201%2010%200%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28302%20229%29%20rotate%28285%29%20scale%281.03%29%22%3E%3Cpath%20d=%22M-6-6c8%200-4%2012%206%2012%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2843%20348%29%20rotate%28307%29%20scale%280.74%29%22%3E%3Cpath%20d=%22M-5%204l5-9%205%209z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2892%20215%29%20rotate%28215%29%20scale%280.87%29%22%20class=%22a%22%3E%3Cpath%20d=%22M-7%200h14M0-7v14%22%20/%3E%3C/g%3E%3Cg%20transform=%22translate%28136%20164%29%20rotate%28317%29%20scale%280.63%29%22%3E%3Cpath%20d=%22M-6-3l4%203-4%203M1-3l4%203-4%203%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28206%20306%29%20rotate%28179%29%20scale%280.68%29%22%20class=%22a%22%3E%3Ccircle%20r=%221.4%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2871%2061%29%20rotate%28308%29%20scale%280.88%29%22%3E%3Ccircle%20r=%222.6%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2894%2073%29%20rotate%28205%29%20scale%280.64%29%22%3E%3Cpath%20d=%22M-8%200c2-4%204%204%206%200s4%204%206%200%204%204%204%200%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28262%20331%29%20rotate%28224%29%20scale%280.92%29%22%3E%3Cpath%20d=%22M-6-6c8%200-4%2012%206%2012%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2876%20335%29%20rotate%28113%29%20scale%280.77%29%22%20class=%22a%22%3E%3Cpath%20d=%22M-8%200c2-4%204%204%206%200s4%204%206%200%204%204%204%200%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28153%2044%29%20rotate%28276%29%20scale%281.01%29%22%3E%3Cpath%20d=%22M-7%200h14M0-7v14%22%20/%3E%3C/g%3E%3Cg%20transform=%22translate%2821%20339%29%20rotate%2862%29%20scale%280.65%29%22%3E%3Ccircle%20r=%224.5%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2896%20291%29%20rotate%28237%29%20scale%280.74%29%22%3E%3Crect%20x=%22-3.5%22%20y=%22-3.5%22%20width=%227%22%20height=%227%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28213%20109%29%20rotate%28148%29%20scale%281.03%29%22%20class=%22a%22%3E%3Cpath%20d=%22M-7%200h14M0-7v14%22%20/%3E%3C/g%3E%3Cg%20transform=%22translate%2832%2087%29%20rotate%28345%29%20scale%280.98%29%22%3E%3Ccircle%20r=%221.4%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28324%2078%29%20rotate%28355%29%20scale%280.87%29%22%3E%3Cpath%20d=%22M0%200m-1%200a1%201%200%201%201%202%200a3%203%200%201%201-6%200a5%205%200%201%201%2010%200%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28205%2053%29%20rotate%28355%29%20scale%281.01%29%22%3E%3Cpath%20d=%22M0%200m-1%200a1%201%200%201%201%202%200a3%203%200%201%201-6%200a5%205%200%201%201%2010%200%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28345%20234%29%20rotate%2851%29%20scale%280.73%29%22%3E%3Cpath%20d=%22M-8%200c2-4%204%204%206%200s4%204%206%200%204%204%204%200%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28174%20259%29%20rotate%28337%29%20scale%280.91%29%22%3E%3Ccircle%20r=%222.6%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28118%20352%29%20rotate%28351%29%20scale%280.97%29%22%3E%3Cpath%20d=%22M-8%200c2-4%204%204%206%200s4%204%206%200%204%204%204%200%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2834%20196%29%20rotate%28199%29%20scale%280.73%29%22%20class=%22a%22%3E%3Cpath%20d=%22M-7%200h14M0-7v14%22%20/%3E%3C/g%3E%3Cg%20transform=%22translate%28262%20250%29%20rotate%2882%29%20scale%280.83%29%22%20class=%22a%22%3E%3Cpath%20d=%22M-5%204l5-9%205%209z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28129%20244%29%20rotate%28220%29%20scale%280.79%29%22%3E%3Crect%20x=%22-3.5%22%20y=%22-3.5%22%20width=%227%22%20height=%227%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28305%20205%29%20rotate%28358%29%20scale%280.69%29%22%3E%3Cpath%20d=%22M-8%200c2-4%204%204%206%200s4%204%206%200%204%204%204%200%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28223%20140%29%20rotate%28311%29%20scale%280.79%29%22%3E%3Cpath%20d=%22M-6-3l4%203-4%203M1-3l4%203-4%203%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28208%20217%29%20rotate%28310%29%20scale%281.11%29%22%20class=%22a%22%3E%3Cpath%20d=%22M-7%200h14M0-7v14%22%20/%3E%3C/g%3E%3Cg%20transform=%22translate%28261%20208%29%20rotate%2878%29%20scale%280.81%29%22%3E%3Cpath%20d=%22M-5%204l5-9%205%209z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28248%20179%29%20rotate%28289%29%20scale%280.74%29%22%3E%3Ccircle%20r=%221.4%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28219%20325%29%20rotate%28168%29%20scale%280.71%29%22%20class=%22a%22%3E%3Ccircle%20r=%224.5%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2896%2012%29%20rotate%28226%29%20scale%280.86%29%22%3E%3Crect%20x=%22-3.5%22%20y=%22-3.5%22%20width=%227%22%20height=%227%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28285%20322%29%20rotate%28138%29%20scale%281.07%29%22%20class=%22a%22%3E%3Cpath%20d=%22M0%200m-1%200a1%201%200%201%201%202%200a3%203%200%201%201-6%200a5%205%200%201%201%2010%200%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28296%20300%29%20rotate%28342%29%20scale%280.63%29%22%20class=%22a%22%3E%3Cpath%20d=%22M-6%204l3-8%203%208%203-8%203%208%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28223%20178%29%20rotate%2894%29%20scale%280.61%29%22%20class=%22a%22%3E%3Cpath%20d=%22M-7%200h14M0-7v14%22%20/%3E%3C/g%3E%3Cg%20transform=%22translate%28308%2022%29%20rotate%2878%29%20scale%280.91%29%22%3E%3Ccircle%20r=%222.6%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2815%2055%29%20rotate%28337%29%20scale%280.80%29%22%20class=%22a%22%3E%3Cpath%20d=%22M-6%204l3-8%203%208%203-8%203%208%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28164%2017%29%20rotate%28302%29%20scale%280.68%29%22%20class=%22a%22%3E%3Ccircle%20r=%221.4%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28243%2077%29%20rotate%28138%29%20scale%280.61%29%22%3E%3Cpath%20d=%22M-6%204l3-8%203%208%203-8%203%208%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28171%2069%29%20rotate%2892%29%20scale%281.07%29%22%3E%3Cpath%20d=%22M-6%204l3-8%203%208%203-8%203%208%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28102%20127%29%20rotate%28219%29%20scale%280.97%29%22%3E%3Cpath%20d=%22M-6-6c8%200-4%2012%206%2012%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28143%20280%29%20rotate%28214%29%20scale%280.62%29%22%20class=%22a%22%3E%3Ccircle%20r=%224.5%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28138%20204%29%20rotate%28172%29%20scale%280.71%29%22%3E%3Cpath%20d=%22M-8%200c2-4%204%204%206%200s4%204%206%200%204%204%204%200%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28310%20282%29%20rotate%2894%29%20scale%280.67%29%22%3E%3Cpath%20d=%22M-6-3l4%203-4%203M1-3l4%203-4%203%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28256%20290%29%20rotate%28317%29%20scale%280.85%29%22%3E%3Cpath%20d=%22M-6-3l4%203-4%203M1-3l4%203-4%203%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28229%20255%29%20rotate%2849%29%20scale%280.89%29%22%3E%3Crect%20x=%22-3.5%22%20y=%22-3.5%22%20width=%227%22%20height=%227%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28193%20280%29%20rotate%28105%29%20scale%281.08%29%22%20class=%22a%22%3E%3Cpath%20d=%22M-6-6c8%200-4%2012%206%2012%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28286%2030%29%20rotate%28305%29%20scale%280.94%29%22%20class=%22a%22%3E%3Ccircle%20r=%221.4%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28335%2038%29%20rotate%28291%29%20scale%280.95%29%22%3E%3Cpath%20d=%22M-6-3l4%203-4%203M1-3l4%203-4%203%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28108%20259%29%20rotate%28331%29%20scale%280.76%29%22%3E%3Cpath%20d=%22M-6-3l4%203-4%203M1-3l4%203-4%203%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28341%20188%29%20rotate%2844%29%20scale%280.91%29%22%3E%3Cpath%20d=%22M-5%204l5-9%205%209z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28205%2077%29%20rotate%2832%29%20scale%280.73%29%22%3E%3Ccircle%20r=%221.4%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28216%2018%29%20rotate%28176%29%20scale%280.67%29%22%3E%3Ccircle%20r=%222.6%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28101%20171%29%20rotate%2880%29%20scale%280.76%29%22%3E%3Ccircle%20r=%221.4%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28244%20119%29%20rotate%28126%29%20scale%280.71%29%22%3E%3Ccircle%20r=%222.6%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2844%20259%29%20rotate%28123%29%20scale%280.73%29%22%20class=%22a%22%3E%3Cpath%20d=%22M-6-3l4%203-4%203M1-3l4%203-4%203%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28303%2088%29%20rotate%2893%29%20scale%281.04%29%22%3E%3Ccircle%20r=%222.6%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28319%20117%29%20rotate%28325%29%20scale%280.77%29%22%3E%3Cpath%20d=%22M-6-6c8%200-4%2012%206%2012%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28313%2054%29%20rotate%28146%29%20scale%280.80%29%22%20class=%22a%22%3E%3Cpath%20d=%22M-6%204l3-8%203%208%203-8%203%208%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28243%20322%29%20rotate%28108%29%20scale%280.81%29%22%3E%3Cpath%20d=%22M-8%200c2-4%204%204%206%200s4%204%206%200%204%204%204%200%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28198%20185%29%20rotate%288%29%20scale%280.78%29%22%20class=%22a%22%3E%3Cpath%20d=%22M-6-3l4%203-4%203M1-3l4%203-4%203%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28297%20349%29%20rotate%28107%29%20scale%280.78%29%22%3E%3Ccircle%20r=%221.4%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28316%20311%29%20rotate%28138%29%20scale%281.09%29%22%3E%3Cpath%20d=%22M-6%202c0-6%2012-6%2012%200%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2812%20130%29%20rotate%28207%29%20scale%281.13%29%22%3E%3Ccircle%20r=%221.4%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28345%2016%29%20rotate%28223%29%20scale%281.02%29%22%3E%3Cpath%20d=%22M-5%204l5-9%205%209z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28134%20106%29%20rotate%2825%29%20scale%280.94%29%22%20class=%22a%22%3E%3Ccircle%20r=%222.6%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28142%20317%29%20rotate%28327%29%20scale%281.08%29%22%3E%3Ccircle%20r=%224.5%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2833%20320%29%20rotate%2898%29%20scale%281.04%29%22%3E%3Cpath%20d=%22M-8%200c2-4%204%204%206%200s4%204%206%200%204%204%204%200%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28343%2092%29%20rotate%2854%29%20scale%280.80%29%22%3E%3Ccircle%20r=%224.5%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28188%20330%29%20rotate%2879%29%20scale%280.75%29%22%20class=%22a%22%3E%3Cpath%20d=%22M-5%204l5-9%205%209z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28160%20238%29%20rotate%28142%29%20scale%280.60%29%22%3E%3Cpath%20d=%22M-6-6c8%200-4%2012%206%2012%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28276%20191%29%20rotate%28276%29%20scale%280.90%29%22%3E%3Cpath%20d=%22M-5%204l5-9%205%209z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28278%20223%29%20rotate%28299%29%20scale%280.94%29%22%3E%3Cpath%20d=%22M-6%204l3-8%203%208%203-8%203%208%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28233%20348%29%20rotate%287%29%20scale%280.75%29%22%20class=%22a%22%3E%3Ccircle%20r=%221.4%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28155%20135%29%20rotate%2856%29%20scale%280.71%29%22%3E%3Cpath%20d=%22M-6-3l4%203-4%203M1-3l4%203-4%203%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2881%20236%29%20rotate%28224%29%20scale%281.05%29%22%20class=%22a%22%3E%3Cpath%20d=%22M-5%204l5-9%205%209z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28324%20331%29%20rotate%28149%29%20scale%281.04%29%22%20class=%22a%22%3E%3Ccircle%20r=%224.5%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28117%20145%29%20rotate%2885%29%20scale%281.01%29%22%3E%3Ccircle%20r=%221.4%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28137%2066%29%20rotate%28330%29%20scale%280.80%29%22%3E%3Cpath%20d=%22M-5%204l5-9%205%209z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28115%20197%29%20rotate%2825%29%20scale%280.67%29%22%20class=%22a%22%3E%3Cpath%20d=%22M-6-3l4%203-4%203M1-3l4%203-4%203%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28289%20173%29%20rotate%28306%29%20scale%281.09%29%22%3E%3Cpath%20d=%22M-6%204l3-8%203%208%203-8%203%208%22/%3E%3C/g%3E%3Cg%20transform=%22translate%288%20291%29%20rotate%2859%29%20scale%281.02%29%22%3E%3Cpath%20d=%22M-6-6c8%200-4%2012%206%2012%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28173%20169%29%20rotate%2891%29%20scale%281.08%29%22%20class=%22a%22%3E%3Ccircle%20r=%222.6%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2862%20294%29%20rotate%2891%29%20scale%281.01%29%22%3E%3Cpath%20d=%22M-6-6c8%200-4%2012%206%2012%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28167%20341%29%20rotate%28118%29%20scale%280.74%29%22%3E%3Cpath%20d=%22M-6%202c0-6%2012-6%2012%200%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28206%20248%29%20rotate%28203%29%20scale%281.07%29%22%20class=%22a%22%3E%3Ccircle%20r=%221.4%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28187%2099%29%20rotate%28254%29%20scale%280.91%29%22%3E%3Cpath%20d=%22M0%200m-1%200a1%201%200%201%201%202%200a3%203%200%201%201-6%200a5%205%200%201%201%2010%200%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28181%20144%29%20rotate%2858%29%20scale%281.01%29%22%20class=%22a%22%3E%3Cpath%20d=%22M-7%200h14M0-7v14%22%20/%3E%3C/g%3E%3Cg%20transform=%22translate%2826%20247%29%20rotate%2883%29%20scale%280.81%29%22%3E%3Cpath%20d=%22M-5%204l5-9%205%209z%22/%3E%3C/g%3E%3C/svg%3E"); }
:root[data-tone="light"] .bg-doodles { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22360%22%20height=%22360%22%20fill=%22none%22%20stroke=%22rgba%2820%2C40%2C60%2C0.085%29%22%20stroke-width=%221.1%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cstyle%3E.a%7Bstroke:rgba%2830%2C110%2C170%2C0.16%29%7D%3C/style%3E%3Cg%20transform=%22translate%28164%20201%29%20rotate%28236%29%20scale%281.10%29%22%3E%3Cpath%20d=%22M-6-6c8%200-4%2012%206%2012%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28326%20168%29%20rotate%28263%29%20scale%281.08%29%22%3E%3Cpath%20d=%22M-5%204l5-9%205%209z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2872%20184%29%20rotate%28203%29%20scale%280.80%29%22%3E%3Cpath%20d=%22M-6%202c0-6%2012-6%2012%200%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28225%20281%29%20rotate%28204%29%20scale%280.72%29%22%3E%3Cpath%20d=%22M0%200m-1%200a1%201%200%201%201%202%200a3%203%200%201%201-6%200a5%205%200%201%201%2010%200%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2840%20112%29%20rotate%2845%29%20scale%280.65%29%22%3E%3Cpath%20d=%22M-6%204l3-8%203%208%203-8%203%208%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2839%20287%29%20rotate%28107%29%20scale%280.92%29%22%3E%3Cpath%20d=%22M-6-6c8%200-4%2012%206%2012%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28247%2022%29%20rotate%2823%29%20scale%280.76%29%22%3E%3Cpath%20d=%22M-6-3l4%203-4%203M1-3l4%203-4%203%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28346%20340%29%20rotate%28128%29%20scale%281.05%29%22%3E%3Ccircle%20r=%224.5%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28233%20220%29%20rotate%28164%29%20scale%280.73%29%22%3E%3Cpath%20d=%22M-7%200h14M0-7v14%22%20/%3E%3C/g%3E%3Cg%20transform=%22translate%2862%2013%29%20rotate%28336%29%20scale%280.77%29%22%3E%3Ccircle%20r=%221.4%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28190%2028%29%20rotate%28309%29%20scale%281.08%29%22%20class=%22a%22%3E%3Ccircle%20r=%224.5%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2873%2091%29%20rotate%28302%29%20scale%281.09%29%22%20class=%22a%22%3E%3Cpath%20d=%22M-6-3l4%203-4%203M1-3l4%203-4%203%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2818%20168%29%20rotate%28229%29%20scale%281.09%29%22%20class=%22a%22%3E%3Ccircle%20r=%221.4%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28160%20298%29%20rotate%28228%29%20scale%281.15%29%22%20class=%22a%22%3E%3Cpath%20d=%22M-6-3l4%203-4%203M1-3l4%203-4%203%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28187%20228%29%20rotate%28234%29%20scale%281.12%29%22%3E%3Cpath%20d=%22M-5%204l5-9%205%209z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28165%20104%29%20rotate%28324%29%20scale%281.00%29%22%3E%3Crect%20x=%22-3.5%22%20y=%22-3.5%22%20width=%227%22%20height=%227%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28297%20251%29%20rotate%28251%29%20scale%280.99%29%22%20class=%22a%22%3E%3Ccircle%20r=%222.6%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28116%2087%29%20rotate%28310%29%20scale%280.83%29%22%20class=%22a%22%3E%3Ccircle%20r=%224.5%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28107%2032%29%20rotate%2865%29%20scale%280.99%29%22%20class=%22a%22%3E%3Cpath%20d=%22M-6%204l3-8%203%208%203-8%203%208%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28272%20146%29%20rotate%2898%29%20scale%280.88%29%22%20class=%22a%22%3E%3Cpath%20d=%22M-5%204l5-9%205%209z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28299%20141%29%20rotate%28186%29%20scale%280.89%29%22%20class=%22a%22%3E%3Cpath%20d=%22M-6%202c0-6%2012-6%2012%200%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28338%20299%29%20rotate%2881%29%20scale%281.09%29%22%20class=%22a%22%3E%3Crect%20x=%22-3.5%22%20y=%22-3.5%22%20width=%227%22%20height=%227%22/%3E%3C/g%3E%3Cg%20transform=%22translate%288%2080%29%20rotate%28354%29%20scale%280.95%29%22%20class=%22a%22%3E%3Cpath%20d=%22M0%200m-1%200a1%201%200%201%201%202%200a3%203%200%201%201-6%200a5%205%200%201%201%2010%200%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28345%20145%29%20rotate%28327%29%20scale%281.10%29%22%20class=%22a%22%3E%3Ccircle%20r=%224.5%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2833%20225%29%20rotate%2890%29%20scale%280.93%29%22%20class=%22a%22%3E%3Cpath%20d=%22M-8%200c2-4%204%204%206%200s4%204%206%200%204%204%204%200%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28276%20101%29%20rotate%28272%29%20scale%280.65%29%22%20class=%22a%22%3E%3Cpath%20d=%22M-7%200h14M0-7v14%22%20/%3E%3C/g%3E%3Cg%20transform=%22translate%28340%20269%29%20rotate%2810%29%20scale%280.70%29%22%3E%3Cpath%20d=%22M-5%204l5-9%205%209z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2843%2029%29%20rotate%28166%29%20scale%281.14%29%22%20class=%22a%22%3E%3Cpath%20d=%22M0%200m-1%200a1%201%200%201%201%202%200a3%203%200%201%201-6%200a5%205%200%201%201%2010%200%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28282%2069%29%20rotate%28180%29%20scale%280.81%29%22%3E%3Cpath%20d=%22M-7%200h14M0-7v14%22%20/%3E%3C/g%3E%3Cg%20transform=%22translate%28200%20162%29%20rotate%28327%29%20scale%280.64%29%22%3E%3Cpath%20d=%22M0%200m-1%200a1%201%200%201%201%202%200a3%203%200%201%201-6%200a5%205%200%201%201%2010%200%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2874%20260%29%20rotate%28186%29%20scale%280.96%29%22%3E%3Ccircle%20r=%221.4%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2848%20153%29%20rotate%28354%29%20scale%281.05%29%22%3E%3Cpath%20d=%22M-6-6c8%200-4%2012%206%2012%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28113%20312%29%20rotate%28281%29%20scale%281.12%29%22%20class=%22a%22%3E%3Cpath%20d=%22M-6-3l4%203-4%203M1-3l4%203-4%203%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2880%20144%29%20rotate%28241%29%20scale%280.66%29%22%3E%3Cpath%20d=%22M0%200m-1%200a1%201%200%201%201%202%200a3%203%200%201%201-6%200a5%205%200%201%201%2010%200%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28302%20229%29%20rotate%28285%29%20scale%281.03%29%22%3E%3Cpath%20d=%22M-6-6c8%200-4%2012%206%2012%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2843%20348%29%20rotate%28307%29%20scale%280.74%29%22%3E%3Cpath%20d=%22M-5%204l5-9%205%209z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2892%20215%29%20rotate%28215%29%20scale%280.87%29%22%20class=%22a%22%3E%3Cpath%20d=%22M-7%200h14M0-7v14%22%20/%3E%3C/g%3E%3Cg%20transform=%22translate%28136%20164%29%20rotate%28317%29%20scale%280.63%29%22%3E%3Cpath%20d=%22M-6-3l4%203-4%203M1-3l4%203-4%203%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28206%20306%29%20rotate%28179%29%20scale%280.68%29%22%20class=%22a%22%3E%3Ccircle%20r=%221.4%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2871%2061%29%20rotate%28308%29%20scale%280.88%29%22%3E%3Ccircle%20r=%222.6%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2894%2073%29%20rotate%28205%29%20scale%280.64%29%22%3E%3Cpath%20d=%22M-8%200c2-4%204%204%206%200s4%204%206%200%204%204%204%200%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28262%20331%29%20rotate%28224%29%20scale%280.92%29%22%3E%3Cpath%20d=%22M-6-6c8%200-4%2012%206%2012%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2876%20335%29%20rotate%28113%29%20scale%280.77%29%22%20class=%22a%22%3E%3Cpath%20d=%22M-8%200c2-4%204%204%206%200s4%204%206%200%204%204%204%200%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28153%2044%29%20rotate%28276%29%20scale%281.01%29%22%3E%3Cpath%20d=%22M-7%200h14M0-7v14%22%20/%3E%3C/g%3E%3Cg%20transform=%22translate%2821%20339%29%20rotate%2862%29%20scale%280.65%29%22%3E%3Ccircle%20r=%224.5%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2896%20291%29%20rotate%28237%29%20scale%280.74%29%22%3E%3Crect%20x=%22-3.5%22%20y=%22-3.5%22%20width=%227%22%20height=%227%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28213%20109%29%20rotate%28148%29%20scale%281.03%29%22%20class=%22a%22%3E%3Cpath%20d=%22M-7%200h14M0-7v14%22%20/%3E%3C/g%3E%3Cg%20transform=%22translate%2832%2087%29%20rotate%28345%29%20scale%280.98%29%22%3E%3Ccircle%20r=%221.4%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28324%2078%29%20rotate%28355%29%20scale%280.87%29%22%3E%3Cpath%20d=%22M0%200m-1%200a1%201%200%201%201%202%200a3%203%200%201%201-6%200a5%205%200%201%201%2010%200%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28205%2053%29%20rotate%28355%29%20scale%281.01%29%22%3E%3Cpath%20d=%22M0%200m-1%200a1%201%200%201%201%202%200a3%203%200%201%201-6%200a5%205%200%201%201%2010%200%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28345%20234%29%20rotate%2851%29%20scale%280.73%29%22%3E%3Cpath%20d=%22M-8%200c2-4%204%204%206%200s4%204%206%200%204%204%204%200%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28174%20259%29%20rotate%28337%29%20scale%280.91%29%22%3E%3Ccircle%20r=%222.6%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28118%20352%29%20rotate%28351%29%20scale%280.97%29%22%3E%3Cpath%20d=%22M-8%200c2-4%204%204%206%200s4%204%206%200%204%204%204%200%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2834%20196%29%20rotate%28199%29%20scale%280.73%29%22%20class=%22a%22%3E%3Cpath%20d=%22M-7%200h14M0-7v14%22%20/%3E%3C/g%3E%3Cg%20transform=%22translate%28262%20250%29%20rotate%2882%29%20scale%280.83%29%22%20class=%22a%22%3E%3Cpath%20d=%22M-5%204l5-9%205%209z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28129%20244%29%20rotate%28220%29%20scale%280.79%29%22%3E%3Crect%20x=%22-3.5%22%20y=%22-3.5%22%20width=%227%22%20height=%227%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28305%20205%29%20rotate%28358%29%20scale%280.69%29%22%3E%3Cpath%20d=%22M-8%200c2-4%204%204%206%200s4%204%206%200%204%204%204%200%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28223%20140%29%20rotate%28311%29%20scale%280.79%29%22%3E%3Cpath%20d=%22M-6-3l4%203-4%203M1-3l4%203-4%203%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28208%20217%29%20rotate%28310%29%20scale%281.11%29%22%20class=%22a%22%3E%3Cpath%20d=%22M-7%200h14M0-7v14%22%20/%3E%3C/g%3E%3Cg%20transform=%22translate%28261%20208%29%20rotate%2878%29%20scale%280.81%29%22%3E%3Cpath%20d=%22M-5%204l5-9%205%209z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28248%20179%29%20rotate%28289%29%20scale%280.74%29%22%3E%3Ccircle%20r=%221.4%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28219%20325%29%20rotate%28168%29%20scale%280.71%29%22%20class=%22a%22%3E%3Ccircle%20r=%224.5%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2896%2012%29%20rotate%28226%29%20scale%280.86%29%22%3E%3Crect%20x=%22-3.5%22%20y=%22-3.5%22%20width=%227%22%20height=%227%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28285%20322%29%20rotate%28138%29%20scale%281.07%29%22%20class=%22a%22%3E%3Cpath%20d=%22M0%200m-1%200a1%201%200%201%201%202%200a3%203%200%201%201-6%200a5%205%200%201%201%2010%200%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28296%20300%29%20rotate%28342%29%20scale%280.63%29%22%20class=%22a%22%3E%3Cpath%20d=%22M-6%204l3-8%203%208%203-8%203%208%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28223%20178%29%20rotate%2894%29%20scale%280.61%29%22%20class=%22a%22%3E%3Cpath%20d=%22M-7%200h14M0-7v14%22%20/%3E%3C/g%3E%3Cg%20transform=%22translate%28308%2022%29%20rotate%2878%29%20scale%280.91%29%22%3E%3Ccircle%20r=%222.6%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2815%2055%29%20rotate%28337%29%20scale%280.80%29%22%20class=%22a%22%3E%3Cpath%20d=%22M-6%204l3-8%203%208%203-8%203%208%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28164%2017%29%20rotate%28302%29%20scale%280.68%29%22%20class=%22a%22%3E%3Ccircle%20r=%221.4%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28243%2077%29%20rotate%28138%29%20scale%280.61%29%22%3E%3Cpath%20d=%22M-6%204l3-8%203%208%203-8%203%208%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28171%2069%29%20rotate%2892%29%20scale%281.07%29%22%3E%3Cpath%20d=%22M-6%204l3-8%203%208%203-8%203%208%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28102%20127%29%20rotate%28219%29%20scale%280.97%29%22%3E%3Cpath%20d=%22M-6-6c8%200-4%2012%206%2012%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28143%20280%29%20rotate%28214%29%20scale%280.62%29%22%20class=%22a%22%3E%3Ccircle%20r=%224.5%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28138%20204%29%20rotate%28172%29%20scale%280.71%29%22%3E%3Cpath%20d=%22M-8%200c2-4%204%204%206%200s4%204%206%200%204%204%204%200%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28310%20282%29%20rotate%2894%29%20scale%280.67%29%22%3E%3Cpath%20d=%22M-6-3l4%203-4%203M1-3l4%203-4%203%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28256%20290%29%20rotate%28317%29%20scale%280.85%29%22%3E%3Cpath%20d=%22M-6-3l4%203-4%203M1-3l4%203-4%203%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28229%20255%29%20rotate%2849%29%20scale%280.89%29%22%3E%3Crect%20x=%22-3.5%22%20y=%22-3.5%22%20width=%227%22%20height=%227%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28193%20280%29%20rotate%28105%29%20scale%281.08%29%22%20class=%22a%22%3E%3Cpath%20d=%22M-6-6c8%200-4%2012%206%2012%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28286%2030%29%20rotate%28305%29%20scale%280.94%29%22%20class=%22a%22%3E%3Ccircle%20r=%221.4%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28335%2038%29%20rotate%28291%29%20scale%280.95%29%22%3E%3Cpath%20d=%22M-6-3l4%203-4%203M1-3l4%203-4%203%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28108%20259%29%20rotate%28331%29%20scale%280.76%29%22%3E%3Cpath%20d=%22M-6-3l4%203-4%203M1-3l4%203-4%203%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28341%20188%29%20rotate%2844%29%20scale%280.91%29%22%3E%3Cpath%20d=%22M-5%204l5-9%205%209z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28205%2077%29%20rotate%2832%29%20scale%280.73%29%22%3E%3Ccircle%20r=%221.4%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28216%2018%29%20rotate%28176%29%20scale%280.67%29%22%3E%3Ccircle%20r=%222.6%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28101%20171%29%20rotate%2880%29%20scale%280.76%29%22%3E%3Ccircle%20r=%221.4%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28244%20119%29%20rotate%28126%29%20scale%280.71%29%22%3E%3Ccircle%20r=%222.6%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2844%20259%29%20rotate%28123%29%20scale%280.73%29%22%20class=%22a%22%3E%3Cpath%20d=%22M-6-3l4%203-4%203M1-3l4%203-4%203%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28303%2088%29%20rotate%2893%29%20scale%281.04%29%22%3E%3Ccircle%20r=%222.6%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28319%20117%29%20rotate%28325%29%20scale%280.77%29%22%3E%3Cpath%20d=%22M-6-6c8%200-4%2012%206%2012%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28313%2054%29%20rotate%28146%29%20scale%280.80%29%22%20class=%22a%22%3E%3Cpath%20d=%22M-6%204l3-8%203%208%203-8%203%208%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28243%20322%29%20rotate%28108%29%20scale%280.81%29%22%3E%3Cpath%20d=%22M-8%200c2-4%204%204%206%200s4%204%206%200%204%204%204%200%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28198%20185%29%20rotate%288%29%20scale%280.78%29%22%20class=%22a%22%3E%3Cpath%20d=%22M-6-3l4%203-4%203M1-3l4%203-4%203%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28297%20349%29%20rotate%28107%29%20scale%280.78%29%22%3E%3Ccircle%20r=%221.4%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28316%20311%29%20rotate%28138%29%20scale%281.09%29%22%3E%3Cpath%20d=%22M-6%202c0-6%2012-6%2012%200%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2812%20130%29%20rotate%28207%29%20scale%281.13%29%22%3E%3Ccircle%20r=%221.4%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28345%2016%29%20rotate%28223%29%20scale%281.02%29%22%3E%3Cpath%20d=%22M-5%204l5-9%205%209z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28134%20106%29%20rotate%2825%29%20scale%280.94%29%22%20class=%22a%22%3E%3Ccircle%20r=%222.6%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28142%20317%29%20rotate%28327%29%20scale%281.08%29%22%3E%3Ccircle%20r=%224.5%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2833%20320%29%20rotate%2898%29%20scale%281.04%29%22%3E%3Cpath%20d=%22M-8%200c2-4%204%204%206%200s4%204%206%200%204%204%204%200%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28343%2092%29%20rotate%2854%29%20scale%280.80%29%22%3E%3Ccircle%20r=%224.5%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28188%20330%29%20rotate%2879%29%20scale%280.75%29%22%20class=%22a%22%3E%3Cpath%20d=%22M-5%204l5-9%205%209z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28160%20238%29%20rotate%28142%29%20scale%280.60%29%22%3E%3Cpath%20d=%22M-6-6c8%200-4%2012%206%2012%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28276%20191%29%20rotate%28276%29%20scale%280.90%29%22%3E%3Cpath%20d=%22M-5%204l5-9%205%209z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28278%20223%29%20rotate%28299%29%20scale%280.94%29%22%3E%3Cpath%20d=%22M-6%204l3-8%203%208%203-8%203%208%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28233%20348%29%20rotate%287%29%20scale%280.75%29%22%20class=%22a%22%3E%3Ccircle%20r=%221.4%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28155%20135%29%20rotate%2856%29%20scale%280.71%29%22%3E%3Cpath%20d=%22M-6-3l4%203-4%203M1-3l4%203-4%203%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2881%20236%29%20rotate%28224%29%20scale%281.05%29%22%20class=%22a%22%3E%3Cpath%20d=%22M-5%204l5-9%205%209z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28324%20331%29%20rotate%28149%29%20scale%281.04%29%22%20class=%22a%22%3E%3Ccircle%20r=%224.5%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28117%20145%29%20rotate%2885%29%20scale%281.01%29%22%3E%3Ccircle%20r=%221.4%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28137%2066%29%20rotate%28330%29%20scale%280.80%29%22%3E%3Cpath%20d=%22M-5%204l5-9%205%209z%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28115%20197%29%20rotate%2825%29%20scale%280.67%29%22%20class=%22a%22%3E%3Cpath%20d=%22M-6-3l4%203-4%203M1-3l4%203-4%203%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28289%20173%29%20rotate%28306%29%20scale%281.09%29%22%3E%3Cpath%20d=%22M-6%204l3-8%203%208%203-8%203%208%22/%3E%3C/g%3E%3Cg%20transform=%22translate%288%20291%29%20rotate%2859%29%20scale%281.02%29%22%3E%3Cpath%20d=%22M-6-6c8%200-4%2012%206%2012%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28173%20169%29%20rotate%2891%29%20scale%281.08%29%22%20class=%22a%22%3E%3Ccircle%20r=%222.6%22/%3E%3C/g%3E%3Cg%20transform=%22translate%2862%20294%29%20rotate%2891%29%20scale%281.01%29%22%3E%3Cpath%20d=%22M-6-6c8%200-4%2012%206%2012%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28167%20341%29%20rotate%28118%29%20scale%280.74%29%22%3E%3Cpath%20d=%22M-6%202c0-6%2012-6%2012%200%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28206%20248%29%20rotate%28203%29%20scale%281.07%29%22%20class=%22a%22%3E%3Ccircle%20r=%221.4%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28187%2099%29%20rotate%28254%29%20scale%280.91%29%22%3E%3Cpath%20d=%22M0%200m-1%200a1%201%200%201%201%202%200a3%203%200%201%201-6%200a5%205%200%201%201%2010%200%22/%3E%3C/g%3E%3Cg%20transform=%22translate%28181%20144%29%20rotate%2858%29%20scale%281.01%29%22%20class=%22a%22%3E%3Cpath%20d=%22M-7%200h14M0-7v14%22%20/%3E%3C/g%3E%3Cg%20transform=%22translate%2826%20247%29%20rotate%2883%29%20scale%280.81%29%22%3E%3Cpath%20d=%22M-5%204l5-9%205%209z%22/%3E%3C/g%3E%3C/svg%3E"); }

/* фон «Севастополь сейчас»: подпись в углу переписки, превью в настройках */
#chat { position: relative; }
.sky-badge { position: absolute; right: 18px; top: 70px; z-index: 2; font-size: 11px;
             color: var(--muted); background: color-mix(in srgb, var(--panel) 70%, transparent); padding: 2px 8px;
             border-radius: 10px; pointer-events: none; }
.bgprev.bg-sevastopol { background: linear-gradient(rgba(110,180,240,.35), rgba(245,120,80,.25)); }

/* психоделическая мягкая: те же шутки, муха и паук, но приглушённые цвета и медленные переливы */
:root[data-theme="psy"][data-psysoft] {
  --bg: #1d1b2c; --panel: #25233a; --text: #ebe7f3; --muted: #a9a2c2; --line: #3a3652;
  --accent: #c39bd3; --accent-text: #1d1b2c; --error: #e08a96; --film: #151422; --mine: #302c4b;
  --ok: #92cf9f; --warn: #d8c07e; --week: #8fc3cf;
}
:root[data-theme="psy"][data-psysoft] #appView { background: linear-gradient(160deg, #1d1b2c, #24203a, #1e2534, #1d1b2c);
  background-size: 300% 300%; animation: psy-flow 120s ease-in-out infinite; }
:root[data-theme="psy"][data-psysoft] #sidebar, :root[data-theme="psy"][data-psysoft] #composer { background: rgba(37, 35, 58, .92); }
:root[data-theme="psy"][data-psysoft] .brand { background: linear-gradient(90deg, #c39bd3, #8fc3cf, #d8c07e, #c39bd3);
  background-size: 200% auto; -webkit-background-clip: text; background-clip: text; animation: psy-flow 30s linear infinite; }
:root[data-theme="psy"][data-psysoft] button:not(.link):not(.ghost):not(.chip):not(.sec-head):not(.conv-del):not(.my-status) { box-shadow: none; }
:root[data-theme="psy"][data-psysoft] .quote { animation: none; color: #cdb9e3; }
:root[data-theme="psy"][data-psysoft] .msg.ai.psy .bubble { border-color: #8a6fa0; background: rgba(195,155,211,.07); }

/* галочки «отправлено / прочитано» */
.msg .ticks { display: inline-flex; color: var(--muted); margin-left: 2px; }
.msg .ticks svg { width: 15px; height: 10px; }
.msg .ticks.read { color: var(--accent); }
.msg .ticks.read svg { width: 19px; }

/* выбор томографа для кнопки «Отправить» */
.gantry-seg button { padding: 4px 8px; }
.gantry-prev { display: inline-block; width: 92px; height: 38px; }
.gantry-prev svg { width: 100%; height: 100%; }

.reader-view img { max-width: 100%; height: auto; border-radius: 6px; margin: 6px 0; }
.reader-view { max-width: none; line-height: 1.55; }   /* на всю ширину окна */
#lessonList .item { align-items: flex-start; flex-wrap: nowrap; } #lessonList .item > .main { flex: 1; min-width: 0; }
#lessonList .item > .row { flex-direction: column; align-items: stretch; gap: 4px; flex: none; }   /* кнопки — столбиком справа */
strong.ask { color: var(--error); background: rgba(217, 83, 79, .12); border-radius: 4px; padding: 0 3px; }   /* «[уточнить]» */
.site-addr { font-size: 1rem; margin: 4px 0 10px; }

.msg .bubble { position: relative; }
.msg .bubble:has(> .react-badge) { padding-bottom: 34px; }   /* реакция не наезжает на текст (Саша, 12.10.2026) */
.react-badge { position: absolute; right: 14px; bottom: 8px; font-size: 18px; background: var(--panel); border: 1px solid var(--line);
               border-radius: 12px; padding: 0 5px; line-height: 1.4; }
.react-pop { position: fixed; z-index: 50; display: flex; gap: 2px; padding: 6px 8px; border-radius: 28px;
             background: color-mix(in srgb, var(--panel) 88%, transparent); backdrop-filter: blur(8px);
             box-shadow: 0 8px 28px rgba(0,0,0,.35), 0 0 0 1px var(--line); animation: pop-in .18s ease-out; }
.react-pop .react { display: flex; flex-direction: column; align-items: center; gap: 2px; background: none; border: 0; padding: 4px 6px;
                    border-radius: 14px; cursor: pointer; transition: transform .14s ease, background .14s; animation: pop-in .25s ease-out backwards; }
.react-pop .react .em { font-size: 26px; line-height: 1; width: 40px; height: 40px; display: grid; place-items: center; border-radius: 50%;
                        transition: transform .18s cubic-bezier(.3, 1.5, .5, 1), background .18s; }   /* без обводки — мягче (14.10) */
.emo { width: 1.15em; height: 1.15em; vertical-align: -0.2em; filter: drop-shadow(0 1px 1.5px rgba(0,0,0,.18)); user-select: none; }
.react-pop .react .em .emo { width: 32px; height: 32px; }
.react-pop .react .lbl { font-size: 10.5px; color: var(--muted); white-space: nowrap; }
.react-pop .react:hover, .react-pop .react:focus-visible { transform: translateY(-3px); }
.react-pop .react:hover .em { background: color-mix(in srgb, var(--accent) 12%, transparent); transform: scale(1.18); }
.react-pop .react.sel .em { background: color-mix(in srgb, var(--accent) 20%, transparent); }
@keyframes pop-in { from { transform: scale(.4); opacity: 0; } to { transform: none; opacity: 1; } }
.react-badge { font-size: 17px; padding: 2px 8px; border-radius: 16px; box-shadow: 0 2px 10px rgba(0,0,0,.12); border-color: transparent; }
.react-badge.pop { animation: badge-pop .45s cubic-bezier(.3, 1.6, .5, 1); }
@keyframes badge-pop { from { transform: scale(0); } to { transform: none; } }
#finishBtn { margin-left: 10px; vertical-align: middle; }
.head-title h1 { display: inline-block; max-width: 100%; vertical-align: middle; }
/* место под отметку рабочего дня — только когда она видна; иначе заголовок «Новый конс…» обрезался (10.10.2026) */
.head-title:has(#workdayChip:not([hidden])) h1 { max-width: calc(100% - 170px); }
@media (max-width: 800px) { .head-title h1 { white-space: normal; overflow: visible; } }
.joy { position: absolute; right: 16px; top: -6px; font-size: 26px; pointer-events: none; animation: joy-up 1.8s ease-out forwards; }
@keyframes joy-up { 0% { transform: translateY(10px) scale(.6); opacity: 0; } 15% { transform: none; opacity: 1; }
                    70% { opacity: 1; } 100% { transform: translateY(-40px) scale(1.2); opacity: 0; } }

.claude-banner { display: block; width: 100%; text-align: left; border: 0; padding: 10px 16px; cursor: pointer; font-size: 15px;
                 background: #d9534f; color: #fff; animation: banner-pulse 2s ease-in-out infinite; }
.claude-banner[hidden] { display: none; }
.claude-banner .muted { color: rgba(255,255,255,.8); }
@keyframes banner-pulse { 0%, 100% { filter: brightness(1); } 50% { filter: brightness(1.15); } }
.conv.unread .t { font-weight: 700; } .conv.unread .t::before { content: "● "; color: #d9534f; }
strong.ask[data-ask] { cursor: pointer; } strong.ask[data-ask]:hover { outline: 1px dashed currentColor; }
.ask-input { font: inherit; padding: 0 4px; width: auto; min-width: 8ch; border: 1px solid var(--accent); border-radius: 4px; }
.reply-quote { display: flex; gap: 8px; align-items: baseline; margin: 2px 0 6px; padding: 4px 8px; border-left: 3px solid var(--accent);
               background: var(--mine); border-radius: 4px; font-size: .875rem; color: var(--muted); }
.reply-quote[hidden] { display: none; } .reply-quote span { flex: 1; min-width: 0; }
.react-pop .reply-btn { font-size: 13px; margin-left: 6px; align-self: center; border-radius: 14px; }
.proto-rule { margin: 6px 0 10px; } .proto-rule textarea { margin: 4px 0; }
.workday-chip { display: inline-flex; gap: 4px; align-items: center; margin-left: 10px; padding: 1px 8px; border-radius: 12px;
                font-size: 12px; background: var(--mine); border: 1px solid var(--accent); vertical-align: middle; }
.workday-chip[hidden] { display: none; }
.hint-group { margin: 14px 0 4px; font-size: .9rem; color: var(--muted); text-transform: uppercase; letter-spacing: .03em; }
.hint { border-bottom: 1px solid var(--line); } .hint summary { padding: 8px 2px; cursor: pointer; font-weight: 600; }
.hint-body { padding: 0 2px 10px; line-height: 1.5; white-space: pre-line; } .hint-body button { margin-top: 6px; }
.link-pop { gap: 6px; padding: 6px; } .link-pop button { font-size: 13px; border-radius: 14px; }
.lib-reader { position: fixed; inset: 0; z-index: 60; background: rgba(0,0,0,.72); overflow-y: auto; cursor: zoom-out; }
.lib-page-col { width: min(980px, 100%); margin: 0 auto; background: var(--panel); min-height: 100%; cursor: auto; }
.lib-top { position: sticky; top: 0; display: flex; gap: 12px; align-items: center; padding: 10px 16px; background: var(--panel);
           border-bottom: 1px solid var(--line); z-index: 1; }
.lib-pages { padding: 12px; } .lib-pages img { display: block; width: 100%; height: auto; margin: 0 0 12px; border-radius: 4px;
             box-shadow: 0 2px 10px rgba(0,0,0,.25); background: #fff; }
.cal-side #calDay:not([hidden]) + #calPaint { margin-top: 10px; }
.hint-head { margin: 18px 0 2px; font-size: 1.05rem; } .hint-head + p { margin: 0 0 4px; }
.cal-swatch i { display: grid; place-items: center; } .cal-swatch i svg { width: 18px; height: 18px; color: #fff; }
.cal-cell .evx { font-size: 11px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--accent); }
.cal-cell.painted .evx { color: #fff; }
.cal-events a { display: block; margin: 2px 0; }
.free-two { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 8px; }
@media (max-width: 800px) { .free-two { grid-template-columns: 1fr; } }
.free-out { margin-top: 10px; line-height: 1.6; } .free-out del { background: rgba(217,83,79,.25); text-decoration: line-through; }
.free-out ins { background: rgba(92,184,92,.3); text-decoration: none; } .free-out mark { background: rgba(92,184,92,.35); color: inherit; }

/* «Моя учёба» */
.study-group { font-size: .875rem; color: var(--muted, #8a94a0); margin: 14px 0 2px; font-weight: 600; }
.study-unread .main { font-weight: 600; }
.study-row .main { cursor: pointer; }
.study-time { font-size: .8125rem; font-weight: 500; color: var(--accent); white-space: nowrap; }
p.study-time { margin: -4px 0 2px; }
.study-tags { display: flex; flex-wrap: wrap; gap: 4px; margin: 3px 0; }
.study-tag { font-size: .75rem; padding: 1px 8px; border-radius: 10px; border: 1px solid var(--line); color: var(--muted, #8a94a0); }
button.study-picked { background: color-mix(in srgb, var(--accent, #5b8fb9) 25%, transparent); }
button.study-accepted, button.study-accepted:disabled { background: var(--ok); border-color: var(--ok); color: var(--accent-text); opacity: 1; }
.study-accepted-note { border-left: 3px solid var(--ok); padding: 6px 10px; margin: 8px 0; }
.study-group.study-open { cursor: pointer; }
.study-group.study-open:hover { color: var(--text, inherit); }
.study-qa-item { margin: 10px 0; padding: 8px 12px; border-left: 3px solid var(--line, #ccd3da); }
.dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--accent); margin-right: 6px; vertical-align: middle; }
.study-body { line-height: 1.55; max-width: 820px; }
.study-fig { margin: 16px 0; }
.study-fig img { display: block; max-width: 100%; max-height: 70vh; border-radius: 6px; background: #fff; cursor: zoom-in; }
.study-fig figcaption { margin-top: 6px; font-size: .88rem; color: var(--muted); line-height: 1.4; }
.study-fig figcaption .src a { color: inherit; }
.study-q { margin: 10px 0; }
.study-why.ok { color: var(--ok, #5b9a6f); }
.study-why.bad { color: var(--error); }
.study-actions { gap: 6px; flex-wrap: wrap; margin-top: 14px; }
#studyReader h2 { margin: 10px 0 4px; }
.hint-sec > summary { cursor: pointer; list-style: none; display: flex; align-items: center; gap: 6px; }
.hint-sec > summary::-webkit-details-marker { display: none; }
.hint-sec > summary::before { content: "▸"; color: var(--muted); font-size: .9rem; margin-top: 16px; }
.hint-sec[open] > summary::before { content: "▾"; }
.hint-sec > summary .hint-head { display: inline; }

/* телефон: панели справа и список слева выезжают и уезжают плавно (10.10); закрытие — «призраком» из app.js */
@keyframes panel-in { from { transform: translateX(100%); } to { transform: none; } }
@keyframes panel-out { from { transform: none; } to { transform: translateX(100%); } }
@keyframes side-in { from { transform: translateX(-100%); } to { transform: none; } }
@keyframes side-out { from { transform: none; } to { transform: translateX(-100%); } }
@keyframes fade-in { from { opacity: 0; } to { opacity: 1; } }
@keyframes fade-out { from { opacity: 1; } to { opacity: 0; } }
@media (max-width: 800px) and (prefers-reduced-motion: no-preference) {
  .panel:not([hidden]) { animation: panel-in .32s cubic-bezier(.22, .9, .3, 1); }
  body.list-open #sidebar { animation: side-in .3s cubic-bezier(.22, .9, .3, 1); }
  #backdrop:not([hidden]), body.list-open #backdrop { animation: fade-in .28s ease-out; }
  .ghost-out { display: block !important; pointer-events: none; }
  .panel.ghost-out { animation: panel-out .26s cubic-bezier(.5, 0, .75, .4) forwards; }
  #sidebar.ghost-out { animation: side-out .24s cubic-bezier(.5, 0, .75, .4) forwards; }
  #backdrop.ghost-out { animation: fade-out .26s ease-in forwards; }
  button { transition: background-color .15s, border-color .15s, color .15s, transform .12s; }
  button:active:not(:disabled) { transform: scale(.97); }
}
/* «Моя учёба» и библиотека (10.10.2026): ссылки на разбор по теме, литература свёрнута */
.study-lib, .lib-lessons { margin: 18px 0 8px; display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.study-lib h3, .lib-lessons h3 { width: 100%; margin: 0 0 4px; font-size: 1rem; }
.lib-lessons { padding: 12px 0 24px; justify-content: center; }
.study-lit { margin: 10px 0 14px; border-top: 1px solid var(--line, rgba(127,127,127,.3)); padding-top: 8px; }
.study-lit summary { cursor: pointer; font-weight: 600; padding: 4px 0; }
.study-lit .study-body { font-size: .92em; }
.lib-lesson-row { margin-top: 4px; gap: 6px; flex-wrap: wrap; }
.study-cycle { margin: 6px 0 10px; }
.study-cycle summary { cursor: pointer; font-weight: 600; }
.study-cycle ol { margin: 6px 0 4px 20px; padding: 0; }
.study-cycle li.done { opacity: .7; }
/* папки «Моей учёбы» — столбцом, поиск по урокам (Саша, 10.10.2026) */
.study-folders { flex-direction: column; align-items: stretch; max-width: 520px; }
.study-folders .chip { text-align: left; border-radius: 10px; padding: 8px 12px; }
.study-search { margin: 8px 0 4px; max-width: 520px; }
.study-search input { width: 100%; }

/* «Пополнить себе» и «Забрать 10%» — в ряд, на телефоне переносятся */
.take-btns, #takeBtns { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
.take-row { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }

/* картинка в ответе помощника — компактнее, крупно по нажатию */
.msg .study-fig img { max-height: 420px; }

/* уведомления, выключенные в настройках (11.10.2026), не показываются */
body.mute-dm #dmBadge, body.mute-dm .envelope, body.mute-study #studyBadge,
body.mute-claude #claudeBanner, body.mute-delete #deleteBanner { display: none !important; }
#settingsPanel .libcheck:has([data-notify]) { display: flex; margin: 6px 0; color: var(--text); }

/* телефон, идёт разбор: шапка плавно сворачивается в одну строку под шапкой сайта (11.10.2026); на компьютере — как было */
.head-chip { display: none; }
@media (max-width: 800px) {
  .chat-head { transition: row-gap .3s ease, padding .3s ease; }
  .chat-head .quote, .chat-head .model-pick { max-height: 260px; overflow: hidden; transition: max-height .35s ease, opacity .25s ease; }
  .chat-head.mini { grid-template-columns: auto minmax(0, 1fr) auto; row-gap: 0; padding-top: 6px; padding-bottom: 6px; }
  .chat-head.mini .quote, .chat-head.mini:not(.open) .model-pick { max-height: 0; opacity: 0; pointer-events: none; }
  .chat-head.mini.open .model-pick { margin-top: 8px; }
  .chat-head.mini .head-title h1 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 1rem; max-width: 100%; }
  .chat-head.mini #headSub, .chat-head.mini .workday-chip { display: none; }
  .chat-head.mini .head-chip { display: block; grid-column: 3; grid-row: 2; max-width: 42vw; white-space: nowrap; overflow: hidden;
    text-overflow: ellipsis; font-size: .78rem; padding: 3px 8px; border-radius: 12px; border: 1px solid var(--line);
    background: transparent; color: var(--muted); cursor: pointer; }
}

/* режим сбора (12.10.2026): чеклист над полем ввода и «Начать разбор» */
.collect-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-bottom: 6px; font-size: 13px; }
.collect-bar[hidden] { display: none; }
.collect-title { color: var(--muted); }
.collect-item { border: 1px solid var(--line); border-radius: 999px; padding: 2px 10px; color: var(--muted);
  background: transparent; font: inherit; cursor: default; }
button.collect-item { cursor: pointer; }
.collect-item.done { border-color: var(--accent); color: var(--text); }
.collect-item.done::before { content: "✓ "; color: var(--accent); }
/* пока идёт сбор: «Добавить» (человечек) и «Начать разбор» (томограф) — две кнопки рядом (12.10.2026) */
#startBtn { display: inline-flex; align-items: center; gap: 8px; }
#startBtn[hidden] { display: none; }
.start-icon { display: none; width: 27px; height: 27px; }
.start-icon svg { width: 100%; height: 100%; }
body.riders .start-icon { display: inline-block; }
@media (max-width: 800px) {
  #composer.collecting #sendBtn, #composer.collecting #startBtn { flex: 1 1 0; justify-content: center; }
  #composer.collecting #sendBtn, #composer.collecting #startBtn { white-space: nowrap; gap: 6px; padding-left: 10px; padding-right: 10px; }
}
.collect-note { color: var(--muted); font-size: 13px; text-align: center; margin: 6px 0 2px; }

/* телефон: компьютер просит начать запись, а браузер требует нажатия (12.10.2026) */
.tap-prompt { position: fixed; left: 16px; right: 16px; bottom: 30%; z-index: 1000; padding: 28px 18px; font-size: 1.15rem;
  font-weight: 600; border-radius: 16px; background: var(--error); border-color: var(--error); color: #fff;
  box-shadow: 0 8px 30px rgba(0, 0, 0, .35); }

/* компьютер: пролистал разбор вниз — цитата и пояснение к модели прячутся (Саша, 12.10.2026) */
@media (min-width: 801px) {
  .chat-head .quote, .chat-head #modelNote { max-height: 120px; overflow: hidden; transition: max-height .35s ease, opacity .25s ease; }
  .chat-head.mini .quote, .chat-head.mini #modelNote { max-height: 0; opacity: 0; pointer-events: none; }
}

/* статья: верхняя строка прилипает и при листании становится тоньше (Саша, 12.10.2026) */
.reader-top { position: sticky; top: -16px; z-index: 2; background: var(--bg); margin: -16px -16px 0; padding: 16px 16px 2px; }
.reader-top .panel-head h1 { transition: font-size .2s ease; }
.reader-top.slim { border-bottom: 1px solid var(--line); padding-top: 22px; padding-bottom: 6px; }
.reader-top.slim .panel-head { margin-bottom: 0; }
.reader-top.slim .panel-head h1 { font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.reader-top.slim .panel-head .small { padding: 3px 10px; font-size: 12px; }
.reader-top.slim .panel-head .link { font-size: 13px; white-space: nowrap; }
.reader-top.slim #readerUrl { display: none; }
@media (min-width: 801px) { .reader-top { margin: -16px -24px 0; padding-left: 24px; padding-right: 24px; } }

/* «[уточнить]» с вариантами (Саша, 12.10.2026) */
.ask-opts { display: inline-flex; flex-wrap: wrap; gap: 4px; margin-left: 6px; vertical-align: middle; }
.ask-opt { font: inherit; font-size: 13px; font-weight: 500; padding: 1px 10px; border-radius: 999px; border: 1px solid var(--accent); white-space: normal; text-align: left; max-width: 100%;
  background: var(--bg); color: var(--text); cursor: pointer; }
.ask-opt:hover { background: var(--accent); color: #fff; }

/* ответ на вопрос помощника прямо под ним (Саша, 12.10.2026) */
.ask-ans-btn { font-size: 12px; margin-left: 6px; opacity: .8; }
.ask-ans { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 4px; margin-left: 6px; vertical-align: middle; }
.ask-ans .ask-input { min-width: 16ch; }
.ask-done { color: var(--accent); font-weight: 600; font-size: 13px; }
.ask-pick { cursor: pointer; color: var(--accent); border-bottom: 1px dashed var(--accent); }
.ask-pick:hover, .ask-pick.picked { background: var(--accent); color: #fff; border-radius: 4px; padding: 0 3px; }
#settingsPanel .idle-row { display: flex; margin: 12px 0 6px; color: var(--text); }

/* платформы вебинаров в календаре (16.10.2026) */
.cal-plat { display: flex; align-items: center; gap: 4px; margin: 3px 0; font-size: .9rem; }
.cal-plat.off > span, .cal-plat.off > a { opacity: .5; text-decoration: line-through; }

/* поле ввода растянуто вверх: кнопки остаются, но узкой строкой (Саша, 16.10.2026) */
#composer.tall textarea { margin-bottom: 4px; }
#composer.tall .row button { padding: 2px 8px; font-size: .8rem; }
#composer.tall .icon-btn svg { width: 20px; height: 20px; }
#composer.tall .send-scene { width: 44px; height: 18px; }
#composer.tall .start-icon { width: 18px; height: 18px; }
/* телефон: «Отправлено в Термиус…» и другие сообщения — отдельной строкой над кнопками, а не столбиком (Саша, 17.10.2026) */
@media (max-width: 800px) {
  #composer #status:not(:empty) { flex: 1 0 100%; order: -1; }
}
/* просмотр снимков: листать стрелками (19.10.2026) */
.vw-nav { position: absolute; top: 50%; transform: translateY(-50%); width: 52px; height: 72px; padding: 0; border: none;
  border-radius: 10px; background: rgba(0,0,0,.45); color: #fff; font-size: 44px; line-height: 1; cursor: pointer; }
.vw-nav:hover { background: rgba(0,0,0,.7); }
.vw-prev { left: 12px; } .vw-next { right: 12px; }
.vw-count { position: absolute; bottom: 14px; left: 50%; transform: translateX(-50%); color: #fff; font-size: 14px;
  background: rgba(0,0,0,.5); padding: 3px 10px; border-radius: 10px; }
.viewer img { touch-action: pan-y; user-select: none; -webkit-user-drag: none; }
/* список сокращений в начале ответа — мелко (Саша, 19.10.2026) */
.bubble p.abbr { font-size: .8em; line-height: 1.4; color: var(--muted); }
#protoPickBar { margin-bottom: 6px; } .proto-pick-all { padding: 6px 0 2px; cursor: pointer; } .proto-item .proto-pick { margin: 0; }

/* 29.10.2026: время у сообщений чата и «Редактировать» до начала разбора */
.msg .who .msg-time { font-weight: normal; opacity: .7; }
.msg .edit-box { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; max-width: 100%; }
.msg .edit-box textarea { flex: 1 1 100%; min-width: 260px; font: inherit; padding: 8px 10px; border-radius: 10px; border: 1px solid var(--line, #c9d0d6); }
/* «Мои дела» (30.10.2026): новое от Claude — красная точка в левом меню вместо баннера */
.todo-dot { margin-left: auto; width: 9px; height: 9px; border-radius: 50%; background: #d9534f; flex: none; }
.todo-dot[hidden] { display: none; }

/* файл-вложение от Claude: zip, документы (02.11.2026) */
.msg-files { display: flex; flex-direction: column; gap: 6px; margin-top: 8px; }
.msg-file { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border: 1px solid var(--line, #cfd8d3); border-radius: 8px;
  text-decoration: none; color: inherit; background: rgba(0,0,0,.03); }
.msg-file .ico { font-size: 20px; line-height: 1; }
.msg-file .nm { flex: 1; min-width: 0; overflow-wrap: anywhere; font-weight: 600; }
.msg-file .sz { white-space: nowrap; color: var(--muted, #6b7a73); font-size: 13px; }