.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.server-page .page-heading{margin-bottom:20px}.server-heading-actions{display:flex;flex-wrap:wrap;gap:10px}.server-page .section-title{margin:18px 0 10px}.server-page .dns-node-table th,.server-page .dns-node-table td{padding:10px 18px}@media(max-width:1000px){.server-page .page-heading{flex-wrap:wrap}.server-heading-actions .btn{font-size:12px}}
.server-filters{padding:17px 20px 5px;display:flex;flex-wrap:wrap;gap:5px}.server-list-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 20px 20px}.server-list-tools .search{flex:1;max-width:350px;min-width:210px}.server-sort{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--secondary)}.server-sort select{width:205px;padding:8px 10px;font-size:12px}.server-results{font-size:12px;color:var(--secondary);margin-right:auto}.server-table{min-width:990px}.server-table th,.server-table td{padding:13px 14px}.server-table td{font-size:12px}.server-table th{font-size:11px}.server-table .domain-name{font-size:12px}.server-seen{white-space:nowrap;color:var(--secondary)}.server-table .cell-sub{font-size:10px;max-width:250px;overflow-wrap:anywhere}.count-link{color:var(--blue);font-weight:500}.dns-node-table td{font-size:12px}.server-table .badge{font-size:10px}
@media(max-width:700px){.server-filters{padding:13px 14px 0}.server-list-tools{padding:14px;gap:12px}.server-list-tools .search{min-width:100%;max-width:none}.server-sort{flex:1}.server-sort select{flex:1;width:auto;max-width:220px}.server-results{margin-right:0}.dns-node-table{min-width:700px}}
.brand{gap:10px;margin-inline:6px;font-size:19px}.brandmark{width:48px;height:44px;flex:none;border-radius:13px;background:linear-gradient(145deg,#369eff,#0878ed)}.brand-logo{width:35px;height:26px;object-fit:contain;display:block}.brand-en{font-size:10px;letter-spacing:1.1px}.workspace-icon img{width:23px;height:18px}.workspace-icon{background:#167beb}
.theme-control{display:flex}.theme-control select{width:88px;font-size:12px;padding:7px 8px;border-radius:9px;background:var(--surface);border-color:var(--line)}.login-theme{position:absolute;top:24px;left:24px}.quick-trigger{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--surface);color:var(--secondary);padding:7px 10px;border-radius:9px;font-size:12px}.quick-trigger .icon{width:16px;height:16px}kbd{font:10px 'Segoe UI',sans-serif;background:var(--bg);border:1px solid var(--line);border-radius:4px;padding:1px 5px;direction:ltr}.top-actions{gap:12px}
.quick-search{width:580px}.quick-search-body{padding:20px 24px}.quick-status{font-size:12px;color:var(--secondary);padding:14px 0}.quick-results{max-height:48dvh;overflow:auto}.quick-result{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px;border:1px solid transparent;border-radius:9px}.quick-result:hover,.quick-result:focus-visible{background:var(--blue-soft);border-color:var(--line)}.quick-result b{font:500 14px 'Segoe UI',sans-serif;overflow-wrap:anywhere}.quick-result small{font-size:11px;color:var(--secondary)}.quick-result-copy{min-width:0;display:flex;flex-direction:column;gap:4px}.quick-kind{font-size:11px;color:var(--blue);white-space:nowrap}.copy-status{position:fixed;bottom:24px;left:24px;z-index:100;padding:10px 17px;background:var(--ink);color:var(--surface);border-radius:11px;box-shadow:0 8px 30px #0002;font-size:13px}.copy-status:empty{display:none}
.compare-summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 24px}.compare-form{display:flex;align-items:flex-end;gap:12px;padding:0 24px 24px}.compare-form .field{flex:1;margin:0}.compare-status{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.compare-meta{display:flex;flex-wrap:wrap;gap:18px;padding:18px 24px;border-top:1px solid var(--line);font-size:12px;color:var(--secondary)}.compare-meta b{font-weight:500;color:var(--ink)}.compare-sources{margin-bottom:24px}.compare-intro{margin-bottom:20px}.copy-button{flex:none}
:root[data-theme=dark]{color-scheme:dark;--bg:#0c1119;--surface:#141c28;--ink:#edf2f9;--muted:#9caabd;--secondary:#b0bdce;--line:#293548;--blue:#64acff;--blue-soft:#192e48;--green:#66d5a5;--amber:#edc37c}
:root[data-theme=dark] .sidebar{background:#101721}
:root[data-theme=dark] .card-link{background:#172230;color:#96caff}
:root[data-theme=dark] .network-line b{color:#c6d2e2}
:root[data-theme=dark] .network-node.dns>.icon{background:#1b3451;color:#96caff}
:root[data-theme=dark] .timeline-icon{background:#1b3451;color:#96caff}
:root[data-theme=dark] :where(.attention-banner b,.attention-banner div>span,.attention-action){color:#ebca8e}
:root[data-theme=dark] .attention-banner .icon-box{background:#493a22;color:#ebca8e}
:root[data-theme=dark] :where(.deployment-note,.live-tag){color:var(--secondary)}
:root[data-theme=dark] .topbar{background:#101721d9}
:root[data-theme=dark] :where(.card,.stat-card,.workspace,.domain-meta,dialog,.login-card,.btn,input:not([type=checkbox]),textarea,select,.record-form .form-actions,.skip){background:var(--surface);border-color:var(--line);color:var(--ink);box-shadow:none}
:root[data-theme=dark] :where(td,th,.pagination,.card-link,.network-line,.table-note,.account,.dialog-heading,.form-actions,.switch-row,.domain-meta>div,.source-selection,.server-numbers,.server-numbers>div,.node-note,.diff-item,.check-row,.install-row,.timeline-row){border-color:var(--line)}
:root[data-theme=dark] :where(th,.form-note,.dialog-note,.command,.diff-columns>div,.seg-label,.server-mini,.domain-icon,.network-node>.icon,.node-large,.login-symbol){background:#1a2535;border-color:var(--line);color:#bccce0}
:root[data-theme=dark] :where(.brand-en,.workspace small,.nav-label,.nav-item,.account small,.connection,.crumb,.crumb b,.secure,.date,.eyebrow,.page-heading p,.card-heading p,.text-link,.stat-head,.stat-foot,.stat-card em,.chart-summary>span:not(.badge),.bar-column>span,.chart-legend,.network-node,.network-node b,.network-line,.network-line span,.card-link,.list-toolbar .tabs a,.domain-cell small,.inline-label,.pagination,.empty,.cell-sub,.section-title>span,.server-card>p,.server-numbers span,.node-properties span,.node-note,.filter-chips a,.reason-cell,.actor-cell,.back-link,.domain-meta span:not(.dot),.record-value,.table-note,.field label,.field-help,.form-note,.switch-row b,.switch-row small,.form-intro p,.dialog-heading p,.dialog-note,.login-card>p,.login-security,.login-page footer,.source-selection p,.diff-columns small,.diff-columns pre,.check-row p,.footer,.timeline-row>div>span,.timeline-row time,.chart-legend>span){color:var(--secondary)}
:root[data-theme=dark] :where(.icon-button,.card-heading>.icon){color:#a7b8cc}
:root[data-theme=dark] :where(.btn:hover,.icon-button:hover,tbody tr:hover,.nav-item:hover){background:#202e41;border-color:#3a4c65;color:var(--ink)}
:root[data-theme=dark] .btn.primary{background:#328fff;border-color:#328fff;color:#081321;box-shadow:0 4px 20px #148cff14}
:root[data-theme=dark] .btn.primary:hover{background:#72b6ff}
:root[data-theme=dark] .btn.ghost{background:transparent;border-color:transparent;color:#afc2da}
:root[data-theme=dark] :where(.nav-item.active,.tabs a.selected,.filter-chips a.selected){background:var(--blue-soft);color:#86c0ff;border-color:#355477}
:root[data-theme=dark] :where(.nav-item small,.nav-item.active small,.tabs a>span,.avatar){background:#263950;color:#bad9fb}
:root[data-theme=dark] :where(.badge.green,.icon-box.green,.timeline-icon.published,.toast){background:#14362c;color:#82dfb6;border-color:#265a45}
:root[data-theme=dark] :where(.badge.blue,.icon-box.blue,.timeline-icon.queued){background:#1b3451;color:#96caff}
:root[data-theme=dark] :where(.badge.amber,.icon-box.orange,.attention-banner,.draft-note){background:#352c1b;color:#ebca8e;border-color:#57472b}
:root[data-theme=dark] :where(.badge.red,.toast.error,.technical-error,.timeline-icon.failed,.errorlist.nonfield){background:#3b242b;color:#ffb0b8;border-color:#69404b}
:root[data-theme=dark] :where(.badge.gray,.seg-label){background:#253043;color:#c1ccda}
:root[data-theme=dark] .icon-box.violet{background:#302641;color:#c5adf3}
:root[data-theme=dark] :where(.text-red,.errorlist){color:#ffa9b4}
:root[data-theme=dark] .record-type{background:#202c3e;border-color:#33465e;color:#bbd0e9}
:root[data-theme=dark] :where(.record-type.a,.record-type.aaaa){background:#1b314a;border-color:#304f73;color:#99ccff}
:root[data-theme=dark] .record-type.mx{background:#312840;border-color:#4c3c61;color:#d7bcff}
:root[data-theme=dark] .record-type.txt{background:#332e23;border-color:#514631;color:#ecd5a6}
:root[data-theme=dark] .record-type.cname{background:#20352f;border-color:#305346;color:#a2dbc4}
:root[data-theme=dark] .search{background:#141e2c;border-color:var(--line)}
:root[data-theme=dark] .search input:not([type=checkbox]){background:transparent;color:var(--ink)}
:root[data-theme=dark] :where(input::placeholder,textarea::placeholder,.search input::placeholder){color:#9bacc3}
:root[data-theme=dark] .switch{background:#3a485b}
:root[data-theme=dark] .switch-row input:checked+.switch{background:#328fff}
:root[data-theme=dark] .switch:after{background:#f3f7fd}
:root[data-theme=dark] .chart-grid i{border-color:#2a3749}
:root[data-theme=dark] .bar.zero{background:#28384e}
:root[data-theme=dark] .bar{background:linear-gradient(0deg,#387fca,#81beff)}
:root[data-theme=dark] :where(.network-wire:before,.network-wire:after){background:#355278}
:root[data-theme=dark] .login-page{background:radial-gradient(ellipse at 48% 25%,#172e4d 0,transparent 60%),var(--bg)}
:root[data-theme=dark] .login-card{box-shadow:0 24px 100px #0004}
:root[data-theme=dark] dialog::backdrop{background:#02060bc4}
:root[data-theme=dark] .menu-backdrop{background:#02060ba6}
@media(max-width:960px){.quick-trigger span,.quick-trigger kbd{display:none}.quick-trigger{width:34px;height:34px;justify-content:center;padding:0}.theme-control select{width:76px}.brand{font-size:16px;gap:7px;margin-inline:2px}.brandmark{width:40px;height:40px}.brand-logo{width:29px}.brand-en{font-size:9px;letter-spacing:.6px}.top-actions .date{display:none}}
@media(max-width:700px){.topbar{padding-inline:14px}.top-actions{gap:7px}.top-actions .avatar{display:none}.crumb b{max-width:145px}.compare-form{flex-direction:column;align-items:stretch}.compare-summary{align-items:flex-start;flex-direction:column}.quick-search-body{padding:16px}.quick-result{padding-inline:5px}.copy-status{left:16px;right:16px;bottom:16px}.login-theme{left:18px;top:18px}.brand{font-size:19px}.brandmark{width:46px}.brand-logo{width:34px}}
