/* Түнгі режим: html.dark. Өз стилі бар беттер (data-own: басты бет, баптау, зікір) бұған қосылмайды.
   Түстер: фон #0d0d0d · блок #1d1d1f · екінші деңгей #2a2a2c · жиек #2c2c2e · мәтін #f2f2f2 · көмекші мәтін rgba(255,255,255,.55) */
html.dark:not([data-own]){color-scheme:dark;background:#0d0d0d}
html.dark:not([data-own]) body{background:#0d0d0d;color:#f2f2f2}
html.dark:not([data-own]) #app{background:transparent}
html.dark:not([data-own]) a{color:inherit}
/* шапка */
html.dark:not([data-own]) header{background:rgba(13,13,13,.88)}
html.dark:not([data-own]) :is(.hb,.ib,.fb,.cb){background:#26262a;color:#f2f2f2}
html.dark:not([data-own]) :is(.hb,.ib):active{background:#34343a}
html.dark:not([data-own]) :is(.hb,.ib,.cb) svg path{fill:#f2f2f2}
html.dark:not([data-own]) .fb svg path{fill:#f2f2f2}
html.dark:not([data-own]) .det .hb{background:rgba(237,237,235,.32)}
html.dark:not([data-own]) .det .hb svg path{fill:#fff}
/* блоктар */
html.dark:not([data-own]) :is(.list,.info,.card,.col>.bk,.cm,.nt,.mod .it,.opt){background:#1d1d1f;box-shadow:none;color:#f2f2f2}
html.dark:not([data-own]) .col>.bk:active,html.dark:not([data-own]) .card:active{background:#26262a}
html.dark:not([data-own]) :is(.row):active .n{opacity:.6}
html.dark:not([data-own]) :is(.it)+.it{border-color:#2c2c2e}
html.dark:not([data-own]) :is(.tx small,.n small,.info p,.info h4,.tr,.rg small,.mut,.empty,.lh,.sec,.loadmsg){color:rgba(255,255,255,.55)}
html.dark:not([data-own]) .row .n small.k-f,html.dark:not([data-own]) .tag.fard{color:#4fc0a0}
html.dark:not([data-own]) .info h5{color:#f2f2f2}
html.dark:not([data-own]) :is(.row .ch svg path){fill:rgba(255,255,255,.3)}
html.dark:not([data-own]) .ch svg path{fill:rgba(255,255,255,.3)}
/* бейдждер, пилл, чип */
html.dark:not([data-own]) :is(.badge,.bn,.pill,.bd){background:#2c2c2e;color:#f2f2f2;box-shadow:none}
html.dark:not([data-own]) :is(.badge,.bd) svg path{fill:#f2f2f2}
html.dark:not([data-own]) .row.fard .bn{background:#3c9e82;color:#fff}
html.dark:not([data-own]) :is(.tab:not(.on),.chip:not(.on)){background:#26262a;color:#f2f2f2}
html.dark:not([data-own]) .tab:not(.on){color:rgba(255,255,255,.55)}
html.dark:not([data-own]) .tab.on .l{color:#4fc0a0}
html.dark:not([data-own]) .tab .l{color:rgba(255,255,255,.55)}
html.dark:not([data-own]) .tab.on .tile .n{color:#3c9e82}
html.dark:not([data-own]) .tile .n{background:#2c2c2e;color:#f2f2f2}
html.dark:not([data-own]) .tab.on .tile .n{background:#fff;color:#3c9e82}
/* шторкалар */
html.dark:not([data-own]) :is(.sheet:not(.det .sheet),.dsheet,.ssheet,.tsh){background:#1d1d1f;color:#f2f2f2}
html.dark:not([data-own]) :is(.gr,.sgr,.dg){background:rgba(255,255,255,.2)}
html.dark:not([data-own]) .handle{background:rgba(255,255,255,.35)}
html.dark:not([data-own]) .dim,html.dark:not([data-own]) .sdim{background:rgba(0,0,0,.55)}
html.dark:not([data-own]) .tc{background:#2a2a2c}
html.dark:not([data-own]) .tc .tr{color:rgba(255,255,255,.65)}
html.dark:not([data-own]) .tc .pill{background:#3a3a3c}
html.dark:not([data-own]) .txt,html.dark:not([data-own]) .soon{color:#f2f2f2}
html.dark:not([data-own]) .soon{color:rgba(255,255,255,.5)}
html.dark:not([data-own]) .sheet .cat,html.dark:not([data-own]) .cat{background:#2a2a2c}
/* дұға */
html.dark:not([data-own]) .pb{background:rgba(255,255,255,.12)}
html.dark:not([data-own]) .pb svg path{fill:#fff}
html.dark:not([data-own]) .card .pill{background:#2c2c2e}
html.dark:not([data-own]) .card .ar{color:#f2f2f2}
html.dark:not([data-own]) .card .tl{color:#f2f2f2}
html.dark:not([data-own]) .ssheet{box-shadow:none}
html.dark:not([data-own]) .sr{border-color:#2c2c2e;color:#f2f2f2}
html.dark:not([data-own]) .sb{border-color:#2c2c2e}
html.dark:not([data-own]) .sw{background:#48484a}html.dark:not([data-own]) .sw.on{background:#3c9e82}
html.dark:not([data-own]) .rg big,html.dark:not([data-own]) .rg b{color:rgba(255,255,255,.65)}
html.dark:not([data-own]) .rg input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,#3c9e82 var(--p,50%),#3a3a3c var(--p,50%))}
html.dark:not([data-own]) .rg input[type=range]::-webkit-slider-thumb{background:#1d1d1f}
/* сұрақтар/сөздік/іздеу */
html.dark:not([data-own]) .srch{background:#0d0d0d}
html.dark:not([data-own]) .sbar input,html.dark:not([data-own]) input.in{color:#f2f2f2}
html.dark:not([data-own]) .sbar .ic path{fill:#f2f2f2}
html.dark:not([data-own]) .sempty{color:rgba(255,255,255,.4)}
html.dark:not([data-own]) .sempty .c{background:#1d1d1f}
html.dark:not([data-own]) .sk{background:#2a2a2c}
html.dark:not([data-own]) .sk::after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent)}
/* кітаптар */
html.dark:not([data-own]) .pg,html.dark:not([data-own]) .rd,html.dark:not([data-own]) .rd .view{background:#0d0d0d}
html.dark:not([data-own]) .meta dt{color:rgba(255,255,255,.5)}
html.dark:not([data-own]) .au{color:rgba(255,255,255,.5)}
html.dark:not([data-own]) .col>.bk .t{color:#f2f2f2}
/* SOS */
html.dark:not([data-own]) .ic{background:#2a2a2c}
html.dark:not([data-own]) .ic.r{background:#3d2523}html.dark:not([data-own]) .ic.g{background:#1f3a33}html.dark:not([data-own]) .ic.y{background:#3a3220}
html.dark:not([data-own]) .ab{background:#2a2a2c}
html.dark:not([data-own]) .ab svg *{stroke:#f2f2f2}
html.dark:not([data-own]) .ab.call svg *{stroke:#fff}
html.dark:not([data-own]) .num,html.dark:not([data-own]) .tx b,html.dark:not([data-own]) .tx small.num{color:#f2f2f2}
html.dark:not([data-own]) .tx small{color:rgba(255,255,255,.5)}
html.dark:not([data-own]) .ic.r .num,html.dark:not([data-own]) .ic b.num{color:#ff8a80!important}
/* виртуалды тур */
html.dark:not([data-own]) .t{color:#f2f2f2}
html.dark:not([data-own]) .t8{text-shadow:0 0 3px #000,0 0 2px #000}
html.dark:not([data-own]) .t14{color:#fff;text-shadow:none}
html.dark:not([data-own]) h2{color:#f2f2f2}
html.dark:not([data-own]) .hr{background:#2c2c2e}
html.dark:not([data-own]) header p{color:rgba(255,255,255,.5)}
html.dark:not([data-own]) .tsh .x{background:#2a2a2c}
html.dark:not([data-own]) .tsh .x svg path{stroke:#f2f2f2}
html.dark:not([data-own]) .tsh .nt{color:rgba(255,255,255,.5)}
html.dark:not([data-own]) .m.dim{filter:saturate(.4) brightness(.75)}
/* карта */
html.dark:not([data-own]) .leaflet-tile-pane{filter:invert(1) hue-rotate(180deg) brightness(.85) contrast(.9)}
html.dark:not([data-own]) .leaflet-container{background:#1a1a1a}
html.dark:not([data-own]) .leaflet-bar a,html.dark:not([data-own]) .zm button{background:#26262a;color:#f2f2f2}
html.dark:not([data-own]) .zm{background:#26262a}.zm button+button{border-color:#3a3a3c}
html.dark:not([data-own]) .bs{background:#1d1d1f;color:#f2f2f2;box-shadow:0 -8px 30px rgba(0,0,0,.5)}
html.dark:not([data-own]) .grab{background:rgba(255,255,255,.25)}
html.dark:not([data-own]) .sbar{background:#2a2a2c}
html.dark:not([data-own]) .chip:not(.on) svg *{stroke:currentColor}
html.dark:not([data-own]) .tx small,html.dark:not([data-own]) .dd{color:rgba(255,255,255,.7)}
html.dark:not([data-own]) .rb{background:#2a2a2c}
html.dark:not([data-own]) .rb svg path,html.dark:not([data-own]) .rb svg *{stroke:#f2f2f2}
html.dark:not([data-own]) .dist{color:rgba(255,255,255,.55)}
html.dark:not([data-own]) .leaflet-control-attribution{background:rgba(29,29,31,.8)!important;color:#aaa}
html.dark:not([data-own]) .leaflet-control-attribution a{color:#8fb}
html.dark:not([data-own]) .pin,html.dark:not([data-own]) .me .dot{box-shadow:0 2px 10px rgba(0,0,0,.6)}

/* SOS: қызыл баннердегі ақ батырмалар */
html.dark:not([data-own]) .hero .bt :is(a,button){background:#fff;color:#d93a30}
html.dark:not([data-own]) .hero{color:#fff}
/* дұғаның ішкі беті (алтын шторка): өз түсін сақтайды */
html.dark:not([data-own]) .det .sheet{color:#fff}
html.dark:not([data-own]) .det .dbody .bk{background:none}
html.dark:not([data-own]) .it .tx small.num{color:#f2f2f2!important}