/* Оболочка «Тишина»: спокойная, воздушная, мягкие формы, плавающие цветные пятна на фоне */
body.bz-skin-calm {
  --bz-bg: #F5F6F9; --bz-panel: #FFFFFF; --bz-soft: #EEF1F7; --bz-line: #D9DEE8;
  --bz-ink: #22252E; --bz-text: #33384A; --bz-mute: #5E6474;
  --bz-acc: #3D5FD8; --bz-on-acc: #FFFFFF; --bz-acc-soft: #E8EDFC; --bz-acc-ink: #3150C4;
  --bz-ok: #1F8A5B; --bz-ok-bg: #E4F4EC; --bz-ok-ink: #17704A;
  --bz-warn: #E0A040; --bz-warn-bg: #FBF1DF; --bz-warn-ink: #7A4E0A;
  --bz-bad: #D06A80; --bz-bad-bg: #FBE9ED; --bz-bad-ink: #A6364F;
  --bz-none: #EEF1F7; --bz-none-ink: #5E6474;
  --bz-radius: 28px; --bz-radius-sm: 16px;
  --bz-font: Commissioner, system-ui, sans-serif; --bz-font-d: Commissioner, system-ui, sans-serif;
  --bz-shadow: 0 18px 50px rgba(40, 50, 80, .08);
  --bz-max: 1120px; --bz-gap: 26px;
  --bz-blob1: rgba(130, 160, 255, .35); --bz-blob2: rgba(255, 170, 190, .35);
}
html[data-theme="dark"] body.bz-skin-calm {
  --bz-bg: #111318; --bz-panel: #1A1D24; --bz-soft: #232731; --bz-line: #2F3440;
  --bz-ink: #E8E9EE; --bz-text: #D3D5DD; --bz-mute: #9AA0AF;
  --bz-acc: #8EA6FF; --bz-on-acc: #0F1320; --bz-acc-soft: #252C45; --bz-acc-ink: #A9BBFF;
  --bz-ok: #6EDBA6; --bz-ok-bg: #1C3329; --bz-ok-ink: #8AE6B9;
  --bz-warn: #E8B566; --bz-warn-bg: #30291C; --bz-warn-ink: #F0C887;
  --bz-bad: #E08A9B; --bz-bad-bg: #3A2229; --bz-bad-ink: #F0A9B7;
  --bz-none: #232731; --bz-none-ink: #9AA0AF;
  --bz-shadow: 0 18px 50px rgba(0, 0, 0, .35);
  --bz-blob1: rgba(90, 110, 220, .26); --bz-blob2: rgba(200, 90, 130, .2);
  color-scheme: dark;
}

/* плавающие пятна */
body.bz-skin-calm .bz-shell { position: relative; isolation: isolate; }
body.bz-skin-calm .bz-shell::before, body.bz-skin-calm .bz-shell::after {
  content: ""; position: fixed; z-index: -1; pointer-events: none; filter: blur(60px);
  animation: bzCalmMorph 16s ease-in-out infinite;
}
body.bz-skin-calm .bz-shell::before { width: 440px; height: 440px; left: -140px; top: 120px; background: var(--bz-blob1); }
body.bz-skin-calm .bz-shell::after { width: 380px; height: 380px; right: -100px; top: 55vh; background: var(--bz-blob2); animation-delay: -7s; }
@keyframes bzCalmMorph {
  0%, 100% { border-radius: 42% 58% 63% 37% / 45% 41% 59% 55%; transform: translate(0, 0) rotate(0); }
  50% { border-radius: 62% 38% 35% 65% / 58% 62% 38% 42%; transform: translate(30px, -24px) rotate(25deg); }
}

