:root{--accent:#2563eb;--accent-hover:#1d4ed8;--accent-soft:#e5edff;--on-accent:#fff;--danger:#e11d48;--danger-soft:#ffe4ea;--bg:#f5f6fa;--surface:#fff;--surface-2:#f1f3f8;--border:#e3e7ef;--text:#0f172a;--text-muted:#64748b;--shadow:0 1px 2px #0f172a0a, 0 8px 24px #0f172a0d;--toast-bg:#0f172a;--radius-lg:18px;--radius:12px;--radius-pill:999px;--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--accent:#6d9bff;--accent-hover:#8fb2ff;--accent-soft:#6d9bff24;--on-accent:#0b1020;--danger:#fb7185;--danger-soft:#fb718524;--bg:#0b0f19;--surface:#131a29;--surface-2:#0e1422;--border:#232c3f;--text:#e7eaf3;--text-muted:#8a94aa;--shadow:0 1px 2px #0000004d;--toast-bg:#1e2638;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{background:var(--bg);color:var(--text);font:16px/1.45 var(--font);-webkit-font-smoothing:antialiased;margin:0}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) calc(28px + env(safe-area-inset-bottom)) env(safe-area-inset-left)}.wrap{max-width:640px;margin:0 auto;padding:8px 16px}h1{letter-spacing:-.025em;margin:0;font-size:26px;font-weight:700}h2{align-items:center;gap:8px;margin:0 0 6px;font-size:15px;font-weight:650;display:flex}h2 .icon{color:var(--accent)}code{font-family:var(--mono);background:var(--surface-2);border-radius:6px;padding:1px 5px;font-size:.9em}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.topbar{align-items:center;gap:4px;padding:12px 0 16px;display:flex}.grow,.topbar h1{flex:1}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);margin-bottom:14px;padding:16px}.stack>*+*{margin-top:12px}.row{align-items:center;gap:8px;display:flex}.grow{min-width:0}.full{width:100%}.center{text-align:center}.boot{padding-top:30vh}label{color:var(--text-muted);margin:0 0 6px;font-size:13px;font-weight:500;display:block}button,input,select,textarea{font:inherit;color:inherit}input[type=email],input[type=password],input[type=search],input[type=text],select,textarea{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);outline:none;width:100%;padding:11px 13px;font-size:16px;transition:border-color .15s,box-shadow .15s,background .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 4px var(--accent-soft)}select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}textarea{min-height:120px;font-family:var(--mono);resize:vertical;font-size:14px}.suffix{color:var(--text-muted);font-size:15px}.btn,.chip,.ellipsis,.suffix{white-space:nowrap}.btn{border-radius:var(--radius);background:var(--accent);color:var(--on-accent);cursor:pointer;border:0;justify-content:center;align-items:center;gap:6px;padding:11px 16px;font-weight:600;transition:background .15s,transform .1s,opacity .15s;display:inline-flex}.btn:hover{background:var(--accent-hover)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:default;transform:none}.btn.ghost{background:var(--accent-soft);color:var(--accent)}.btn.danger{background:var(--danger-soft);color:var(--danger)}.btn.small{border-radius:10px;padding:7px 11px;font-size:14px}.icon-btn{width:40px;height:40px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:12px;flex:none;place-items:center;transition:background .15s,color .15s;display:inline-grid}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.icon-btn.subtle{width:32px;height:32px}.icon-btn.star.on{color:#f59e0b}.segmented{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);gap:4px;margin:8px 0;padding:4px;display:flex}.segmented button{cursor:pointer;color:var(--text-muted);background:0 0;border:0;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:14px;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.segmented button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.chips{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.chip{border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface-2);max-width:100%;color:var(--text);cursor:pointer;text-overflow:ellipsis;align-items:center;gap:5px;padding:6px 11px;font-size:13px;transition:all .15s;display:inline-flex;overflow:hidden}.chip .icon{color:#f59e0b;flex:none}.chip.active{background:var(--accent-soft);border-color:var(--accent)}.chip.active,.chip.add,.chip.add .icon{color:var(--accent)}.chip.add{border-style:dashed}.list{margin:0;padding:0;list-style:none}.item{border-top:1px solid var(--border);padding:13px 2px}.item:first-child{border-top:0}.item .from{word-break:break-all;cursor:pointer;font-weight:600}.item .to{color:var(--text-muted);word-break:break-all;font-size:14px}.item .actions{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.row-item{border-top:1px solid var(--border);align-items:center;gap:10px;padding:10px 0;display:flex}.row-item:first-child{border-top:0}.empty{padding:8px 0}.bubble{background:var(--accent-soft);width:36px;height:36px;color:var(--accent);border-radius:10px;flex:none;place-items:center;display:grid}.pending{opacity:.55}.count{margin:10px 2px 0}.count,.muted{color:var(--text-muted);font-size:13px}.muted{margin:0 0 8px}.strong{font-weight:600}.ellipsis{text-overflow:ellipsis;overflow:hidden}.tag{border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent);vertical-align:middle;margin-left:6px;padding:2px 8px;font-size:11px;font-weight:650;display:inline-block}details summary{cursor:pointer;justify-content:space-between;font-weight:650;list-style:none;display:flex}details summary::-webkit-details-marker{display:none}details summary:after{content:"›";color:var(--text-muted);transition:transform .2s}details[open] summary:after{transform:rotate(90deg)}#toast{left:50%;bottom:calc(20px + env(safe-area-inset-bottom));z-index:10;background:var(--toast-bg);color:#fff;border-radius:14px;max-width:90vw;padding:11px 18px;font-size:14px;transition:transform .3s cubic-bezier(.2,.9,.3,1.2);position:fixed;transform:translate(-50%)translateY(140px);box-shadow:0 10px 30px #0003}#toast.show{transform:translate(-50%)translateY(0)}#toast.err{background:var(--danger)}.item .edit{margin-top:8px}.narrow{max-width:440px;margin:0 auto}@media (width>=960px){.wrap{max-width:1160px;padding:12px 32px}.topbar{padding:20px 0}.layout{grid-template:"domain list""create list""bulk list"".list"1fr/minmax(320px,380px) 1fr;align-items:start;gap:16px;display:grid}.layout>.card{margin:0}.area-domain{grid-area:domain}.area-create{grid-area:create}.area-bulk{grid-area:bulk}.area-list{grid-area:list}.item{-moz-column-gap:16px;grid-template-columns:1fr auto;align-items:center;column-gap:16px;padding:12px 8px;display:grid}.item:hover{background:var(--surface-2)}.item .from,.item .to{grid-column:1}.item .actions{flex-wrap:nowrap;grid-area:1/2/span 2;margin-top:0}.item .edit{grid-column:1/-1}.settings-grid{-moz-columns:2;columns:2;-moz-column-gap:16px;column-gap:16px}.settings-grid>.card{-moz-column-break-inside:avoid;break-inside:avoid;width:100%;margin-bottom:16px;display:inline-block}}.spinner{border:2px solid var(--border);border-top-color:var(--accent);vertical-align:middle;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(1turn)}}.icon{flex:none}