@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:100svh;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:100svh;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:0 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(--text-primary)}.header-row-top{display:flex;align-items:center;gap:10px;padding:14px 0;order:2}.header-row-main{display:flex;align-items:center;gap:12px;flex:1;padding:14px 0;order:1}.header-row-main h1{flex:1}.app-main{flex:1;max-width:760px;width:100%;margin:0 auto;padding:32px 16px}.app-footer{text-align:center;padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom));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)}.section-label+.records-section{padding-top:12px}.section-label,.add-section h3{font-size:.85rem;font-weight:600;margin-bottom:5px;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:4px;white-space:nowrap;justify-content:flex-end}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;cursor:pointer;color:var(--text-secondary);transition:background .12s,color .12s,border-color .12s;flex-shrink:0}.icon-btn--edit:hover{background:var(--accent-subtle);color:var(--accent);border-color:var(--accent)}.icon-btn--delete:hover{background:#ef444414;color:var(--error);border-color:#ef44444d}.icon-btn--confirm{color:var(--success)}.icon-btn--confirm:hover{background:#10b9811a;border-color:#10b9814d}.icon-btn--cancel:hover{background:var(--bg-muted);color:var(--text-primary);border-color:var(--border)}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.hint-toggle{display:flex;align-items:center;gap:6px;background:none;border:none;padding:0;cursor:pointer;width:100%;margin-bottom:14px}.hint-toggle h3{margin-bottom:0;flex:1;text-align:left}.hint-chevron{color:var(--text-secondary);flex-shrink:0;transition:transform .2s}.hint-chevron--open{transform:rotate(180deg)}.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-direction:column;align-items:stretch;padding:0 16px;gap:0}.header-row-top{order:1;justify-content:flex-end;padding:0;padding-top:calc(5px + var(--tg-safe-area-inset-top, env(safe-area-inset-top, 0px)));padding-bottom:4px;padding-right:80px}.header-row-top button{width:30px!important;height:30px!important;margin-top:3px;background:#0003!important;border:1px solid rgba(255,255,255,.25)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff!important}.header-row-main{order:2;justify-content:space-between;padding:4px 0 12px;flex:unset}.app-header h1{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.records-table{font-size:.9rem}.records-table th{font-size:.75rem;padding:8px}.records-table td{padding:13px 8px}.record-value{max-width:140px}.icon-btn{width:36px;height:36px}.domain-btn{min-height:52px}.form-row label{font-size:.9rem}.form-row input,.form-row textarea{font-size:16px;padding:11px 12px}.app-main{padding:20px 12px}.records-section,.add-section{padding:14px}}