/* шапка: прозрачная и тихая */
.bz-skin-calm .bz-top { background: transparent; border-bottom: 0; }
.bz-skin-calm .bz-top-in { min-height: 76px; }
.bz-skin-calm .bz-brand { font-weight: 600; font-size: 20px; letter-spacing: .01em; }
.bz-skin-calm .bz-brand-dot { color: var(--bz-acc); }
.bz-skin-calm .bz-menu-body { justify-content: flex-end; gap: 22px; }
.bz-skin-calm .bz-nav { gap: 2px 6px; }
.bz-skin-calm .bz-nav-a { background: transparent !important; font-weight: 500; padding: 0 10px; }
.bz-skin-calm .bz-nav-a .bz-ic { display: none; }
.bz-skin-calm .bz-nav-a.is-on { color: var(--bz-ink) !important; }
.bz-skin-calm .bz-nav-a.is-on::after { content: ""; position: absolute; left: 10px; right: 10px; bottom: 6px; height: 2px; border-radius: 2px; background: var(--bz-acc); }
.bz-skin-calm .bz-badge { background: var(--bz-acc-soft); color: var(--bz-acc-ink); }
.bz-skin-calm .bz-theme-toggle { border: 0; background: var(--bz-panel); box-shadow: 0 2px 12px rgba(40, 50, 80, .1); font-weight: 500; }
.bz-skin-calm .bz-top-out { font-weight: 500; }
.bz-skin-calm .bz-foot { border-top: 0; }

/* типографика */
.bz-skin-calm .bz-h1 { font-weight: 400; font-size: clamp(28px, 3.6vw, 40px); letter-spacing: -.015em; }
.bz-skin-calm .bz-h2, .bz-skin-calm .bz-h3 { font-weight: 500; }
.bz-skin-calm .bz-hero-title { font-weight: 300; font-size: clamp(34px, 5vw, 56px); }
.bz-skin-calm .bz-hero-title .bz-accent { font-weight: 500; }
.bz-skin-calm .bz-eyebrow { letter-spacing: .04em; }
.bz-skin-calm .bz-quick-v, .bz-skin-calm .bz-kpi-v, .bz-skin-calm .bz-pred-v, .bz-skin-calm .bz-tile-v, .bz-skin-calm .bz-hw-score b, .bz-skin-calm .bz-bk-date { font-weight: 500; }

/* карточки без рамок, мягкие тени */
.bz-skin-calm .bz-card, .bz-skin-calm .bz-tutor-full, .bz-skin-calm .bz-tutor-line { border: 0; box-shadow: var(--bz-shadow); }
.bz-skin-calm .bz-card { padding: 28px; }
.bz-skin-calm .bz-line { border: 0; box-shadow: 0 8px 26px rgba(40, 50, 80, .06); border-radius: 22px; }
html[data-theme="dark"] .bz-skin-calm .bz-line { box-shadow: 0 8px 26px rgba(0, 0, 0, .3); }
.bz-skin-calm .bz-line-n { border-radius: 50%; font-weight: 500; }
.bz-skin-calm .bz-line-t { font-weight: 500; }

/* кнопки-таблетки */
.bz-skin-calm .bz-btn { border-radius: 999px; font-weight: 600; }
.bz-skin-calm .bz-btn-lg { min-height: 56px; padding: 0 30px; }
.bz-skin-calm .bz-btn-line { border-color: transparent; background: var(--bz-panel); box-shadow: 0 2px 12px rgba(40, 50, 80, .08); }
.bz-skin-calm .bz-btn-acc { box-shadow: 0 10px 26px color-mix(in srgb, var(--bz-acc) 28%, transparent); }
.bz-skin-calm .bz-seg { border-radius: 999px; }
.bz-skin-calm .bz-seg a, .bz-skin-calm .bz-seg label > span { border-radius: 999px; }
.bz-skin-calm .bz-chip { border: 0; background: var(--bz-soft); font-weight: 500; }

