.dns-viewport{padding:14px 14px 4px;overflow:hidden}.dns-track{align-items:stretch;transition:transform .3s;display:flex}.dns-nav{justify-content:center;align-items:center;gap:14px;padding:6px 0 14px;display:flex}.dns-arrow{cursor:pointer;color:var(--white);border-radius:var(--radius);background:0 0;border:1px solid #ffffff4d;width:30px;height:30px;font-size:1rem;line-height:1}.dns-arrow:disabled{opacity:.3;cursor:default}.dns-dots{align-items:center;gap:8px;display:flex}.dns-dot{cursor:pointer;background:0 0;border:1px solid #fff6;border-radius:50%;width:8px;height:8px;padding:0;transition:background .15s}.dns-dot.active{background:var(--white);border-color:var(--white)}.dns-row{scroll-snap-align:center;border:1px solid var(--white);border-radius:var(--radius);flex-direction:column;flex:0 0 100%;min-height:300px;padding:16px 14px;display:flex;position:relative}.dns-domain{font-family:var(--font-h);text-align:center;font-weight:700}.pill-wrap{text-align:center;margin:6px 0 12px}.pill{letter-spacing:.06em;text-transform:uppercase;border:1px solid;border-radius:999px;padding:3px 10px;font-size:.62rem;display:inline-block}.pill--ok{color:var(--good);background:#69f0ae1a;border-color:#69f0ae80}.pill--warn{color:var(--neutral);background:#ffd54f1a;border-color:#ffd54f80}.pill--muted{color:var(--dim);border-color:#ffffff4d}.dns-enable,.dns-manual,.dns-active{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;width:100%;display:flex}.dns-enable .s-input,.dns-manual .s-input{flex:none;width:100%;max-width:360px}.dns-enable .export-btn,.dns-manual .export-btn{grid-column:auto;width:100%;max-width:360px}.dc-auto{flex-direction:column;align-items:center;gap:8px;width:100%;max-width:360px;display:flex}.dc-apply{background:var(--white);width:100%;max-width:360px;color:var(--bg);border:1px solid var(--white);grid-column:auto;font-weight:600}@media (hover:hover){.dc-auto .dc-apply:hover{color:var(--white);background:0 0}}.dc-or{letter-spacing:.04em;text-transform:uppercase;opacity:.5;text-align:center;font-size:.7rem}.manual-intro{opacity:.75;text-align:center;max-width:360px;font-size:.78rem}.record{flex-direction:column;align-items:center;gap:5px;width:100%;max-width:360px;display:flex}.record-label{opacity:.6;text-align:center;font-size:.72rem}.rec-fields{flex-direction:column;gap:6px;width:100%;max-width:360px;display:flex}.rec-field{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:8px;padding:7px 10px;display:flex}.rec-key{letter-spacing:.08em;text-transform:uppercase;color:var(--dim);text-align:left;flex:0 0 44px;font-size:.6rem}.rec-val{word-break:break-all;text-align:left;color:var(--white);flex:1;font-family:ui-monospace,JetBrains Mono,Cascadia Code,monospace;font-size:.72rem}.rec-copy{cursor:pointer;font-size:.62rem;font-family:var(--font-b);color:var(--silver);border-radius:var(--radius);background:0 0;border:1px solid #ffffff40;flex:none;padding:3px 8px;transition:background .12s,color .12s}@media (hover:hover){.rec-copy:hover{background:var(--white);color:var(--bg)}}.dns-actions{justify-content:center;gap:8px;width:100%;max-width:360px;display:flex}.dns-actions .export-btn{flex:1;width:auto;max-width:none}.dns-active-sub{opacity:.8;text-align:center;font-size:.8rem}.dns-policy-row{flex-direction:column;align-items:center;gap:6px;margin-top:2px;display:flex}.dns-policy-label{opacity:.8;font-size:.8rem}.policy-trigger{cursor:pointer;background:var(--bg);min-width:170px;color:var(--white);border-radius:var(--radius);font-family:var(--font-b);border:1px solid #ffffff73;padding:8px 16px;font-size:.85rem;transition:border-color .15s}@media (hover:hover){.policy-trigger:hover{border-color:var(--good)}}.policy-card-desc{color:#fff9;text-align:center;max-width:360px;margin-top:4px;font-size:.74rem;line-height:1.5}.policy-overlay{border-radius:var(--radius);z-index:var(--z-modal);background:#000000d9;justify-content:center;align-items:center;padding:10px;display:none;position:absolute;inset:0}.policy-overlay.open{display:flex}.policy-modal{background:var(--bg);border:1px solid var(--white);border-radius:var(--radius);width:100%;max-width:300px;max-height:100%;padding:10px;overflow-y:auto}.policy-option{cursor:pointer;border-radius:var(--radius);text-align:center;border:1px solid #0000;justify-content:center;padding:6px 12px;font-size:.8rem;transition:background .12s,border-color .12s;display:flex}@media (hover:hover){.policy-option:hover{background:#ffffff14}}.policy-option.selected{border-color:var(--good);color:var(--good)}.provider-banner{width:100%;max-width:360px;color:var(--good);border-radius:var(--radius);background:#69f0ae14;border:1px solid #69f0ae66;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:.76rem;display:flex}.detect-origin{opacity:.85;text-align:center;font-size:.74rem}.detect-warn{text-align:center;width:100%;max-width:360px;color:var(--neutral);font-size:.72rem;line-height:1.45}.link-btn{cursor:pointer;color:var(--good);text-underline-offset:2px;font-size:.74rem;font-family:var(--font-b);background:0 0;border:none;padding:0;text-decoration:underline}@media (hover:hover){.link-btn:hover{opacity:.8}}@media (width<=600px){.dns-active-sub{font-size:.72rem}.policy-trigger{font-size:.66rem}.rec-val,.rec-key{overflow-wrap:anywhere;word-break:break-all}}