:root{--background:#f4f5f7;--surface:#fff;--surface-hover:#f8f9fb;--foreground:#14171a;--muted:#6b7280;--muted-2:#9199a6;--border:#e5e7eb;--primary:#4f46e5;--primary-hover:#4338ca;--primary-soft:#eef2ff;--primary-soft-fg:#4338ca;--danger:#dc2626;--danger-hover:#b91c1c;--danger-soft:#fef2f2;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow-sm:0 1px 2px #1018280f;--shadow-md:0 8px 24px #10182814;--font-mono:ui-monospace, "SF Mono", "Cascadia Code", "Roboto Mono", Menlo, Consolas, monospace}@media (prefers-color-scheme:dark){:root{--background:#0c0d10;--surface:#16181d;--surface-hover:#1c1f26;--foreground:#f2f3f5;--muted:#9aa1ab;--muted-2:#6f7680;--border:#262a32;--primary:#6366f1;--primary-hover:#818cf8;--primary-soft:#1e1b4b;--primary-soft-fg:#a5b4fc;--danger:#f87171;--danger-hover:#fca5a5;--danger-soft:#2a1518;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 8px 24px #00000059}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}html{height:100%}html,body{max-width:100vw;overflow-x:hidden}body{min-height:100%;color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,Helvetica,Arial,sans-serif;display:flex}*{box-sizing:border-box}a{color:inherit;text-decoration:none}h1,h2,p,ul{margin:0}.muted{color:var(--muted)}.app-header{z-index:40;border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--surface) 85%, transparent);-webkit-backdrop-filter:blur(10px);justify-content:space-between;align-items:center;padding:.9rem 1.75rem;display:flex;position:sticky;top:0}.app-title{letter-spacing:-.01em;align-items:center;gap:.5rem;font-size:1.05rem;font-weight:700;display:flex}.app-title:before{content:"";background:var(--primary);width:9px;height:9px;box-shadow:0 0 0 3px var(--primary-soft);border-radius:50%}.app-header-right{align-items:center;gap:1rem;display:flex}.app-username{color:var(--muted);font-size:.85rem}.page{flex-direction:column;gap:1.5rem;width:100%;max-width:980px;margin:0 auto;padding:2.5rem 1.75rem 4rem;display:flex}.page h1{letter-spacing:-.02em;font-size:1.6rem;font-weight:700}.breadcrumb{color:var(--muted);font-size:.85rem}.breadcrumb a:hover{color:var(--primary)}.auth-page{background:radial-gradient(circle at 20% 15%, var(--primary-soft), transparent 45%), var(--background);flex:1;justify-content:center;align-items:center;padding:1.5rem;display:flex}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:380px;box-shadow:var(--shadow-md);flex-direction:column;gap:1.5rem;padding:2.25rem;display:flex}.auth-card h1{letter-spacing:-.02em;font-size:1.35rem}.auth-subtitle{color:var(--muted);margin-top:-.75rem;font-size:.9rem}.auth-form{flex-direction:column;gap:1.1rem;display:flex}.field{flex-direction:column;gap:.4rem;display:flex}.field label{color:var(--muted);font-size:.8rem;font-weight:500}.field input,.field select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--background);color:var(--foreground);padding:.6rem .75rem;font-size:.95rem;transition:border-color .15s,box-shadow .15s}.field input:focus,.field select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);outline:none}.form-error{color:var(--danger);background:var(--danger-soft);border-radius:var(--radius-sm);padding:.6rem .8rem;font-size:.88rem}.form-actions{justify-content:flex-end;gap:.6rem;margin-top:.25rem;display:flex}.btn{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:1px solid #0000;padding:.55rem 1.05rem;font-size:.88rem;font-weight:600;transition:background-color .15s,border-color .15s,transform 50ms}.btn:active:not(:disabled){transform:scale(.98)}.btn-primary{background:var(--primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-ghost{border-color:var(--border);color:var(--foreground);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--surface-hover);border-color:var(--muted-2)}.btn-danger{border-color:var(--border);color:var(--danger);background:0 0}.btn-danger:hover:not(:disabled){background:var(--danger-soft);border-color:var(--danger)}.btn:disabled{opacity:.55;cursor:not-allowed}.domain-list{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.85rem;list-style:none;display:grid}.domain-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);align-items:center;gap:.7rem;padding:1.1rem 1.2rem;font-weight:600;transition:border-color .15s,box-shadow .15s,transform .1s;display:flex}.domain-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.domain-card-icon{background:var(--primary-soft);width:2rem;height:2rem;color:var(--primary-soft-fg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.toolbar-filters{flex-wrap:wrap;flex:1;gap:.6rem;min-width:260px;display:flex}.type-select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--foreground);min-width:150px;padding:.55rem .7rem;font-size:.88rem;font-weight:500}.filter-input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);min-width:200px;color:var(--foreground);flex:1;padding:.55rem .75rem;font-size:.9rem}.type-select:focus,.filter-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);outline:none}.table-wrapper{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-sm);overflow-x:auto}.records-table{border-collapse:collapse;width:100%;font-size:.88rem}.records-table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);border-bottom:1px solid var(--border);white-space:nowrap;padding:.7rem 1rem;font-size:.72rem;font-weight:600}.records-table td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;vertical-align:middle;padding:.75rem 1rem}.records-table tbody tr{transition:background-color .1s}.records-table tbody tr:hover{background:var(--surface-hover)}.records-table tbody tr:last-child td{border-bottom:none}.subdomain-cell{font-weight:600}.target-cell{text-overflow:ellipsis;max-width:340px;font-family:var(--font-mono);color:var(--muted);font-size:.85rem;overflow:hidden}.ttl-cell{font-family:var(--font-mono);color:var(--muted);font-size:.85rem}.actions-cell{justify-content:flex-end;gap:.35rem;display:flex}.btn-icon{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);width:2rem;height:2rem;color:var(--muted);cursor:pointer;justify-content:center;align-items:center;padding:0;transition:background-color .15s,border-color .15s,color .15s,transform 50ms;display:inline-flex}.btn-icon:hover:not(:disabled){background:var(--surface-hover);border-color:var(--primary);color:var(--primary)}.btn-icon:active:not(:disabled){transform:scale(.94)}.btn-icon:disabled{opacity:.5;cursor:not-allowed}.btn-icon-danger:hover:not(:disabled){background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}.empty-cell{text-align:center;color:var(--muted);white-space:normal;padding:2rem}.badge{--hue:230;background:hsl(var(--hue) 75% 94%);color:hsl(var(--hue) 55% 32%);letter-spacing:.02em;border-radius:999px;padding:.2rem .55rem;font-size:.72rem;font-weight:700;display:inline-block}@media (prefers-color-scheme:dark){.badge{background:hsl(var(--hue) 40% 20%);color:hsl(var(--hue) 75% 78%)}}.modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:50;background:#0a0c108c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:420px;box-shadow:var(--shadow-md);flex-direction:column;gap:1.1rem;max-height:90vh;padding:1.6rem;display:flex;overflow-y:auto}.modal h2{letter-spacing:-.01em;font-size:1.1rem;font-weight:700}.record-form{flex-direction:column;gap:.9rem;display:flex}.test-result{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:.75rem;padding:.9rem 1rem;display:flex}.test-row{flex-direction:column;gap:.2rem;display:flex}.test-label{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:.72rem;font-weight:600}.test-value{font-family:var(--font-mono);word-break:break-word;font-size:.88rem}.test-answers{flex-direction:column;gap:.2rem;list-style:none;display:flex}.test-match{color:var(--foreground)}.test-mismatch{color:var(--danger)}.test-note{font-size:.8rem}.test-note a{color:var(--primary);font-weight:600}.test-note a:hover{text-decoration:underline}