/* страница задачи: сосредоточенная карточка по центру */
.bz-skin-calm.bz-page-single .bz-cols { grid-template-columns: minmax(0, 1fr); max-width: 780px; margin: 0 auto; width: 100%; }
.bz-skin-calm.bz-page-single .bz-col-side { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.bz-skin-calm.bz-page-single .bz-crumbs { justify-content: center; }
.bz-skin-calm .bz-task { gap: 22px; }
.bz-skin-calm.bz-page-single .bz-task { padding: 40px 44px; text-align: center; align-items: center; }
.bz-skin-calm.bz-page-single .bz-task-head { justify-content: center; }
.bz-skin-calm.bz-page-single .bz-task-meta { margin-left: 0; width: 100%; justify-content: center; }
.bz-skin-calm.bz-page-single .bz-cond { font-size: 22px; line-height: 1.6; max-width: 620px; }
.bz-skin-calm.bz-page-single .bz-cond figure { display: flex; flex-direction: column; align-items: center; }
.bz-skin-calm.bz-page-single .bz-cond figure img { margin: 0 auto; }
.bz-skin-calm.bz-page-single .bz-answer { justify-content: center; }
.bz-skin-calm.bz-page-single .bz-explain, .bz-skin-calm.bz-page-single .bz-report { text-align: left; width: 100%; }
.bz-skin-calm.bz-page-single .bz-answer-panel { width: 100%; }
.bz-skin-calm .bz-task-title { font-weight: 400; }
.bz-skin-calm .bz-diff-bars i { border-radius: 99px; }
.bz-skin-calm .bz-answer-l { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.bz-skin-calm .bz-answer input { border: 0; border-radius: 999px; background: var(--bz-soft); min-height: 58px; width: 170px; text-align: center; font-size: 22px; font-weight: 500; box-shadow: inset 0 0 0 2px transparent; transition: box-shadow .3s, background-color .3s; }
.bz-skin-calm .bz-answer input:focus { box-shadow: inset 0 0 0 2px var(--bz-acc); }
.bz-skin-calm .bz-answer.is-ok input { background: var(--bz-ok-bg); box-shadow: inset 0 0 0 2px var(--bz-ok); }
.bz-skin-calm .bz-answer.is-bad input { background: var(--bz-bad-bg); box-shadow: inset 0 0 0 2px var(--bz-bad); animation: bzCalmSway .5s ease; }
.bz-skin-calm .bz-answer .bz-btn { min-height: 58px; padding: 0 30px; }
.bz-skin-calm .bz-result { font-weight: 500; }
.bz-skin-calm .bz-answer.is-ok .bz-result { animation: bzCalmIn .7s ease both; }
.bz-skin-calm .bz-answer.is-ok .bz-result::before { content: "✓"; display: inline-flex; width: 30px; height: 30px; margin-right: 8px; border-radius: 50%; align-items: center; justify-content: center; background: var(--bz-ok-bg); color: var(--bz-ok-ink); box-shadow: 0 0 0 2px var(--bz-ok); font-weight: 700; animation: bzCalmCheck .6s .1s ease both; }
@keyframes bzCalmIn { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
@keyframes bzCalmCheck { 0% { transform: scale(.4); opacity: 0; } 70% { transform: scale(1.12); } 100% { transform: scale(1); opacity: 1; } }
@keyframes bzCalmSway { 0%, 100% { transform: none; } 30% { transform: translateX(-4px); } 70% { transform: translateX(4px); } }
.bz-skin-calm .bz-task.bz-solved { animation: none; }

/* второстепенные действия — тихие текстовые ссылки */
.bz-skin-calm .bz-task-actions { justify-content: center; gap: 4px 18px; }
.bz-skin-calm .bz-task-actions .bz-btn { background: transparent !important; border: 0; box-shadow: none; padding: 0 4px; font-weight: 500; color: var(--bz-ink) !important; text-decoration: underline; text-decoration-color: var(--bz-line); text-underline-offset: 6px; transform: none; }
.bz-skin-calm .bz-task-actions .bz-btn:hover, .bz-skin-calm .bz-task-actions .bz-btn.is-on { text-decoration-color: var(--bz-acc); }
.bz-skin-calm .bz-task-actions [data-bz-variant-toggle] { color: var(--bz-acc-ink) !important; }
.bz-skin-calm .bz-task-actions [data-bz-variant-toggle].is-on { color: var(--bz-ok-ink) !important; }
.bz-skin-calm .bz-task-actions .bz-btn-text { color: var(--bz-mute) !important; text-decoration: none; }
.bz-skin-calm .bz-answer-panel, .bz-skin-calm .bz-report { border-radius: 20px; }
.bz-skin-calm .bz-explain { border-top: 1px solid var(--bz-line); }
.bz-skin-calm .bz-explain-t { font-weight: 500; }
.bz-skin-calm .bz-pager .bz-btn-acc { box-shadow: none; }

/* номера задач — тонкие точки-полоски */
.bz-skin-calm .bz-num { border-color: transparent; border-radius: 999px; font-weight: 500; }
.bz-skin-calm .bz-num:not(.is-ok):not(.is-bad):not(.is-current) { background: var(--bz-soft); }
.bz-skin-calm .bz-num.is-current { animation: none; box-shadow: 0 6px 16px color-mix(in srgb, var(--bz-acc) 35%, transparent); }
.bz-skin-calm .bz-trow { border-bottom-color: var(--bz-soft); border-radius: 14px; }
.bz-skin-calm .bz-trow-n { border-radius: 50%; font-weight: 500; }
.bz-skin-calm .bz-train { border-radius: 999px; font-weight: 500; }

/* репетитор */
.bz-skin-calm .bz-tutor-ph { background: var(--bz-soft); color: var(--bz-acc-ink); font-weight: 600; animation: bzCalmBreathe 3s ease-in-out infinite; }
@keyframes bzCalmBreathe { 0%, 100% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--bz-acc) 25%, transparent); } 50% { box-shadow: 0 0 0 8px transparent; } }
.bz-skin-calm .bz-tutor-n { font-weight: 600; }
.bz-skin-calm .bz-tutor-g li::before { width: 6px; height: 6px; margin-top: 9px; box-shadow: none; background: var(--bz-acc); }
.bz-skin-calm .bz-tutor-line { justify-content: center; }

