:root{
  /* светлая кремовая тема (решение Леонида 07.11): тёплый молочный фон, белые плиты, шалфейный акцент */
  --fon:#f7f1e7; --plita:#fffdf9; --plita2:#f4ede2; --linia:#e7dccb;
  --tekst:#2e2822; --tusk:#6e655a; --akcent:#2f7a6f; --akcent-t:#ffffff; --akcent-fon:#e6f0ec;
  --krasn:#bf4a40; --ten:0 1px 2px rgba(80,60,30,.06),0 6px 24px rgba(80,60,30,.06);
  color-scheme:light;
  --r:14px;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--fon);color:var(--tekst);line-height:1.5}
a{color:var(--akcent)}
button{font:inherit;cursor:pointer}
.obertka{max-width:1180px;margin:0 auto;padding:24px 16px 48px}
.nad{color:var(--akcent);font-size:14px;letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px}
h1{font-size:clamp(28px,4.6vw,46px);line-height:1.12;margin:0 0 14px}
.pod{color:var(--tusk);font-size:clamp(17px,2vw,20px);margin:0 0 24px;max-width:720px}
.plita{background:var(--plita);border:1px solid var(--linia);border-radius:var(--r);padding:22px;box-shadow:var(--ten)}
.kolonki{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:start}
@media (max-width:860px){.kolonki{grid-template-columns:1fr}}
ul.punkty{list-style:none;padding:0;margin:0 0 18px}
ul.punkty li{padding:10px 0 10px 30px;position:relative;border-bottom:1px solid var(--linia)}
ul.punkty li:before{content:"";position:absolute;left:4px;top:18px;width:10px;height:10px;border-radius:50%;background:var(--akcent)}
.tusk{color:var(--tusk)}
.melko{font-size:13px;color:var(--tusk)}
h2{font-size:20px;margin:0 0 14px}
.vremena{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}
.vremya{background:var(--plita);border:1px solid var(--linia);border-radius:10px;padding:12px;color:var(--tekst);text-align:left}
.vremya b{display:block;font-size:20px}
.vremya span{font-size:13px;color:var(--tusk)}
.vremya[aria-pressed=true]{border-color:var(--akcent);box-shadow:0 0 0 1px var(--akcent) inset}
.idet{display:flex;gap:12px;align-items:center;justify-content:space-between;background:var(--akcent-fon);border:1px solid var(--akcent);border-radius:10px;padding:14px;margin-bottom:16px}
input[type=checkbox]{accent-color:var(--akcent)}
input[type=text]{width:100%;background:#fff;border:1px solid var(--linia);border-radius:10px;padding:12px;color:var(--tekst);font:inherit}
input[type=text]:focus{outline:2px solid var(--akcent);outline-offset:0}
label.sogl{display:flex;gap:10px;align-items:flex-start;margin:14px 0;font-size:14px;color:var(--tusk)}
.knopka:hover{filter:brightness(1.07)}
.knopka{display:inline-flex;justify-content:center;align-items:center;gap:8px;background:var(--akcent);color:var(--akcent-t);border:0;border-radius:10px;padding:14px 20px;font-weight:700;text-decoration:none;font-size:16px}
.knopka:disabled{opacity:.45;cursor:not-allowed}
.knopka.vtor{background:transparent;color:var(--tekst);border:1px solid var(--linia)}
.shirokaya{width:100%}
.ryad{display:flex;gap:10px;flex-wrap:wrap}
.oshibka{color:var(--krasn);font-size:14px;min-height:20px;margin-top:8px}
.skryt{display:none!important}

/* комната */
.komnata{display:grid;grid-template-columns:1fr 360px;gap:18px;align-items:start}
@media (max-width:960px){.komnata{grid-template-columns:1fr}}
.shapka{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}
.shapka h1{font-size:clamp(20px,3vw,28px);margin:0}
.metka{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--tusk)}
.metka .tochka{width:9px;height:9px;border-radius:50%;background:var(--krasn);animation:pul 1.6s infinite}
@keyframes pul{50%{opacity:.35}}
.ekran{position:relative;background:#1d1a17;box-shadow:var(--ten);border-radius:var(--r);overflow:hidden;aspect-ratio:16/9}
.ekran video{width:100%;height:100%;display:block;background:#000}
.zanaves{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;background:var(--plita2)}
.zanaves .bolshoe{font-size:clamp(34px,6vw,56px);font-weight:700;font-variant-numeric:tabular-nums}
.zvuk{position:absolute;left:12px;bottom:12px;padding:10px 14px;font-size:14px;white-space:nowrap}
.predlozhenie{margin-top:16px;display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;border-color:var(--akcent);animation:poyav .5s ease}
@keyframes poyav{from{opacity:0;transform:translateY(8px)}}
.chat{display:flex;flex-direction:column;height:min(72vh,640px);padding:0;overflow:hidden}
@media (max-width:960px){.chat{height:480px}}
.chat-shapka{padding:14px 16px;border-bottom:1px solid var(--linia);display:flex;justify-content:space-between;align-items:center}
.lenta{flex:1;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:10px}
.soob{font-size:14px;word-wrap:break-word}
.soob b{color:var(--akcent);font-weight:600;margin-right:6px}
.soob.vopros{background:var(--akcent-fon);border-left:3px solid var(--akcent);padding:6px 10px;border-radius:6px}
.soob .yarlyk{font-size:11px;color:var(--tusk);display:block}
.pusto{color:var(--tusk);font-size:14px;margin:auto;text-align:center}
.vvod{border-top:1px solid var(--linia);padding:12px;display:flex;flex-direction:column;gap:8px}
.vvod .ryad{flex-wrap:nowrap}
.vvod input[type=text]{padding:10px}
.vvod .knopka{padding:10px 14px}
.proshlye{margin-top:16px}
.proshlye summary{cursor:pointer;font-weight:600}
.proshlye .p{padding:10px 0;border-bottom:1px solid var(--linia);font-size:14px}
.proshlye .p .o{color:var(--tusk);margin-top:4px}
@media (max-width:520px){
  .vremena{grid-template-columns:1fr}
  .vremya{display:flex;justify-content:space-between;align-items:baseline}
  .vremya b{display:inline}
}