:root{--q:#b3261e;--q2:#8f1d17;--t:#1c2430;--k:#566274;--ch:#d5dbe3;--f:#f3f5f8;--oq:#fff;--y:#17703a;--yf:#e2f4e8;--s:#8a5a00;--sf:#fff1d6;--xf:#fde3e1;--x:#a3231c}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--f);color:var(--t);font:16px/1.5 "Segoe UI",system-ui,Arial,sans-serif}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
.wrap{max-width:860px;margin:0 auto;padding:0 16px 80px}
.top{background:var(--q);color:#fff;position:sticky;top:0;z-index:5}
.top .in{max-width:860px;margin:0 auto;padding:12px 16px;display:flex;align-items:center;gap:12px}
.top b{font-size:19px;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.top small{display:block;font-weight:400;font-size:12.5px;opacity:.9}
.top button{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.4);color:#fff;border-radius:8px;padding:6px 10px;font-size:13px;font-weight:600}
.tabs{display:flex;gap:6px;margin:14px 0;overflow-x:auto}
.tabs button{flex:1 0 auto;padding:10px 12px;border-radius:10px;border:0;background:#e6e9ee;color:var(--k);font-weight:600;font-size:14.5px;white-space:nowrap}
.tabs button.on{background:var(--t);color:#fff}
.tabs.k button{padding:7px 12px;font-size:13.5px;background:#fff;border:1px solid var(--ch)}
.tabs.k button.on{background:var(--q);border-color:var(--q);color:#fff}
.karta{background:var(--oq);border:1px solid var(--ch);border-radius:14px;padding:16px;margin-bottom:14px}
h2{font-size:21px;margin:18px 0 4px}
h2 small{font-size:13.5px;font-weight:400;color:var(--k);margin-left:8px}
.sarl{font-size:12.5px;font-weight:700;letter-spacing:1.2px;color:var(--q);text-transform:uppercase}
.sarl i{font-style:normal;color:var(--k);font-weight:400;letter-spacing:0;text-transform:none;margin-left:6px}
.mh{display:flex;gap:10px;align-items:flex-start;margin-bottom:10px}
.mh .no{flex:none;width:30px;height:30px;border-radius:50%;background:var(--q);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:15px}
.mh .tx{flex:1;min-width:0}.mh .tx b{display:block;font-size:16px;line-height:1.35}.mh .tx span{font-size:13.5px;color:var(--k)}
.tg{flex:none;font-size:12px;font-weight:700;padding:4px 9px;border-radius:20px;white-space:nowrap}
.tg.ok{background:var(--yf);color:var(--y)}.tg.wt{background:var(--sf);color:var(--s)}.tg.no{background:#eceff3;color:var(--k)}.tg.bad{background:var(--xf);color:var(--x)}
label{display:block;font-size:13.5px;color:var(--k);margin:12px 0 5px}
input[type=text],input[type=number],input[type=date],input[type=search],textarea,select{width:100%;border:1px solid #c3cad5;border-radius:10px;padding:10px 12px;background:#fff;font-size:16px}
textarea{min-height:110px;resize:vertical}
input:focus,textarea:focus,select:focus{outline:2px solid #7aa7f0;outline-offset:1px}
.btn{display:block;width:100%;border:0;border-radius:11px;background:var(--q);color:#fff;font-weight:700;padding:12px;margin-top:14px}
.btn.q{background:var(--t)}.btn.och{background:#fff;color:var(--t);border:1px solid var(--ch)}.btn.kich{display:inline-block;width:auto;padding:8px 14px;font-size:14px;margin-top:8px}
.btn:disabled{opacity:.55}
.izohq{font-size:13.5px;color:var(--k);margin-top:10px}
.xato{color:var(--x);font-size:14px;margin-top:10px;font-weight:600}
/* info bloklari */
.quti{display:grid;grid-template-columns:1fr 1.4fr;gap:14px;background:#fff7e6;border-radius:10px;padding:12px}
.quti .qs{font-size:15px}.quti .qj div{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:15px}
.kartlar{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}
.kartlar div{border:1px solid var(--ch);border-radius:12px;padding:12px 6px;text-align:center}
.kartlar i{display:block;font-style:normal;font-size:34px;line-height:1.2}.kartlar b{font-size:14.5px}
.dlg{display:flex;gap:12px;align-items:flex-start;background:#fbf4ea;border-radius:10px;padding:10px 12px;margin-top:8px}
.dlg i{font-style:normal;font-size:28px;line-height:1.1;flex:none}.dlg p{font-size:15.5px}
.sj{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px;margin-top:8px}
.sj i.katta{grid-column:1/-1;font-style:normal;font-size:34px}
.sj div{border:1px dashed #cfd6df;border-radius:10px;padding:8px 10px;font-size:15px}.sj b{display:block}
.chiplar{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0}
.chiplar i{font-style:normal;font-size:24px}
.chiplar span{border:1px solid var(--ch);border-radius:20px;padding:5px 12px;font-size:14.5px;background:#fff}
table.jd{border-collapse:collapse;width:100%;margin-top:10px;font-size:15px}
table.jd th{background:#f3e3c4;text-align:left;padding:6px 10px;font-size:13.5px}
table.jd td{border-bottom:1px solid #e6e9ee;padding:6px 10px}
.harflar{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-top:10px}
.harflar span{border:1px solid var(--ch);border-radius:8px;text-align:center;padding:6px 0;font-weight:600}
.harflar span.un{background:#fff1d6}
.sonlar{display:grid;grid-template-columns:repeat(3,1fr);gap:4px 14px;font-size:15px}
.sonlar b{display:inline-block;width:28px;color:var(--q)}
.qoida{font-size:15.5px}
.qoida2{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0}
.qoida2 span{background:#e3effd;border-radius:10px;padding:8px 14px;font-size:16px}
.izoh{font-size:14.5px;background:#fffbe9;border-left:4px solid #f2c81d;padding:8px 10px;margin-top:8px;border-radius:0 8px 8px 0}
ol.ry{padding-left:22px;font-size:15.5px}ol.ry.matnlar{list-style:none;padding:0}ol.ry.matnlar li{background:#f6f7f9;border-radius:10px;padding:8px 10px;margin-bottom:6px}
.ranglar{display:flex;flex-wrap:wrap;gap:10px}
.ranglar span{display:flex;align-items:center;gap:6px;font-size:14.5px}.ranglar i{width:22px;height:22px;border-radius:50%;border:1px solid #c3cad5}
/* mashqlar */
.qt{display:grid;gap:8px}.qt.u2{grid-template-columns:1fr 1fr}.qt.u3{grid-template-columns:repeat(3,1fr)}
.ql{font-size:15.5px;line-height:2.1;display:flex;flex-wrap:wrap;align-items:center;gap:4px}
.ql.sokin{color:var(--k);font-size:14.5px;line-height:1.5}
.ql input{width:auto;min-width:0;display:inline-block;padding:5px 8px;font-size:15.5px;border-radius:8px;flex:1 1 120px;max-width:260px}
.kich .ql input{flex:0 0 74px;text-align:center}
.matn .ql{background:#f6f7f9;border-radius:10px;padding:4px 10px}
input.t1,select.t1{border-color:var(--y);background:var(--yf)}input.t0,select.t0{border-color:var(--x);background:var(--xf)}
.vr{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-bottom:12px}
.vr.rs{grid-template-columns:repeat(auto-fill,minmax(74px,1fr))}
.vr div{border:1px solid var(--ch);border-radius:10px;padding:6px 8px;font-size:14.5px;display:flex;gap:8px;align-items:center}
.vr.rs div{flex-direction:column;gap:2px;text-align:center;padding:8px 4px}
.vr b{color:var(--q);flex:none}.vr.rs i{font-style:normal;font-size:30px;line-height:1.2}
.ms{display:grid;grid-template-columns:1fr 84px;gap:8px;align-items:center;margin-bottom:6px;font-size:15.5px}
.ms select{padding:7px 8px}
.chq{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px solid #eceff3;font-size:15.5px}
.chq div{display:flex;gap:6px;flex:none}
.chq button,.oz button{border:1px solid #c3cad5;background:#fff;border-radius:9px;padding:6px 12px;font-weight:600;font-size:14.5px}
.chq button.on,.oz button.on{background:var(--t);color:#fff;border-color:var(--t)}
.chq button.t1{background:var(--y);border-color:var(--y);color:#fff}.chq button.t0{background:var(--x);border-color:var(--x);color:#fff}
.ts{margin-bottom:12px}.ts p{font-size:15.5px;font-weight:600;margin-bottom:6px}
.ts label{display:flex;gap:8px;align-items:center;margin:4px 0;font-size:15.5px;color:var(--t);border:1px solid var(--ch);border-radius:10px;padding:8px 10px}
.ts label.t1{background:var(--yf);border-color:var(--y)}.ts label.t0{background:var(--xf);border-color:var(--x)}
.sr{display:grid;grid-template-columns:58px 1fr;gap:8px;align-items:center;margin-bottom:6px;font-size:15.5px}
.sr input{text-align:center;padding:7px 4px}
.grid{display:grid;gap:2px;margin:8px 0;user-select:none;touch-action:manipulation}
.grid button{aspect-ratio:1;border:1px solid #d5dbe3;background:#fff;border-radius:5px;font-weight:700;font-size:clamp(11px,2.6vw,17px);padding:0}
.grid button.bs{background:#ffe08a}.grid button.tp{background:var(--yf);border-color:var(--y);color:var(--y)}
.sozr span{display:inline-block;margin:2px 8px 2px 0;font-weight:600}.sozr span.tp{text-decoration:line-through;color:var(--y)}
.oz{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #eceff3;font-size:15px}
.oz div{display:flex;gap:4px;flex:none}.oz button{padding:5px 10px}
.nat{margin-top:12px;border-radius:10px;padding:10px 12px;font-weight:700}
.nat.ok{background:var(--yf);color:var(--y)}.nat.wt{background:var(--sf);color:var(--s)}.nat p{font-weight:400;color:var(--t);margin-top:4px;font-size:14.5px}
.yoq{color:var(--k);font-size:14.5px;background:#eceff3;border-radius:10px;padding:10px 12px}
.msl{font-size:14.5px;color:var(--k);margin:4px 0 8px}
.msl span{display:inline-block;background:#f0f2f5;border-radius:16px;padding:3px 10px;margin:2px 4px 2px 0;color:var(--t)}
/* bayroqlar (o'zim chizgan, CSS) */
.fl{display:inline-block;width:42px;height:28px;border:1px solid #9aa3af;border-radius:3px;vertical-align:middle;margin-right:4px}
.vr.rs .fl{width:54px;height:36px;margin:2px 0}
.fl.de{background:linear-gradient(#000 33.3%,#d00 33.3% 66.6%,#fc0 66.6%)}
.fl.fr{background:linear-gradient(90deg,#0b3ea8 33.3%,#fff 33.3% 66.6%,#e1232d 66.6%)}
.fl.it{background:linear-gradient(90deg,#0a9246 33.3%,#fff 33.3% 66.6%,#ce2b37 66.6%)}
.fl.ru{background:linear-gradient(#fff 33.3%,#0b3ea8 33.3% 66.6%,#d52b1e 66.6%)}
.fl.nl{background:linear-gradient(#ae1c28 33.3%,#fff 33.3% 66.6%,#21468b 66.6%)}
.fl.at{background:linear-gradient(#ed2939 33.3%,#fff 33.3% 66.6%,#ed2939 66.6%)}
.fl.bg{background:linear-gradient(#fff 33.3%,#00966e 33.3% 66.6%,#d62612 66.6%)}
.fl.pl{background:linear-gradient(#fff 50%,#dc143c 50%)}
.fl.ua{background:linear-gradient(#0057b7 50%,#ffd700 50%)}
.fl.jp{background:radial-gradient(circle at 50% 50%,#bc002d 0 30%,#fff 31%)}
/* lug'at, vazifa, ustoz */
.lg{display:grid;grid-template-columns:44px 1fr 1fr;gap:8px;padding:7px 4px;border-bottom:1px solid #eceff3;font-size:15.5px}
.lg b{color:var(--k);font-weight:600;font-size:13.5px}.lg.yash span:last-child{color:transparent;background:#eceff3;border-radius:6px}
.vz{border-left:4px solid var(--q)}
.vz b{font-size:16.5px}.vz small{display:block;color:var(--k);font-size:13.5px}
.is{border:1px solid var(--ch);border-radius:12px;padding:12px;margin-bottom:12px;background:#fff}
.is h4{font-size:15.5px}.is h4 small{font-weight:400;color:var(--k);margin-left:6px}
.ir{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:6px 0;border-bottom:1px solid #eceff3;font-size:15px}
.ir small{display:block;color:var(--k);font-size:13px}
.ir .mk{display:flex;gap:4px}
.ir .mk button{width:34px;height:34px;border-radius:8px;border:1px solid #c3cad5;background:#fff;font-weight:700;color:var(--k)}
.ir .mk button.y{background:var(--y);border-color:var(--y);color:#fff}.ir .mk button.n{background:var(--x);border-color:var(--x);color:#fff}
table.jr{width:100%;border-collapse:collapse;font-size:14.5px}
table.jr th{text-align:left;font-size:12.5px;color:var(--k);padding:6px;border-bottom:2px solid var(--ch)}
table.jr td{padding:8px 6px;border-bottom:1px solid #eceff3}
.kod{font-family:Consolas,monospace;font-size:20px;font-weight:700;letter-spacing:3px;color:var(--q)}
.manba{font-size:12.5px;color:var(--k);margin:24px 0 0;text-align:center}
@media(max-width:620px){.qt.u2,.qt.u3{grid-template-columns:1fr}.quti{grid-template-columns:1fr}.harflar{grid-template-columns:repeat(5,1fr)}.sonlar{grid-template-columns:repeat(2,1fr)}h2{font-size:19px}}