/* кабинет */
.bz-skin-calm .bz-cab-h .bz-h1 { font-weight: 400; }
.bz-skin-calm .bz-tabs { border-bottom: 0; gap: 6px; padding: 4px; background: var(--bz-panel); border-radius: 999px; box-shadow: 0 2px 14px rgba(40, 50, 80, .07); align-self: flex-start; max-width: 100%; }
.bz-skin-calm .bz-tabs a { border-bottom: 0; margin: 0; border-radius: 999px; min-height: 40px; font-weight: 500; }
.bz-skin-calm .bz-tabs a.is-on { background: var(--bz-acc-soft); color: var(--bz-acc-ink) !important; }
.bz-skin-calm .bz-ring-fg { stroke-width: 10; }
.bz-skin-calm .bz-ring-bg { stroke-width: 10; }
.bz-skin-calm .bz-tile { border-radius: 20px; }
.bz-skin-calm .bz-rec { border-radius: 20px; }
.bz-skin-calm .bz-bar { height: 6px; border-radius: 99px; }
.bz-skin-calm .bz-bar i { background: var(--bz-acc); }
.bz-skin-calm .bz-word { background: var(--bz-acc-soft); box-shadow: none; }
.bz-skin-calm .bz-word .bz-tutor-ph { background: var(--bz-panel); }
.bz-skin-calm .bz-word-c { font-weight: 300; font-size: 17px; }
.bz-skin-calm .bz-grade { border-radius: 50%; font-weight: 500; }
.bz-skin-calm .bz-hwline { border-radius: 999px; padding: 12px 20px; }
.bz-skin-calm .bz-heat-c { border-radius: 50%; }
.bz-skin-calm .bz-pill { font-weight: 500; }
.bz-skin-calm .bz-quote { border-radius: 22px; font-weight: 300; font-size: 17px; }
.bz-skin-calm .bz-code { border-radius: 22px; }
.bz-skin-calm .bz-table td, .bz-skin-calm .bz-table th { border-bottom-color: var(--bz-soft); }

