.x-list{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:6px}
.x-list li{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;background:var(--card);border:1px solid var(--line);border-radius:10px}
.x-list li>div{flex:1 1 170px;min-width:0;overflow-wrap:anywhere}
.x-list li small{display:block;color:var(--muted);font-size:.76rem}
.x-list li b{color:var(--head)}
.x-list .btn{padding:6px 12px;font-size:.8rem}
.x-dim{opacity:.55}
.x-plate{display:inline-block;font-weight:700;letter-spacing:.08em;border:2px solid var(--head);border-radius:5px;padding:1px 8px;color:var(--head);background:var(--card);font-size:.85rem;white-space:nowrap}
.x-plate.x-sm{font-size:.68rem;padding:0 5px;margin-left:6px;border-width:1.5px}
.x-plate.x-big{font-size:1.5rem;padding:4px 16px}
.x-pill{font-size:.72rem;font-weight:600;padding:2px 9px;border-radius:99px;border:1px solid currentColor;white-space:nowrap}
.x-ok{color:#2e9d5b}.x-bad{color:#d0453a}.x-warn{color:var(--o)}.x-mut{color:var(--muted)}
.x-form{display:grid;gap:8px;margin:10px 0}
.x-form input,.x-form select,.x-row input,.x-row select,.x-rates select{width:100%;min-width:0;padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--text);font:inherit;font-size:.86rem;box-sizing:border-box}
.x-2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.x-row{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0;align-items:center}
.x-row>input,.x-row>select{flex:1 1 120px;width:auto}
.x-phone{max-width:360px;border:2px solid var(--line);border-radius:22px;padding:14px;background:var(--bg2)}
.x-ph-h{font-weight:700;color:var(--head);display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}
.x-ph-h span{color:var(--o);font-size:.8rem}
.x-chk{display:flex;gap:8px;align-items:center;font-size:.84rem;color:var(--text)}
.x-form .x-chk input{width:auto}
.x-tot{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:.8rem;color:var(--muted)}
.x-tot b{font-size:1.3rem;color:var(--head)}
.x-sms{margin-top:12px;max-width:360px;background:var(--bg2);color:var(--text);border-radius:14px 14px 14px 4px;padding:10px 12px;font-size:.84rem;overflow-wrap:anywhere}
.x-sms small{display:block;color:var(--muted);font-size:.72rem;margin-bottom:3px}
.x-card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px;margin-bottom:12px;overflow-wrap:anywhere}
.x-ch{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px;color:var(--head)}
.x-ch span{color:var(--o);font-size:.82rem}
.x-btns{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.x-ba{background:var(--bg2);border-left:3px solid var(--o);padding:8px 10px;border-radius:6px;font-size:.84rem;display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;overflow-wrap:anywhere}
.x-ba span{flex:1 1 180px;min-width:0}
.x-gate{background:var(--bg2);border-radius:14px;padding:12px;display:grid;gap:8px}
.x-cam{position:relative;border-radius:10px;background:var(--deep);padding:28px 10px 18px;text-align:center}
.x-rec{position:absolute;top:6px;left:10px;font-size:.7rem;color:var(--o)}
.x-barrier{position:relative;height:50px}
.x-barrier s{position:absolute;left:0;bottom:0;width:18px;height:40px;background:var(--head);border-radius:4px}
.x-barrier i{position:absolute;left:12px;bottom:28px;width:80%;height:8px;border-radius:4px;background:repeating-linear-gradient(90deg,var(--o) 0 18px,var(--card) 18px 30px);transform-origin:left center;transition:transform .6s}
.x-barrier.x-open i{transform:rotate(-75deg)}
.x-res{padding:8px 10px;border-radius:8px;border:1px solid var(--line);background:var(--card);overflow-wrap:anywhere;margin-bottom:10px}
.x-res p{margin:4px 0 0;font-size:.84rem}
.x-res b{color:var(--head)}
.x-r-open{border-color:#2e9d5b}.x-r-casual{border-color:var(--o)}.x-r-deny{border-color:#d0453a}
.x-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.x-chip{border:1px solid var(--line);background:var(--card);color:var(--head);border-radius:8px;padding:4px 8px;font:inherit;font-size:.76rem;font-weight:700;cursor:pointer;letter-spacing:.05em}
.x-chip small{display:block;font-weight:400;color:var(--muted);letter-spacing:0;font-size:.64rem}
.x-log{list-style:none;padding:0;margin:0;display:grid;gap:5px;font-size:.8rem}
.x-log li{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.x-log em{flex:1 1 90px;color:var(--muted);min-width:0;overflow-wrap:anywhere}
.x-ph{width:60px;height:40px;color:var(--muted);flex:none}
.x-lv{margin-bottom:10px}
.x-lvh{display:flex;justify-content:space-between;font-size:.86rem;gap:8px;flex-wrap:wrap}
.x-lvh b{color:var(--head)}
.x-bar{display:flex;height:14px;border-radius:7px;background:var(--bg2);overflow:hidden;margin:4px 0}
.x-bar i{background:var(--o)}.x-bar em{background:var(--o);opacity:.35}
.x-lv small{color:var(--muted);font-size:.74rem}
.x-out{margin:12px 0}
.x-sign{background:var(--deep);border-radius:10px;padding:10px;font-family:monospace;color:var(--o)}
.x-sign p{display:flex;justify-content:space-between;margin:2px 0;font-size:1rem}
.x-sign small,.x-web small{display:block;color:var(--muted);font-family:inherit;font-size:.7rem;margin-top:6px}
.x-web{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px;font-size:.8rem;overflow-wrap:anywhere;color:var(--text)}
.x-web-h{color:var(--muted);font-size:.66rem;margin-bottom:6px}
.x-web p{margin:3px 0}
.x-web b{color:var(--head)}
.x-web-b{display:inline-block;background:var(--o);color:var(--card);border-radius:6px;padding:3px 10px;font-weight:600;margin-top:4px}
.x-rates{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.x-rates label{font-size:.76rem;color:var(--muted);display:grid;gap:3px}
.x-rev{list-style:none;padding:0;margin:0;display:grid;gap:6px}
.x-rev li{display:grid;grid-template-columns:22px minmax(0,1.3fr) minmax(0,1fr) auto;gap:8px;align-items:center;font-size:.84rem}
.x-rev em{height:8px;background:var(--bg2);border-radius:4px;overflow:hidden}
.x-rev u{display:block;height:100%;background:var(--o)}
.x-rev b{color:var(--head)}
.x-revt{text-align:right;color:var(--head)}
@media (max-width:560px){.x-rates{grid-template-columns:minmax(0,1fr)}.x-rev li{grid-template-columns:22px minmax(0,1fr) auto}.x-rev em{display:none}.x-plate.x-big{font-size:1.15rem}.x-phone,.x-sms{max-width:none}.x-sign p{font-size:.9rem}}