@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=dark]{--bg-primary: #08101d;--bg-secondary: #0f1b2d;--bg-tertiary: #14233a;--bg-muted: rgba(148, 163, 184, .08);--bg-glass: rgba(8, 16, 29, .72);--bg-glass-hover: rgba(255, 255, 255, .08);--border: rgba(148, 163, 184, .18);--border-glass: rgba(255, 255, 255, .14);--border-strong: rgba(255, 255, 255, .24);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--accent: #0098ea;--accent-hover: #0080cc;--accent-subtle: rgba(0, 152, 234, .14);--success: #10b981;--warning: #f59e0b;--error: #ef4444;--header-bg: rgba(8, 16, 29, .74);--code-bg: #1e293b;--panel-shadow: 0 24px 80px rgba(2, 8, 23, .34);--glass-shadow: 0 18px 50px rgba(2, 8, 23, .3);--radius-pill: 999px;--radius-card: 16px;--radius-sm: 10px}[data-theme=light]{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--bg-muted: rgba(15, 23, 42, .04);--bg-glass: rgba(255, 255, 255, .72);--bg-glass-hover: rgba(255, 255, 255, .92);--border: rgba(15, 23, 42, .1);--border-glass: rgba(15, 23, 42, .1);--border-strong: rgba(15, 23, 42, .18);--text-primary: #0f172a;--text-secondary: #64748b;--accent: #0098ea;--accent-hover: #0080cc;--accent-subtle: rgba(0, 152, 234, .1);--success: #10b981;--warning: #f59e0b;--error: #ef4444;--header-bg: rgba(255, 255, 255, .78);--code-bg: #f3f4f6;--panel-shadow: 0 18px 50px rgba(148, 163, 184, .18);--glass-shadow: 0 18px 50px rgba(148, 163, 184, .14);--radius-pill: 999px;--radius-card: 16px;--radius-sm: 10px}html,body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:radial-gradient(circle at top left,rgba(0,152,234,.14),transparent 24%),radial-gradient(circle at top right,rgba(56,189,248,.08),transparent 20%),linear-gradient(180deg,rgba(255,255,255,.02) 0%,transparent 18%),var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.5}button,input,select,textarea{font:inherit}:root{--transition-x: 50vw;--transition-y: 0px}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal;will-change:clip-path}::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:9999}[data-transition=to-dark]::view-transition-new(root){z-index:9999;animation:radial-reveal 1.4s cubic-bezier(.4,0,.2,1) forwards}[data-transition=to-light]::view-transition-old(root){z-index:9999;animation:radial-collapse 1s cubic-bezier(.22,1,.36,1) forwards}[data-transition=to-light]::view-transition-new(root){z-index:1}@keyframes radial-reveal{0%{clip-path:circle(0% at var(--transition-x) var(--transition-y))}to{clip-path:circle(150% at var(--transition-x) var(--transition-y))}}@keyframes radial-collapse{0%{clip-path:circle(150% at var(--transition-x) var(--transition-y))}to{clip-path:circle(0% at var(--transition-x) var(--transition-y))}}.theme-icon{display:flex;align-items:center;justify-content:center;view-transition-name:theme-icon}::view-transition-old(theme-icon),::view-transition-new(theme-icon){animation-duration:.8s;animation-timing-function:cubic-bezier(.34,1.56,.64,1);mix-blend-mode:normal;will-change:transform,opacity}[data-transition=to-light]::view-transition-old(theme-icon){animation:icon-spin-out-cw .9s linear forwards}[data-transition=to-light]::view-transition-new(theme-icon){opacity:0;animation:icon-spin-in-cw .8s cubic-bezier(.34,1.56,.64,1) .8s forwards}[data-transition=to-dark]::view-transition-old(theme-icon){animation:icon-spin-out-ccw .6s cubic-bezier(.4,0,.2,1) forwards}[data-transition=to-dark]::view-transition-new(theme-icon){opacity:0;animation:icon-spin-in-ccw 1s cubic-bezier(.34,1.56,.64,1) .3s forwards}@keyframes icon-spin-out-cw{0%{opacity:1;transform:rotate(0) scale(1)}85%{opacity:1;transform:rotate(300deg) scale(.7)}to{opacity:0;transform:rotate(360deg) scale(.3)}}@keyframes icon-spin-in-cw{0%{opacity:0;transform:rotate(-120deg) scale(.3)}to{opacity:1;transform:rotate(0) scale(1)}}@keyframes icon-spin-out-ccw{0%{opacity:1;transform:rotate(0) scale(1)}70%{opacity:1;transform:rotate(-130deg) scale(.8)}to{opacity:0;transform:rotate(-180deg) scale(.3)}}@keyframes icon-spin-in-ccw{0%{opacity:0;transform:rotate(90deg) scale(.3)}to{opacity:1;transform:rotate(0) scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-glass);border-radius:3px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:var(--accent);color:#fff}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{background:var(--header-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:0;z-index:100}.app-header h1{font-size:1.15rem;font-weight:700;color:var(--accent)}.header-right{display:flex;align-items:center;gap:10px}.app-main{flex:1;max-width:760px;width:100%;margin:0 auto;padding:32px 16px}.app-footer{text-align:center;padding:16px;font-size:.75rem;color:var(--text-secondary);border-top:1px solid var(--border)}.status{padding:12px 0;color:var(--text-secondary)}.status.error{color:var(--error)}.muted{color:var(--text-secondary);font-size:.9rem}.welcome{text-align:center;padding:48px 16px}.welcome p{margin-bottom:12px}.welcome code{background:var(--code-bg);border:1px solid var(--border);padding:1px 6px;border-radius:6px;font-family:JetBrains Mono,monospace;font-size:.9em}.domain-view h2{margin-bottom:16px;font-size:1.1rem;color:var(--text-primary)}.domain-list{list-style:none;display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.domain-list li:not(:last-child) .domain-btn{border-bottom:1px solid var(--border)}.domain-btn{width:100%;background:var(--bg-secondary);border:none;border-radius:0;padding:14px 18px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:background .15s;text-align:left}.domain-btn:hover{background:var(--bg-tertiary)}.domain-name{font-weight:600;font-size:1rem;color:var(--text-primary)}.domain-addr{font-family:JetBrains Mono,monospace;font-size:.75rem;color:var(--text-secondary)}.record-editor{display:flex;flex-direction:column;gap:24px}.editor-header{display:flex;align-items:center;gap:12px}.editor-header h2{flex:1;font-size:1.2rem;color:var(--text-primary)}.records-section,.add-section{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-card);padding:20px;box-shadow:var(--panel-shadow)}.records-section h3,.add-section h3{font-size:.85rem;font-weight:600;margin-bottom:14px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary)}.records-table{width:100%;border-collapse:collapse;font-size:.9rem}.records-table th:last-child{text-align:right}.records-table th{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border);font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.records-table td{padding:10px;border-bottom:1px solid var(--border);vertical-align:middle;color:var(--text-primary)}.records-table tr:last-child td{border-bottom:none}.hash{font-size:.8rem;font-family:JetBrains Mono,monospace;background:var(--code-bg);padding:2px 6px;border-radius:6px;cursor:help;color:var(--text-secondary)}.record-value{word-break:break-all;max-width:300px}.record-actions{display:flex;gap:6px;white-space:nowrap;justify-content:flex-end}.hint{font-size:.85rem;color:var(--text-secondary);margin-bottom:16px;line-height:1.5}.add-form{display:flex;flex-direction:column;gap:14px}.form-row{display:flex;flex-direction:column;gap:4px;position:relative}.form-row label{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.form-row input,.form-row textarea{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px;font-size:.95rem;color:var(--text-primary);resize:vertical;transition:border-color .15s,box-shadow .15s}.form-row input::placeholder,.form-row textarea::placeholder{color:var(--text-secondary)}.form-row input:focus,.form-row textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}.form-row input:disabled,.form-row textarea:disabled{opacity:.6;background:var(--bg-muted)}.char-count{font-size:.75rem;color:var(--text-secondary);align-self:flex-end}.tx-notice{margin-top:12px;padding:12px 16px;border-radius:var(--radius-sm);font-size:.9rem}.tx-notice.success{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:var(--success)}.tx-notice.error{background:#ef444414;border:1px solid rgba(239,68,68,.25);color:var(--error)}.link-btn{background:none;border:none;color:var(--accent);cursor:pointer;text-decoration:underline;font-size:inherit;padding:0}@media (max-width: 600px){.app-header{flex-wrap:wrap}.records-table{font-size:.8rem}.record-value{max-width:160px}}