@keyframes dns-spin{to{transform:rotate(360deg)}}@keyframes dns-copy-flash{0%,to{background:0 0}50%{background:rgba(233,169,60,.15)}}@keyframes dns-modal-in{0%{opacity:0}to{opacity:1}}@keyframes dns-modal-slide{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}#dnsForm{width:100%;background:var(--panel-solid);border:1px solid var(--border);border-radius:12px;padding:18px 20px;margin-bottom:28px}.dns-field-group,.dns-input-row{display:flex;gap:8px;align-items:center}.dns-field-group{position:relative;flex:1;min-width:0;gap:0}.dns-options-row{display:flex;gap:12px;margin-top:14px}.dns-field-group .input-wrapper,.dns-option-group,.dns-server-row input,.dns-server-row select{flex:1;min-width:0}.dns-server-row{display:flex;gap:8px}.dns-server-row input[hidden]{display:none}.dns-custom-help{font-size:12px;color:var(--text-4);margin-top:4px}.dns-sample-btn{flex-shrink:0;width:44px;height:44px;background:var(--panel-solid);border:1px solid var(--border-input);border-radius:8px;cursor:pointer;color:var(--text-3);display:flex;align-items:center;justify-content:center;transition:all var(--transition);margin-left:4px}.dns-sample-btn svg{width:16px;height:16px}.dns-sample-btn:hover{color:var(--accent);border-color:var(--accent)}.dns-submit-row{margin-top:14px}.dns-error{padding:12px 16px;border-radius:10px;background:rgba(220,53,69,.1);border:1px solid rgba(220,53,69,.25);color:#f87171;font-size:14px;margin-bottom:20px}.dns-loader{display:flex;align-items:center;justify-content:center;gap:12px;padding:48px 0;color:var(--text-3);font-size:14px}.dns-loader[hidden]{display:none}.dns-spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:dns-spin .6s linear infinite}.dns-results-header{background:var(--panel-solid);border:1px solid var(--border);border-radius:12px;padding:16px 20px;margin-bottom:16px}.dns-results-title{font-size:15px;font-weight:600;color:var(--text);margin-bottom:2px}.dns-results-title strong{font-family:var(--font-mono);font-size:14px;color:var(--accent)}.dns-server-info{font-size:13px;color:var(--text-3)}.dns-server-info strong{color:var(--text-2)}.dns-toggle-row{display:flex;justify-content:flex-end;margin-bottom:10px}.dns-accordion,.dns-toggle-btn{border:1px solid var(--border);background:var(--panel-solid)}.dns-toggle-btn{color:var(--text-3);padding:6px 14px;border-radius:8px;font-size:12.5px;cursor:pointer;transition:all var(--transition);display:flex;align-items:center;gap:6px}.dns-toggle-btn:hover{border-color:var(--border-focus);color:var(--text)}.dns-accordion{border-radius:12px;overflow:hidden}.dns-accordion-item{border-bottom:1px solid var(--border-row)}.dns-accordion-item:last-child,.dns-table tr:last-child td{border-bottom:none}.dns-accordion-header{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;cursor:pointer;transition:background var(--transition)}.dns-accordion-header:hover,.dns-table tbody tr:hover{background:var(--hover-row)}.dns-accordion-title{font-size:13.5px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:8px}.dns-accordion-title svg{width:16px;height:16px;color:var(--accent);flex-shrink:0}.dns-accordion-badge{font-size:11px;font-weight:500;color:var(--text-4);background:var(--panel);padding:2px 8px;border-radius:999px}.dns-accordion-arrow{width:12px;height:12px;color:var(--text-4);transition:transform .2s ease;flex-shrink:0}.dns-accordion-item.is-open .dns-accordion-arrow{transform:rotate(180deg)}.dns-accordion-body{max-height:0;overflow:hidden;transition:max-height .3s ease}.dns-accordion-item.is-open .dns-accordion-body{max-height:2000px}.dns-accordion-content{padding:0}.dns-table-wrap{overflow-x:auto}.dns-table{width:100%;border-collapse:collapse;font-size:13px}.dns-table td,.dns-table th{padding:10px 16px;border-bottom:1px solid var(--border-row)}.dns-table th{text-align:left;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-3);white-space:nowrap}.dns-table td{vertical-align:top;font-family:var(--font-mono);font-size:12.5px;word-break:break-all}.dns-table tbody tr{cursor:pointer;transition:background var(--transition)}.dns-table tbody tr.is-copied{animation:dns-copy-flash .5s ease}.dns-clickable{color:var(--text);text-decoration:none;transition:opacity var(--transition)}.dns-clickable:hover{color:var(--text);opacity:.7}.dns-no-records{padding:20px;text-align:center;color:var(--text-4);font-size:13px;font-style:italic}.dns-modal{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;animation:dns-modal-in .2s ease}.dns-modal[hidden]{display:none}.dns-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.dns-modal-dialog{position:relative;background:var(--panel-solid);border:1px solid var(--border);border-radius:16px;max-width:520px;width:90%;max-height:90vh;overflow-y:auto;animation:dns-modal-slide .25s ease}.dns-modal-header{padding:24px 24px 16px;text-align:center;border-bottom:1px solid var(--border-row)}.dns-modal-header h3{font-size:17px}.dns-modal-icon{font-size:28px;margin-bottom:10px;display:block}.dns-modal-icon.is-warn{color:#f87171}.dns-modal-icon.is-info{color:var(--accent)}.dns-modal-body{padding:20px 24px}.dns-modal-text{font-size:13.5px;color:var(--text-body);line-height:1.6;margin-bottom:16px}.dns-modal-info-item strong,.dns-modal-text strong,.dns-table td{color:var(--text)}.dns-modal-info{background:var(--field);border-radius:10px;padding:12px;margin-bottom:16px}.dns-modal-info-item{display:flex;align-items:flex-start;gap:10px;padding:8px;color:var(--text-body);font-size:13px;line-height:1.5}.dns-modal-info-icon{flex-shrink:0;width:16px;height:16px;color:var(--accent);margin-top:2px}.dns-modal-code{background:var(--field);border-radius:10px;padding:10px 14px;margin-bottom:10px}.dns-modal-code-label{font-size:11.5px;font-weight:600;color:var(--text-4);margin-bottom:4px}.dns-modal-code-block{font-family:var(--font-mono);font-size:13px;color:var(--text-body);padding:8px 10px;background:var(--panel-solid);border:1px solid var(--border);border-radius:6px;word-break:break-all}.dns-modal-footer{padding:12px 24px 24px;display:flex;justify-content:center}@media (max-width:768px){.dns-input-row{flex-wrap:wrap}.dns-field-group{flex-basis:100%}.dns-options-row{flex-direction:column}.dns-table td,.dns-table th{padding:8px 12px}.dns-modal-dialog{width:95%}}