/* СГЕНЕРИРОВАНО scripts/gen-light.py — руками не править, правки в sd-light-fix.css */

/* ── из app.css ── */
html.light body {
  background: #f3f3f0;
  color: #2c2c30;
}
html.light .amb i {
  border-radius: 50%;
}
html.light .amb .b1 {
  background: radial-gradient(circle at 40% 40%, rgba(160, 182, 18, 0.525), rgba(160, 182, 18, 0) 66%);
}
html.light .amb .b2 {
  background: radial-gradient(circle at 55% 45%, rgba(42, 171, 238, 0.3), rgba(42, 171, 238, 0) 65%);
}
html.light .amb .b3 {
  background: radial-gradient(circle at 50% 50%, rgba(250, 135, 107, 0.22), rgba(250, 135, 107, 0) 64%);
}
html.light .card {
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
}
html.light .back {
  border-radius: 50%;
  border: 1px solid rgba(20, 20, 24, 0.12);
  background: transparent;
  color: rgba(44, 44, 48, 0.694);
}
html.light .back:hover {
  border-color: rgba(20, 20, 24, 0.174);
  color: #2c2c30;
}
html.light .ticks i {
  border-radius: 2px;
  background: rgba(20, 20, 24, 0.084);
}
html.light .ticks i.on {
  background: #d1e05a;
  box-shadow: 0 0 10px rgba(140, 160, 10, 0.33);
}
html.light .ticks i.cur {
  background: #dcf047;
  box-shadow: 0 0 14px rgba(140, 160, 10, 0.48);
}
html.light .lang {
  border: 1px solid rgba(20, 20, 24, 0.12);
  border-radius: 999px;
}
html.light .lang button {
  background: none;
  border: 0;
  color: rgba(44, 44, 48, 0.395);
  border-radius: 999px;
}
html.light .lang button.on {
  background: rgba(20, 20, 24, 0.06);
  color: #2c2c30;
}
html.light .railtag {
  color: rgba(44, 44, 48, 0.395);
}
html.light .eyebrow {
  color: #6a7a06;
}
html.light .title em {
  color: #6a7a06;
}
html.light .sub {
  color: rgba(44, 44, 48, 0.694);
}
html.light .stat {
  background: rgba(255, 255, 255, 0.865);
  border: 1px solid rgba(20, 20, 24, 0.12);
  border-radius: 14px;
}
html.light .stat b {
  color: #2c2c30;
}
html.light .stat span {
  color: rgba(44, 44, 48, 0.395);
}
html.light .spark i {
  background: rgba(160, 182, 18, 0.275);
  border-radius: 3px 3px 0 0;
}
html.light .spark i.hi {
  background: rgba(160, 182, 18, 0.812);
}
html.light .chip {
  border-radius: 999px;
  border: 1px solid rgba(20, 20, 24, 0.12);
  background: transparent;
  color: rgba(44, 44, 48, 0.694);
}
html.light .chip:hover {
  border-color: rgba(20, 20, 24, 0.174);
}
html.light .chip.on {
  background: #d1e05a;
  color: #0b0b0c;
  border-color: #d1e05a;
}
html.light .lead {
  border: 1px solid rgba(20, 20, 24, 0.12);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.82);
}
html.light .lead.open {
  border-color: rgba(160, 182, 18, 0.425);
  background: rgba(160, 182, 18, 0.062);
}
html.light .ldel {
  border-radius: 50%;
  border: 1px solid rgba(20, 20, 24, 0.12);
  background: rgba(255, 255, 255, 0.91);
  color: rgba(44, 44, 48, 0.395);
}
html.light .ldel:hover {
  border-color: #e08a7a;
  color: #e08a7a;
  background: rgba(224, 138, 122, 0.1);
}
html.light .lead.delconfirm {
  border-color: rgba(224, 138, 122, 0.4);
  background: rgba(224, 138, 122, 0.06);
}
html.light .deltxt {
  color: #2c2c30;
}
html.light .delsub {
  color: rgba(44, 44, 48, 0.395);
}
html.light .delno, html.light .delyes {
  border-radius: 12px;
}
html.light .delno {
  border: 1px solid rgba(20, 20, 24, 0.12);
  background: rgba(255, 255, 255, 0.91);
  color: #2c2c30;
}
html.light .delno:hover {
  border-color: rgba(20, 20, 24, 0.174);
}
html.light .delyes {
  border: 1px solid #e08a7a;
  background: rgba(224, 138, 122, 0.14);
  color: #e08a7a;
}
html.light .delyes:hover {
  background: rgba(224, 138, 122, 0.22);
}
html.light .lhead {
  background: none;
  border: 0;
  color: #2c2c30;
}
html.light .lmeta {
  color: rgba(44, 44, 48, 0.395);
}
html.light .lsum {
  color: rgba(44, 44, 48, 0.694);
}
html.light .tag {
  border-radius: 999px;
}
html.light .tag.arch {
  background: rgba(160, 182, 18, 0.188);
  color: #6a7a06;
}
html.light .caret {
  color: rgba(44, 44, 48, 0.395);
}
html.light .kv dt {
  color: rgba(44, 44, 48, 0.395);
}
html.light .kv dd {
  color: #2c2c30;
}
html.light .tac {
  border-radius: 12px;
  background: rgba(160, 182, 18, 0.088);
  border: 1px solid rgba(160, 182, 18, 0.275);
}
html.light .tac b {
  color: #6a7a06;
}
html.light .act {
  border-radius: 12px;
  border: 1px solid rgba(20, 20, 24, 0.12);
  background: rgba(255, 255, 255, 0.91);
  color: #2c2c30;
}
html.light .act:hover {
  border-color: rgba(160, 182, 18, 0.525);
}
html.light .act.pri {
  background: #d1e05a;
  color: #0b0b0c;
  border-color: #d1e05a;
}
html.light .act.tgc {
  background: #2aabee;
  color: #fff;
  border-color: #2aabee;
}
html.light .tempopt {
  border-radius: 12px;
  border: 1px solid rgba(20, 20, 24, 0.12);
  background: rgba(255, 255, 255, 0.82);
  color: #2c2c30;
}
html.light .tempopt .tdot {
  border-radius: 50%;
}
html.light .note-ta {
  border: 1px solid rgba(20, 20, 24, 0.174);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.82);
  color: #2c2c30;
}
html.light .demo {
  border: 1px solid rgba(20, 20, 24, 0.12);
  border-radius: 999px;
}
html.light .demo button {
  background: none;
  border: 0;
  color: rgba(44, 44, 48, 0.395);
  border-radius: 999px;
}
html.light .demo button.on {
  background: rgba(20, 20, 24, 0.072);
  color: #2c2c30;
}
html.light .opt {
  background: rgba(255, 255, 255, 0.865);
  border: 1px solid rgba(20, 20, 24, 0.12);
  border-radius: 16px;
  color: #2c2c30;
}
html.light .opt .dot {
  border-radius: 50%;
  border: 1px solid rgba(20, 20, 24, 0.174);
}
html.light .opt .hint {
  color: rgba(44, 44, 48, 0.395);
}
html.light .opt:hover {
  border-color: rgba(160, 182, 18, 0.425);
  background: rgba(160, 182, 18, 0.062);
}
html.light .opt.sel {
  border-color: #d1e05a;
  background: rgba(160, 182, 18, 0.125);
}
html.light .opt.sel .dot {
  background: #d1e05a;
  border-color: #d1e05a;
  box-shadow: 0 0 10px rgba(140, 160, 10, 0.42);
}
html.light .opt:focus-visible {
  outline: 2px solid #dcf047;
  outline-offset: 2px;
}
html.light .slotback {
  border-radius: 999px;
  border: 1px solid rgba(20, 20, 24, 0.12);
  background: rgba(255, 255, 255, 0.865);
  color: rgba(44, 44, 48, 0.694);
}
html.light .slotback:hover {
  border-color: rgba(20, 20, 24, 0.174);
  color: #2c2c30;
}
html.light .fld {
  background: rgba(255, 255, 255, 0.91);
  border: 1px solid rgba(20, 20, 24, 0.12);
  border-radius: 14px;
  color: #2c2c30;
}
html.light .fld::placeholder {
  color: rgba(44, 44, 48, 0.395);
}
html.light .fld:focus {
  outline: none;
  border-color: rgba(160, 182, 18, 0.625);
}
html.light .skip {
  background: rgba(255, 255, 255, 0.865);
  border: 1px solid rgba(20, 20, 24, 0.12);
  border-radius: 14px;
  color: rgba(44, 44, 48, 0.694);
}
html.light .skip .box {
  border-radius: 5px;
  border: 1px solid rgba(20, 20, 24, 0.174);
  color: #0b0b0c;
}
html.light .skip.on {
  border-color: #d1e05a;
  color: #2c2c30;
}
html.light .skip.on .box {
  background: #d1e05a;
  border-color: #d1e05a;
}
html.light .cta {
  border: 0;
  border-radius: 999px;
  background: #d1e05a;
  color: #0b0b0c;
  box-shadow: 0 14px 38px -12px rgba(140, 160, 10, 0.33);
}
html.light .cta::after {
  background: linear-gradient(100deg, transparent, rgba(255, 255, 255, 0.55), transparent);
}
html.light .cta:hover {
  box-shadow: 0 18px 46px -12px rgba(140, 160, 10, 0.39);
}
html.light .cta[disabled] {
  box-shadow: none;
}
html.light .cta.tg {
  background: linear-gradient(110deg, #2aabee, #3ab6f0, #1fa0e2, #2aabee);
  background-size: 300% 100%;
  color: #fff;
  box-shadow: 0 14px 38px -12px rgba(42, 171, 238, 0.55);
}
html.light .ghost {
  background: none;
  border: 0;
  color: rgba(44, 44, 48, 0.395);
}
html.light .ghost:hover {
  color: rgba(44, 44, 48, 0.694);
}
html.light .note {
  color: rgba(44, 44, 48, 0.395);
}
html.light .mark {
  color: #6a7a06;
}
html.light .big span {
  color: #6a7a06;
}
html.light .lede {
  color: rgba(44, 44, 48, 0.694);
}
html.light .sig .av {
  border-radius: 50%;
  background: linear-gradient(140deg, #2b2b30, #ffffff);
  border: 1px solid rgba(20, 20, 24, 0.174);
  color: #6a7a06;
}
html.light .sig .who i {
  color: rgba(44, 44, 48, 0.395);
}
html.light .meta div {
  color: rgba(44, 44, 48, 0.395);
}
html.light .meta b {
  color: #2c2c30;
}
html.light .arch .glyph {
  border-radius: 20px;
  background: linear-gradient(150deg, rgba(160, 182, 18, 0.275), rgba(160, 182, 18, 0.05));
  border: 1px solid rgba(160, 182, 18, 0.4);
}
html.light .row {
  background: rgba(255, 255, 255, 0.865);
  border: 1px solid rgba(20, 20, 24, 0.12);
  border-radius: 14px;
}
html.light .row span {
  color: rgba(44, 44, 48, 0.395);
}
html.light .row p {
  color: #2c2c30;
}
html.light .ticket {
  border: 1px dashed rgba(160, 182, 18, 0.438);
  border-radius: 14px;
  background: rgba(160, 182, 18, 0.062);
}
html.light .ticket span {
  color: rgba(44, 44, 48, 0.395);
}
html.light .ticket b {
  color: #6a7a06;
}
html.light .cur {
  border: 1px solid rgba(20, 20, 24, 0.12);
  border-radius: 999px;
}
html.light .cur button {
  background: none;
  border: 0;
  color: rgba(44, 44, 48, 0.395);
  border-radius: 999px;
}
html.light .cur button.on {
  background: #d1e05a;
  color: #0b0b0c;
}
html.light .deep {
  border: 1px solid rgba(20, 20, 24, 0.174);
  border-radius: 24px;
  background: radial-gradient(120% 100% at 50% 0%, rgba(160, 182, 18, 0.112), transparent 62%),
    rgba(255, 255, 255, 0.802);
}
html.light .deep::before {
  border-radius: 24px;
  background: linear-gradient(120deg, transparent 20%, rgba(160, 182, 18, 0.625), transparent 80%);
}
html.light .deep-cap {
  color: #6a7a06;
}
html.light .deep-ttl {
  color: #2c2c30;
}
html.light .deep-txt {
  color: rgba(44, 44, 48, 0.694);
}
html.light .deep-note {
  color: rgba(44, 44, 48, 0.395);
}
html.light .deep-cta {
  border: 0;
  border-radius: 999px;
  background: linear-gradient(100deg, #d1e05a, #dcf047 55%, #d1e05a);
  background-size: 200% 100%;
  color: #0b0b0c;
  box-shadow: 0 14px 34px -14px rgba(140, 160, 10, 0.45);
}
html.light .deep-shine {
  background: linear-gradient(100deg, transparent, rgba(255, 255, 255, 0.6), transparent);
}
html.light .dt-ava {
  border-radius: 50%;
  color: #0b0b0c;
  background: #d1e05a;
}
html.light .dt-say {
  color: rgba(44, 44, 48, 0.694);
  border: 1px solid rgba(20, 20, 24, 0.12);
  border-radius: 14px 14px 14px 4px;
  background: rgba(255, 255, 255, 0.82);
}
html.light .dt-val {
  color: #6a7a06;
}
html.light .dt-range {
  border-radius: 999px;
  background: rgba(20, 20, 24, 0.084);
  outline: none;
}
html.light .dt-range::-webkit-slider-thumb {
  border-radius: 50%;
  background: #d1e05a;
  border: 0;
  box-shadow: 0 6px 18px -6px rgba(140, 160, 10, 0.54);
}
html.light .dt-range::-moz-range-thumb {
  border-radius: 50%;
  background: #d1e05a;
  border: 0;
}
html.light .dt-hint, html.light .dt-ends {
  color: rgba(44, 44, 48, 0.395);
}
html.light .dt-truth {
  color: #6a7a06;
}
html.light .dt-card {
  border: 1px solid rgba(20, 20, 24, 0.12);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.82);
}
html.light .dt-cap {
  color: rgba(44, 44, 48, 0.395);
}
html.light .dt-bar span {
  color: rgba(44, 44, 48, 0.694);
}
html.light .dt-bar i {
  border-radius: 999px;
  background: rgba(255, 255, 255, 1);
}
html.light .dt-bar b {
  border-radius: 999px;
  background: linear-gradient(90deg, #dcf047, #d1e05a);
}
html.light .dt-row {
  border-top: 1px solid rgba(20, 20, 24, 0.12);
}
html.light .dt-row:first-of-type {
  border-top: 0;
}
html.light .dt-k {
  color: rgba(44, 44, 48, 0.395);
}
html.light .dt-v {
  color: #2c2c30;
}
html.light .dt-ins {
  border-color: rgba(172, 137, 201, 0.4);
  background: rgba(172, 137, 201, 0.08);
}
html.light .dt-ins .dt-cap {
  color: #c9a9e2;
}
html.light .dt-i {
  color: rgba(44, 44, 48, 1);
}
html.light .dt-req {
  border-color: rgba(160, 182, 18, 0.4);
  background: rgba(160, 182, 18, 0.075);
}
html.light .dt-reqtext {
  color: #2c2c30;
}
html.light .dt-num {
  border-radius: 50%;
  background: #d1e05a;
  color: #0b0b0c;
}
html.light .dt-tool b {
  color: #2c2c30;
}
html.light .dt-tool i {
  color: rgba(44, 44, 48, 0.395);
}
html.light .g-host::before {
  background: linear-gradient(
    -45deg,
    #1a73e8,
    #4285f4,
    #7b6ad0,
    #9b72cb,
    #c76a9e,
    #d96570,
    #e28a45,
    #f9ab00,
    #d96570,
    #9b72cb,
    #4285f4
  );
  background-size: 600% 600%;
}
html.light .splash {
  background: #f3f3f0;
}
html.light .opt .ico {
  border-radius: 10px;
  background: rgba(255, 255, 255, 1);
  border: 1px solid rgba(20, 20, 24, 0.12);
}
html.light .opt.sel .ico {
  background: rgba(160, 182, 18, 0.2);
  border-color: rgba(160, 182, 18, 0.5);
}
html.light .opt .from {
  color: rgba(44, 44, 48, 0.395);
}
html.light .opt.sel .from {
  color: rgba(106, 122, 6, 1);
}
html.light .opt.off .from {
  color: #e08a7a;
}
html.light .bsl-val b {
  color: #2c2c30;
}
html.light .bsl-val i {
  color: #6a7a06;
}
html.light .bsl-ends {
  color: rgba(44, 44, 48, 0.395);
}
html.light .opts.two .opt.off .from {
  color: rgba(44, 44, 48, 0.395);
}
html.light .wago-btn {
  border: 1px solid rgba(37, 211, 102, 0.55);
  border-radius: 999px;
  background: rgba(37, 211, 102, 0.12);
  color: #7ff0ad;
}
html.light .wago-btn:hover {
  background: rgba(37, 211, 102, 0.2);
}
html.light .wago-pre {
  border: 1px dashed rgba(20, 20, 24, 0.174);
  border-radius: 12px;
  color: rgba(44, 44, 48, 0.694);
}
html.light .wago-note {
  color: rgba(44, 44, 48, 0.395);
}
html.light .bsl-hint {
  color: rgba(44, 44, 48, 0.395);
}
html.light .rate {
  border: 1px dashed rgba(20, 20, 24, 0.174);
  border-radius: 14px;
}
html.light .rate b {
  color: #6a7a06;
}
html.light .rate i {
  color: rgba(44, 44, 48, 0.395);
}
html.light .themebtn {
  border-radius: 50%;
  border: 1px solid rgba(20, 20, 24, 0.12);
  background: transparent;
  color: rgba(44, 44, 48, 0.694);
}
html.light .themebtn svg {
  fill: none;
  stroke: currentColor;
}