.x-pw[hidden]{display:none!important}
.x-pw{margin:.6rem 0}
.x-card,.x-form,.x-door,.x-clock,.x-phone,.x-g,.x-tv,.x-sms{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:.85rem 1rem;margin:0 0 .8rem;min-width:0}
.x-ch{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.3rem .6rem;align-items:baseline}
.x-ch b{color:var(--head);overflow-wrap:anywhere}
.x-ch span{font-size:.8rem;color:var(--muted)}
.x-card p{margin:.35rem 0;overflow-wrap:anywhere}
.x-btns{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}
.x-btns .btn,.x-form .btn,.x-list .btn,.x-mi .btn,.x-gl .btn,.x-inl .btn,.x-card .btn,.x-rv .btn{padding:.45rem .8rem;font-size:.82rem}
.x-form h4,.x-door h4{margin:.2rem 0 .5rem;color:var(--head);font-size:.95rem}
.x-form input,.x-form select,.x-form textarea,.x-inl input,.x-inl select,.x-clock select,.x-mi input{width:100%;box-sizing:border-box;padding:.5rem .6rem;border:1px solid var(--line);border-radius:9px;background:var(--bg2);color:var(--text);font:inherit;font-size:.88rem;min-width:0}
.x-form>input,.x-form>textarea,.x-form>.x-lb{margin-bottom:.5rem;display:block}
.x-r2,.x-r3{display:grid;gap:.5rem;margin-bottom:.5rem;align-items:end}
.x-r2{grid-template-columns:repeat(2,minmax(0,1fr))}
.x-r3{grid-template-columns:repeat(3,minmax(0,1fr))}
.x-lb{font-size:.75rem;color:var(--muted);display:block;min-width:0}
.x-chk{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--text)}
.x-chk input{width:auto}
.x-inl{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.5rem}
.x-inl input{flex:2 1 8rem;width:auto}
.x-inl select{flex:1 1 6rem;width:auto}
.x-big{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.4rem}
.x-big b{font-size:2.4rem;color:var(--o);line-height:1}
.x-big span{color:var(--muted);font-size:.85rem}
.x-warn{color:var(--o)}
.x-gl,.x-list{list-style:none;margin:0 0 .6rem;padding:0}
.x-gl li,.x-list li{display:flex;justify-content:space-between;align-items:center;gap:.6rem;padding:.5rem 0;border-bottom:1px solid var(--line)}
.x-list li>div,.x-gl li>span{min-width:0;overflow-wrap:anywhere}
.x-list small{display:block;color:var(--muted);font-size:.78rem;overflow-wrap:anywhere}
.x-list b{color:var(--head)}
.x-list em,.x-gl em{font-style:normal;color:var(--o);font-size:.8rem;white-space:nowrap}
.x-list li.x-on{background:var(--bg2);border-radius:10px;padding-left:.5rem;padding-right:.5rem}
.x-pill{display:inline-block;font-size:.7rem;font-weight:600;padding:.1rem .5rem;border-radius:99px;border:1px solid var(--line);color:var(--muted)}
.x-on .x-pill,.x-pill.x-hot{border-color:var(--o);color:var(--o)}
.x-tv{border:6px solid var(--head);border-radius:12px}
.x-tvh{font-size:.72rem;letter-spacing:.14em;color:var(--o);font-weight:700}
.x-tvg{margin:.3rem 0}
.x-tvg b{display:block;font-size:1.3rem;color:var(--head);overflow-wrap:anywhere}
.x-tvg span{font-size:.8rem;color:var(--muted)}
.x-tvs{margin:.4rem 0;font-size:.85rem;overflow-wrap:anywhere}
.x-tvs em{color:var(--o);font-style:normal}
.x-tvu{font-size:.7rem;letter-spacing:.08em;color:var(--muted);border-top:1px solid var(--line);padding-top:.4rem;margin-top:.4rem}
.x-tvu span{display:block;letter-spacing:0;font-size:.8rem;color:var(--text)}
.x-clock{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .8rem}
.x-clock b{color:var(--head)}
.x-clock select{width:auto}
.x-clock input[type=range]{flex:1 1 10rem;accent-color:var(--o);min-width:0}
.x-clock output{font-weight:700;color:var(--o);min-width:4.5rem}
.x-clock .x-btns{flex-basis:100%;margin:0}
.x-mi{display:grid;grid-template-columns:minmax(0,1fr) 5.5rem auto;gap:.5rem;align-items:center;padding:.45rem 0;border-bottom:1px solid var(--line)}
.x-mi span{min-width:0;overflow-wrap:anywhere}
.x-mi b{color:var(--head)}
.x-mi small{display:block;color:var(--muted);font-size:.75rem}
.x-mi label{display:flex;align-items:center;gap:.2rem;color:var(--muted)}
.x-mi.x-out b,.x-row.x-out span{text-decoration:line-through;color:var(--muted)}
.x-phone{max-width:300px;border-radius:24px;border:3px solid var(--line)}
.x-ph{font-size:.8rem;font-weight:600;color:var(--head);margin-bottom:.5rem}
.x-banner{background:var(--bg2);border-left:3px solid var(--o);border-radius:8px;padding:.45rem .6rem;font-size:.8rem;margin-bottom:.4rem;overflow-wrap:anywhere}
.x-banner em{display:block;color:var(--o);font-style:normal;font-weight:600}
.x-cat{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--o);margin:.5rem 0 .2rem}
.x-row{display:flex;justify-content:space-between;gap:.5rem;font-size:.85rem;margin:.15rem 0}
.x-row u{color:var(--o);text-decoration:none;font-size:.7rem}
.x-g b{color:var(--head)}
.x-g p{margin:.3rem 0;font-size:.85rem;overflow-wrap:anywhere}
.x-g small{color:var(--muted)}
.x-q{background:var(--bg2);border-radius:10px;padding:.6rem .8rem;margin:.2rem 0 .6rem;font-size:.85rem}
.x-q div{display:flex;justify-content:space-between;gap:.5rem}
.x-q .x-tot{border-top:1px solid var(--line);margin-top:.3rem;padding-top:.3rem;color:var(--head);font-weight:600}
.x-rs{margin:.4rem 0;padding-left:1.1rem;font-size:.8rem;color:var(--text)}
.x-floor{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem;margin-bottom:.7rem}
.x-t{border:1px dashed var(--line);border-radius:10px;padding:.4rem;font-size:.72rem;min-width:0;overflow-wrap:anywhere}
.x-t b{display:block;color:var(--head);font-size:.8rem}
.x-t small,.x-t span{display:block;color:var(--muted)}
.x-t.x-bk{border:1px solid var(--o);background:var(--bg2)}
.x-t.x-bk span{color:var(--text)}
.x-t.x-tin{border:2px solid var(--o)}
.x-t.x-tin span{color:var(--o);font-weight:600}
.x-sms{background:var(--bg2)}
.x-sms .x-bub{background:var(--card);border-radius:14px 14px 14px 4px;padding:.6rem .75rem;font-size:.85rem;overflow-wrap:anywhere;white-space:pre-wrap;color:var(--text)}
.x-bars{margin:.3rem 0 .8rem}
.x-bar{display:grid;grid-template-columns:2.4rem minmax(0,1fr) 4.8rem;gap:.5rem;align-items:center;font-size:.78rem;margin:.25rem 0}
.x-bar div{display:flex;height:12px;background:var(--bg2);border-radius:6px;overflow:hidden}
.x-bar i{background:var(--muted);opacity:.55}
.x-bar i.x-up{background:var(--o);opacity:1}
.x-bar b{text-align:right;color:var(--head)}
.x-rv{border-bottom:1px solid var(--line);padding:.5rem 0;font-size:.85rem}
.x-rv b{color:var(--head)}
.x-rv p{margin:.2rem 0 .4rem;overflow-wrap:anywhere}
.x-rv .x-rep{color:var(--muted);border-left:2px solid var(--o);padding-left:.5rem}
@media (max-width:560px){.x-r3{grid-template-columns:repeat(2,minmax(0,1fr))}.x-floor{grid-template-columns:repeat(2,minmax(0,1fr))}.x-mi{grid-template-columns:minmax(0,1fr) 4.6rem}.x-mi .btn{grid-column:1/-1;justify-self:start}.x-phone{max-width:none}.x-big b{font-size:2rem}}