/* формы и запись */
.bz-skin-calm .bz-field input, .bz-skin-calm .bz-field select, .bz-skin-calm .bz-field textarea, .bz-skin-calm .bz-report textarea, .bz-skin-calm .bz-inline-form input {
  border: 0; background: var(--bz-soft); border-radius: 16px; min-height: 50px;
}
.bz-skin-calm .bz-field input:focus, .bz-skin-calm .bz-field select:focus, .bz-skin-calm .bz-field textarea:focus { box-shadow: 0 0 0 2px var(--bz-acc); }
.bz-skin-calm .bz-service { border: 0; background: var(--bz-soft); border-radius: 22px; box-shadow: inset 0 0 0 2px transparent; }
.bz-skin-calm .bz-service:has(input:checked) { background: var(--bz-acc-soft); box-shadow: inset 0 0 0 2px var(--bz-acc); }
.bz-skin-calm .bz-service-n { font-weight: 600; }
.bz-skin-calm .bz-service-p { font-weight: 500; }
.bz-skin-calm .bz-step-h { font-weight: 500; }
.bz-skin-calm .bz-step-n { background: var(--bz-acc-soft); color: var(--bz-acc-ink); font-weight: 600; }
.bz-skin-calm .bz-day { border: 0; border-radius: 22px; }
.bz-skin-calm .bz-day:not([aria-pressed="true"]) { background: var(--bz-soft); }
.bz-skin-calm .bz-day-d { font-weight: 500; }
.bz-skin-calm .bz-time { border: 0; border-radius: 999px; font-weight: 500; }
.bz-skin-calm .bz-time:not([aria-pressed="true"]) { background: var(--bz-soft); }
.bz-skin-calm .bz-card .bz-btn-line { background: var(--bz-soft); box-shadow: none; }
.bz-skin-calm .bz-foot { margin-top: 12px; }
.bz-skin-calm .bz-pick-i { border: 0; background: var(--bz-soft); border-radius: 16px; }
.bz-skin-calm .bz-flash { border-radius: 999px; padding: 12px 22px; }
.bz-skin-calm .bz-demo-logins { border-radius: 20px; }

@media (max-width: 860px) {
  .bz-skin-calm .bz-top { background: var(--bz-bg); }
  .bz-skin-calm .bz-menu[open] > .bz-menu-body { border-bottom: 0; border-radius: 0 0 24px 24px; }
  .bz-skin-calm .bz-menu-btn { border: 0; background: var(--bz-panel); border-radius: 50%; box-shadow: 0 2px 12px rgba(40, 50, 80, .1); }
  .bz-skin-calm .bz-nav-a.is-on::after { left: 10px; right: auto; width: 24px; }
  .bz-skin-calm .bz-menu-body { justify-content: space-between; }
  .bz-skin-calm.bz-page-single .bz-task { padding: 26px 18px; }
  .bz-skin-calm.bz-page-single .bz-cond { font-size: 19px; }
  .bz-skin-calm.bz-page-single .bz-col-side { grid-template-columns: minmax(0, 1fr); }
  .bz-skin-calm .bz-card { padding: 20px; }
}
@media (max-width: 480px) {
  .bz-skin-calm .bz-answer input { width: 100%; }
  .bz-skin-calm .bz-tabs { border-radius: 22px; overflow-x: auto; }
  body.bz-skin-calm .bz-shell::before { width: 300px; height: 300px; }
  body.bz-skin-calm .bz-shell::after { width: 260px; height: 260px; }
}
.bz-skin-calm .bz-rec .bz-btn-soft { background: var(--bz-acc-soft); color: var(--bz-acc-ink) !important; }
.bz-skin-calm .bz-done-ok .bz-task { box-shadow: inset 4px 0 0 var(--bz-ok), var(--bz-shadow); }
.bz-skin-calm .bz-done-bad .bz-task { box-shadow: inset 4px 0 0 var(--bz-bad), var(--bz-shadow); }