@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Roboto;src:url(/fonts/Roboto-VariableFont_wdth_wght.ttf) format("truetype-variations");font-weight:100 900;font-stretch:75% 125%;font-style:normal;font-display:swap}@font-face{font-family:Roboto;src:url(/fonts/Roboto-Italic-VariableFont_wdth_wght.ttf) format("truetype-variations");font-weight:100 900;font-stretch:75% 125%;font-style:italic;font-display:swap}:root{--signal: #2F8F6E;--signal-600: #267A5D;--signal-700: #1E6149;--signal-200: #A8D9C5;--signal-50: #E6F2EC;--clay: #C75A3C;--clay-200: #F1C7B8;--clay-50: #FAEAE2;--sand: #E8DEC9;--sand-200: #D8CBAE;--cream: #F5EFE2;--paper: #FBF7EE;--pure: #FFFFFF;--ink: #1F1B16;--ink-800: #2C2620;--ink-700: #3D352D;--ink-600: #5A4F44;--ink-500: #7B6F61;--ink-400: #A0937F;--ink-300: #C2B6A0;--ink-200: #D9CFB8;--ink-100: #E6DDC8;--ink-50: #EFE8D6;--warn: #C99A2E;--danger: #B5462E;--info: #2F8F6E;--fg-1: var(--ink);--fg-2: var(--ink-600);--fg-3: var(--ink-500);--fg-disabled: var(--ink-300);--fg-accent: var(--signal-700);--fg-link: var(--signal-700);--fg-danger: var(--danger);--bg-1: var(--cream);--bg-2: var(--paper);--bg-3: var(--ink-50);--bg-accent: var(--signal);--bg-accent-soft: var(--signal-50);--border-1: var(--ink-100);--border-2: var(--ink-200);--border-3: var(--ink-300);--border-focus: var(--signal);--font-sans: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;--text-display-xl: 80px;--text-display: 56px;--text-h1: 44px;--text-h2: 30px;--text-h3: 22px;--text-h4: 18px;--text-body-lg: 18px;--text-body: 16px;--text-body-sm: 14px;--text-caption: 12px;--text-eyebrow: 12px;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--lh-tight: 1;--lh-snug: 1.12;--lh-base: 1.5;--lh-relaxed: 1.65;--track-display: -.025em;--track-h: -.015em;--track-body: 0;--track-eyebrow: .04em;--sp-1: 2px;--sp-2: 4px;--sp-3: 8px;--sp-4: 12px;--sp-5: 16px;--sp-6: 24px;--sp-7: 32px;--sp-8: 48px;--sp-9: 64px;--sp-10: 96px;--sp-11: 128px;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--radius-xl: 16px;--shadow-pop: 0 6px 18px -8px rgba(31, 27, 22, .18);--shadow-modal: 0 20px 48px -16px rgba(31, 27, 22, .3);--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--dur-fast: .12s;--dur-base: .18s;--dur-slow: .24s;--width-marketing: 1200px;--width-app: 1440px;--width-prose: 680px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;font-family:var(--font-sans);font-size:var(--text-body);line-height:var(--lh-base);color:var(--fg-1);background:var(--bg-1);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6,p{margin:0}h1{font-size:var(--text-h1);line-height:var(--lh-snug);letter-spacing:var(--track-h);font-weight:var(--weight-semibold)}h2{font-size:var(--text-h2);line-height:var(--lh-snug);letter-spacing:var(--track-h);font-weight:var(--weight-semibold)}h3{font-size:var(--text-h3);line-height:var(--lh-snug);font-weight:var(--weight-semibold)}h4{font-size:var(--text-h4);line-height:var(--lh-snug);font-weight:var(--weight-medium)}p{font-size:var(--text-body);line-height:var(--lh-base);color:var(--fg-2)}code,pre,kbd,samp{font-family:var(--font-mono);font-size:.92em}.eyebrow{font-family:var(--font-sans);font-size:var(--text-eyebrow);font-weight:var(--weight-medium);letter-spacing:var(--track-eyebrow);color:var(--fg-3)}.display-xl{font-size:var(--text-display-xl);line-height:var(--lh-tight);letter-spacing:var(--track-display);font-weight:var(--weight-semibold)}.display{font-size:var(--text-display);line-height:var(--lh-tight);letter-spacing:var(--track-display);font-weight:var(--weight-semibold)}a{color:var(--fg-link);text-decoration:none}a:hover{text-decoration:underline}::selection{background:var(--signal-200);color:var(--ink)}body{background:var(--cream);color:var(--fg-1)}.app{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.sidebar{background:var(--paper);border-right:1px solid var(--border-1);padding:18px 14px;display:flex;flex-direction:column;gap:18px;position:sticky;top:0;height:100vh}.sb-brand{display:flex;align-items:center;gap:8px;padding:4px 8px;font-weight:600;font-size:16px;letter-spacing:-.01em}.sb-org{background:var(--cream);border:1px solid var(--border-1);border-radius:var(--radius-sm);padding:10px 12px;cursor:pointer}.sb-org:hover{border-color:var(--border-2)}.sb-org-name{display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:14px}.sb-org-plan{font-size:11px;color:var(--fg-3);margin-top:2px}.sb-nav{display:flex;flex-direction:column;gap:2px;flex:1}.sb-section{font-size:11px;letter-spacing:.04em;color:var(--fg-3);padding:12px 10px 4px;font-weight:500}.sb-item{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:var(--radius-sm);color:var(--fg-2);font-size:14px;text-decoration:none;transition:all .12s;cursor:pointer}.sb-item:hover{background:var(--cream);color:var(--fg-1);text-decoration:none}.sb-item.active{background:var(--signal-50);color:var(--signal-700);border:1px solid var(--signal-200);padding:6px 9px}.sb-badge{margin-left:auto;font-size:11px;padding:1px 6px;border-radius:var(--radius-xs);background:var(--cream);color:var(--fg-3);border:1px solid var(--border-1);font-family:var(--font-mono)}.sb-item.active .sb-badge{background:var(--paper);color:var(--signal-700);border-color:var(--signal-200)}.sb-foot{border-top:1px solid var(--border-1);padding:12px 8px 0;display:flex;flex-direction:column;gap:6px}.sb-status{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--fg-2)}.sb-status .static-dot{display:inline-block;width:8px;height:8px;border-radius:999px;background:var(--signal);flex-shrink:0}.sb-status a{font-size:11px;color:var(--fg-3);text-decoration:none;margin-left:auto}.sb-status a:hover{color:var(--fg-1)}.topbar{display:flex;justify-content:space-between;align-items:center;padding:14px 28px;border-bottom:1px solid var(--border-1);background:#f5efe2d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:50}.tb-search{display:flex;align-items:center;gap:8px;background:var(--paper);border:1px solid var(--border-1);border-radius:var(--radius-sm);padding:6px 10px;min-width:360px;color:var(--fg-3)}.tb-search input{border:0;background:transparent;outline:none;flex:1;font-size:13.5px;font-family:var(--font-sans);color:var(--fg-1)}.tb-search kbd{font-family:var(--font-mono);font-size:10px;color:var(--fg-3);border:1px solid var(--border-1);border-radius:3px;padding:1px 5px;background:var(--cream)}.tb-right{display:flex;align-items:center;gap:14px}.tb-link{color:var(--fg-2);font-size:13.5px;display:inline-flex;align-items:center;gap:6px;text-decoration:none;cursor:pointer}.tb-link:hover{color:var(--fg-1);text-decoration:none}.tb-icon{background:transparent;border:0;padding:6px;color:var(--fg-2);cursor:pointer;border-radius:var(--radius-sm);position:relative}.tb-icon:hover{background:var(--cream);color:var(--fg-1)}.tb-icon .notif-pip{position:absolute;top:5px;right:5px;width:6px;height:6px;border-radius:999px;background:var(--clay);border:1.5px solid var(--cream)}.tb-avatar{width:30px;height:30px;border-radius:var(--radius-sm);background:var(--signal);color:var(--paper);font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;cursor:pointer}.page{padding:32px 36px;max-width:1320px}.page-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px;gap:24px;flex-wrap:wrap}.page-head h1{font-size:32px;letter-spacing:-.015em;margin-top:6px}.page-actions{display:flex;gap:8px}.crumbs{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--fg-3);margin-bottom:12px}.crumbs a{color:var(--fg-2);text-decoration:none;cursor:pointer}.crumbs a:hover{color:var(--fg-1);text-decoration:underline}.db-btn{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-sans);font-weight:500;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:all .12s;white-space:nowrap}.db-xs{padding:4px 8px;font-size:12px}.db-sm{padding:7px 12px;font-size:13px}.db-md{padding:9px 14px;font-size:14px}.db-primary{background:var(--signal);color:var(--paper)}.db-primary:hover{background:var(--signal-600)}.db-primary:active{transform:scale(.97)}.db-secondary{background:var(--paper);color:var(--fg-1);border-color:var(--border-2)}.db-secondary:hover{border-color:var(--border-3)}.db-ghost{background:transparent;color:var(--fg-2)}.db-ghost:hover{background:var(--cream);color:var(--fg-1)}.db-danger{background:transparent;color:var(--danger);border-color:var(--clay-200)}.db-danger:hover{background:var(--clay-50)}.db-status{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:var(--radius-sm);font-size:12px;font-weight:500;border:1px solid}.db-status-dot{width:6px;height:6px;border-radius:2px;background:currentColor}.db-status-active,.db-status-info{background:var(--signal-50);color:var(--signal-700);border-color:var(--signal-200)}.db-status-warn{background:#faefd3;color:#8a6814;border-color:#ebd79a}.db-status-danger{background:var(--clay-50);color:var(--danger);border-color:var(--clay-200)}.db-status-muted{background:var(--cream);color:var(--fg-3);border-color:var(--border-1)}.db-chip{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:11px;font-weight:500;border:1px solid var(--border-1);background:var(--cream);color:var(--fg-1)}.db-chip-muted{background:var(--cream);color:var(--fg-3)}.db-chip-type{background:var(--ink);color:var(--paper);border-color:var(--ink);min-width:38px;justify-content:center}.db-chip-type.type-addr{background:var(--signal);border-color:var(--signal)}.db-chip-type.type-alias{background:var(--signal-700);border-color:var(--signal-700)}.db-chip-type.type-mail{background:var(--clay);border-color:var(--clay)}.db-chip-type.type-text{background:var(--sand-200);border-color:var(--sand-200);color:var(--ink)}.db-chip-type.type-deleg{background:var(--ink-600);border-color:var(--ink-600)}.db-chip-type.type-svc{background:var(--warn);border-color:var(--warn)}.db-chip-info{background:var(--signal-50);color:var(--signal-700);border-color:var(--signal-200)}.db-chip-warn{background:#faefd3;color:#8a6814;border-color:#ebd79a}.metric-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.metric-card{background:var(--paper);border:1px solid var(--border-1);border-radius:var(--radius-md);padding:18px;position:relative;overflow:hidden}.metric-card .eyebrow{color:var(--fg-3);margin-bottom:8px}.metric-num{font-size:28px;font-weight:600;letter-spacing:-.02em;color:var(--fg-1);display:flex;align-items:baseline}.metric-num i{font-style:normal;color:var(--fg-3);font-size:16px;margin-left:4px;font-weight:400}.metric-delta{margin-top:6px;font-size:12px;color:var(--fg-3)}.metric-delta.pos{color:var(--signal-700)}.metric-delta.neg{color:var(--danger)}.metric-delta span{color:var(--fg-3);margin-left:4px}.metric-spark{position:absolute;right:14px;bottom:14px;opacity:.7;pointer-events:none}.card{background:var(--paper);border:1px solid var(--border-1);border-radius:var(--radius-md);overflow:hidden}.card+.card{margin-top:16px}.card-head{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid var(--border-1);gap:12px;flex-wrap:wrap}.card-head h3{font-size:15px;font-weight:600}.card-head .muted{color:var(--fg-3);font-weight:400}.card-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.card-search{font-family:var(--font-sans);font-size:13px;padding:6px 10px;border-radius:var(--radius-sm);border:1px solid var(--border-1);background:var(--cream);width:200px;outline:none}.card-search:focus{border-color:var(--signal);background:var(--paper)}.card-body{padding:20px}.card-body-tight{padding:14px 20px}table{width:100%;border-collapse:collapse}thead th{text-align:left;font-size:11px;font-weight:500;letter-spacing:.04em;color:var(--fg-3);padding:9px 20px;border-bottom:1px solid var(--border-1);background:var(--cream);text-transform:uppercase}tbody td{padding:11px 20px;border-bottom:1px solid var(--border-1);font-size:13.5px;vertical-align:middle;height:44px}tbody tr:last-child td{border-bottom:0}tbody tr{transition:background .12s}tbody tr.clickable{cursor:pointer}tbody tr.clickable:hover{background:var(--cream)}.mono{font-family:var(--font-mono);font-size:12.5px}.zone-name{font-weight:500;color:var(--fg-1)}.zone-name-cell{width:45%}.zone-name-cell .zone-name{display:inline-block;max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.col-center{text-align:center}.mode-ico{display:inline-flex;align-items:center;justify-content:center;color:var(--fg-2)}.mode-ico.mode-secondary{color:var(--ink-400)}.mode-ico.mode-shield{color:var(--signal-700)}.dnssec-ico{display:inline-flex;align-items:center;justify-content:center}.dnssec-ico.on{color:var(--signal)}.dnssec-ico.off{color:var(--ink-300)}.az-method{margin-bottom:16px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.zone-dropzone{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px dashed var(--border-3);border-radius:var(--radius-sm);background:var(--cream);color:var(--fg-2);font-size:13px;cursor:pointer;transition:border-color var(--dur-fast),background var(--dur-fast)}.zone-dropzone:hover{border-color:var(--signal);background:var(--signal-50);color:var(--fg-1)}.zone-dropzone svg{color:var(--fg-3);flex-shrink:0}.az-browse{color:var(--signal-700);font-weight:500;text-decoration:underline}.zone-textarea{margin-top:10px;min-height:120px;width:100%;resize:vertical;padding:10px 12px;border:1px solid var(--border-2);border-radius:var(--radius-sm);background:var(--pure);color:var(--fg-1);font-size:12.5px;line-height:1.55;outline:none}.zone-textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--signal-50)}.wiz-head{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap}.wiz-steps{display:flex;align-items:center;gap:10px}.wiz-step{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--fg-3);font-weight:500}.wiz-step .wiz-dot{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:var(--ink-100);color:var(--fg-3);font-size:11px;font-family:var(--font-mono)}.wiz-step.active{color:var(--fg-1)}.wiz-step.active .wiz-dot{background:var(--signal);color:#fff}.wiz-step.done .wiz-dot{background:var(--signal-200);color:var(--signal-700)}.wiz-sep{width:22px;height:1px;background:var(--border-2)}.opt-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}.opt-cards.cols-1{grid-template-columns:1fr}.opt-card{display:flex;align-items:flex-start;gap:10px;text-align:left;padding:12px 13px;border:1px solid var(--border-2);border-radius:var(--radius-sm);background:var(--pure);cursor:pointer;position:relative;transition:border-color var(--dur-fast),background var(--dur-fast)}.opt-card:hover{border-color:var(--border-3)}.opt-card.selected{border-color:var(--signal);background:var(--signal-50)}.opt-card-ico{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--radius-sm);background:var(--cream);border:1px solid var(--border-1);color:var(--fg-2);flex-shrink:0}.opt-card.selected .opt-card-ico{background:var(--pure);border-color:var(--signal-200);color:var(--signal-700)}.opt-card-body{display:flex;flex-direction:column;gap:2px}.opt-card-title{font-size:13.5px;font-weight:600;color:var(--fg-1)}.opt-card-desc{font-size:12px;color:var(--fg-3);line-height:1.4}.opt-card-check{position:absolute;top:10px;right:10px;width:16px;height:16px;border-radius:999px;background:var(--signal);color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.6);transition:opacity var(--dur-fast),transform var(--dur-fast)}.opt-card.selected .opt-card-check{opacity:1;transform:none}.wiz-recap{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--cream);border:1px solid var(--border-1);border-radius:var(--radius-sm);font-size:13px}.wiz-recap .mono{font-weight:500;color:var(--fg-1)}.wiz-recap .mode-ico{color:var(--fg-2)}.wiz-edit{margin-left:auto;background:transparent;border:0;color:var(--signal-700);font-size:12.5px;font-weight:500;cursor:pointer;padding:2px 4px}.wiz-edit:hover{text-decoration:underline}.row-more{background:transparent;border:0;padding:4px;color:var(--fg-3);border-radius:var(--radius-xs);cursor:pointer}.row-more:hover{background:var(--cream);color:var(--fg-1)}.ellipsis{max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.col-shrink{width:1%;white-space:nowrap}.col-actions{width:40px}.zd-menu-wrap{position:relative}.zd-menu-btn{background:var(--paper);border:1px solid var(--border-2);border-radius:var(--radius-sm);width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--fg-2);transition:all .12s}.zd-menu-btn:hover{border-color:var(--border-3);color:var(--fg-1)}.zd-menu{position:absolute;right:0;top:calc(100% + 6px);background:var(--paper);border:1px solid var(--border-1);border-radius:var(--radius-sm);box-shadow:var(--shadow-pop);padding:5px;min-width:200px;z-index:60;display:flex;flex-direction:column;gap:1px;animation:scrim-in .14s var(--ease-out)}.zd-menu-item{background:transparent;border:0;padding:8px 10px;font-size:13px;color:var(--fg-1);cursor:pointer;border-radius:var(--radius-xs);display:flex;align-items:center;gap:10px;font-family:var(--font-sans);text-align:left}.zd-menu-item:hover{background:var(--cream)}.zd-menu-item.danger{color:var(--danger)}.zd-menu-item.danger:hover{background:var(--clay-50)}.zd-menu-item svg{color:var(--fg-3)}.zd-menu-item.danger svg{color:var(--danger)}.zd-menu-sep{height:1px;background:var(--border-1);margin:4px 2px}.zone-title-row{display:flex;align-items:center;gap:12px}tr.row-propagating td{background:#c99a2e12}tr.row-propagating.clickable:hover td{background:#c99a2e1f}tr.row-system td{color:var(--fg-3);cursor:default;background:var(--cream)}tr.row-system .mono{color:var(--fg-3)}tr.row-system .db-chip-type{opacity:.55}.system-lock{color:var(--fg-3);display:block;margin-left:6px}.zone-status-dot{display:inline-block;width:7px;height:7px;border-radius:999px;margin-right:10px;vertical-align:middle}.zone-status-dot.dot-active{background:var(--signal)}.zone-status-dot.dot-propagating{background:var(--warn);animation:dotpulse 1.4s var(--ease-out) infinite}@keyframes dotpulse{0%,to{opacity:.5}50%{opacity:1}}.zone-status-warn{display:inline-flex;align-items:center;justify-content:center;color:var(--warn);margin-right:8px;vertical-align:middle;cursor:help}.zone-table tr.row-undelegated .zone-name{color:var(--fg-2)}.deleg-note{border:1px solid var(--sand-200);background:var(--paper);border-radius:var(--radius-md);padding:18px 20px;margin-bottom:20px}.deleg-note-head{display:flex;gap:12px;align-items:flex-start}.deleg-note-ico{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--radius-sm);background:#faefd3;color:var(--warn);border:1px solid #EBD79A;flex-shrink:0}.deleg-note-title{font-size:15px;font-weight:600;color:var(--fg-1)}.deleg-note-sub{font-size:13px;color:var(--fg-2);line-height:1.5;margin-top:3px;max-width:640px}.deleg-ns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:16px 0 4px}.deleg-ns-item{display:flex;align-items:center;gap:10px;padding:8px 10px 8px 12px;background:var(--cream);border:1px solid var(--border-1);border-radius:var(--radius-sm)}.deleg-ns-num{font-size:10px;font-weight:600;letter-spacing:.04em;color:var(--fg-3);font-family:var(--font-mono);width:28px;flex-shrink:0}.deleg-ns-host{flex:1;font-size:13px;color:var(--fg-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deleg-ns-copy{border:0;background:transparent;color:var(--fg-3);cursor:pointer;padding:4px;border-radius:var(--radius-xs);display:inline-flex}.deleg-ns-copy:hover{background:var(--ink-50);color:var(--fg-1)}.deleg-note-foot{display:flex;gap:8px;margin-top:14px}.shield-lede{font-size:13.5px;color:var(--fg-2);line-height:1.55;max-width:640px;margin-bottom:18px}.shield-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.shield-stat{background:var(--paper);border:1px solid var(--border-1);border-radius:var(--radius-md);padding:14px 16px}.shield-stat-num{font-size:26px;font-weight:600;letter-spacing:var(--track-h);color:var(--fg-1);margin-top:4px}.shield-stat-sub{font-size:12px;color:var(--fg-3);margin-top:2px}.origin-health{display:inline-flex;align-items:center;gap:10px}.origin-last{font-size:12px;color:var(--fg-3);margin-right:6px}@media(max-width:900px){.shield-stats{grid-template-columns:repeat(2,1fr)}}.zone-meta{display:flex;gap:10px;font-size:13px;color:var(--fg-3);margin-top:8px;flex-wrap:wrap;align-items:center}.zone-meta b{color:var(--fg-2);font-weight:500}.zone-meta .mono{color:var(--fg-2)}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--border-1);margin-bottom:22px}.tab{padding:10px 14px;font-size:13px;color:var(--fg-2);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .12s;display:inline-flex;align-items:center;gap:6px}.tab:hover{color:var(--fg-1)}.tab.active{color:var(--fg-1);border-bottom-color:var(--signal);font-weight:500}.tab .count{color:var(--fg-3);font-family:var(--font-mono);font-size:11px}.tab .dnssec-on{color:var(--signal-700)}.tab .dnssec-off{color:var(--fg-3)}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#1f1b1673;display:flex;align-items:center;justify-content:center;z-index:200;animation:scrim-in .18s var(--ease-out)}@keyframes scrim-in{0%{opacity:0}to{opacity:1}}.modal{background:var(--paper);border-radius:var(--radius-md);width:560px;box-shadow:var(--shadow-modal);overflow:hidden;animation:modal-in .18s var(--ease-out)}.modal-wide{width:680px}@keyframes modal-in{0%{transform:translateY(8px) scale(.985);opacity:0}to{transform:none;opacity:1}}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:16px 22px;border-bottom:1px solid var(--border-1)}.modal-head h3{font-size:16px;font-weight:600}.modal-close{background:transparent;border:0;font-size:22px;color:var(--fg-3);cursor:pointer;line-height:1}.modal-body{padding:22px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field.span-2{grid-column:span 2}.field-grid>.span-2{grid-column:span 2}.field label{font-size:11px;letter-spacing:.04em;color:var(--fg-3);font-weight:500;text-transform:uppercase}.field input,.field select,.field textarea{font-family:var(--font-sans);font-size:14px;padding:9px 12px;border-radius:var(--radius-sm);border:1px solid var(--border-2);background:var(--paper);outline:none;color:var(--fg-1);width:100%}.field input.mono,.field textarea.mono{font-family:var(--font-mono);font-size:13px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--signal);box-shadow:0 0 0 3px #2f8f6e2e}.field .hint{font-size:11px;color:var(--fg-3)}.field .hint.mono{font-family:var(--font-mono)}.propagate-hint{display:flex;align-items:center;gap:10px;margin-top:18px;padding:10px 14px;background:var(--signal-50);border:1px solid var(--signal-200);border-radius:var(--radius-sm);font-size:13px;color:var(--signal-700)}.propagate-hint b{color:var(--signal-700);font-weight:600}.modal-foot{padding:14px 22px;border-top:1px solid var(--border-1);display:flex;justify-content:flex-end;gap:8px;background:var(--cream);align-items:center}.modal-foot .left{margin-right:auto;font-size:12px;color:var(--fg-3);display:flex;align-items:center;gap:6px}.pulse-dot{display:inline-block;position:relative;width:8px;height:8px;border-radius:999px;background:var(--signal);flex-shrink:0}.pulse-dot:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;border:1.5px solid var(--signal);animation:ringpulse 1.6s var(--ease-out) infinite}@keyframes ringpulse{0%{transform:scale(1);opacity:.55}to{transform:scale(2.6);opacity:0}}.empty{padding:60px 20px;text-align:center;color:var(--fg-3)}.empty h4{color:var(--fg-1);margin-bottom:6px}.worldmap-wrap{background:var(--paper);border:1px solid var(--border-1);border-radius:var(--radius-md);padding:0;overflow:hidden}.worldmap{display:block;width:100%;height:auto;background:var(--paper)}.worldmap .land{fill:var(--sand);stroke:var(--ink-100);stroke-width:.4}.worldmap .grid line{stroke:var(--ink-100);stroke-width:.3}.pop-dot{fill:var(--signal);cursor:pointer;transition:r .12s}.pop-dot:hover{fill:var(--signal-700)}.pop-ring{fill:none;stroke:var(--signal);stroke-width:1;opacity:0;transform-origin:center;animation:popring 2.4s infinite}@keyframes popring{0%{opacity:.7;r:3}to{opacity:0;r:14}}.map-legend{display:flex;align-items:center;gap:16px;padding:12px 20px;border-top:1px solid var(--border-1);background:var(--cream);font-size:12px;color:var(--fg-3)}.map-legend .dot{width:8px;height:8px;border-radius:999px;display:inline-block;margin-right:6px;vertical-align:middle}.analytics-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px}.analytics-grid>.full{grid-column:1 / -1}.region-list{display:flex;flex-direction:column}.region-row{display:grid;grid-template-columns:130px 1fr 90px;gap:12px;align-items:center;padding:10px 20px;font-size:13px;border-bottom:1px solid var(--border-1)}.region-row:last-child{border-bottom:0}.region-row .name{color:var(--fg-1);font-weight:500}.region-row .bar{height:8px;background:var(--cream);border-radius:var(--radius-xs);overflow:hidden;position:relative;border:1px solid var(--border-1)}.region-row .bar-fill{height:100%;background:var(--signal);border-radius:var(--radius-xs);transition:width .24s var(--ease-out)}.region-row .val{font-family:var(--font-mono);font-size:12.5px;color:var(--fg-2);text-align:right}.rcode-row{display:flex;align-items:center;padding:11px 20px;border-bottom:1px solid var(--border-1);gap:12px;font-size:13px}.rcode-row:last-child{border-bottom:0}.rcode-row .label{min-width:80px;font-weight:500}.rcode-row .bar{flex:1;height:6px;background:var(--cream);border-radius:var(--radius-xs);overflow:hidden;border:1px solid var(--border-1)}.rcode-row .bar-fill{height:100%}.rcode-row .pct{font-family:var(--font-mono);font-size:12.5px;color:var(--fg-2);min-width:56px;text-align:right}.qps-chart-card{padding:0}.qps-chart-head{display:flex;justify-content:space-between;padding:16px 20px 8px;gap:12px;align-items:flex-start;flex-wrap:wrap}.qps-chart-head .stat{font-size:30px;font-weight:600;letter-spacing:-.02em}.qps-chart-head .stat i{font-style:normal;color:var(--fg-3);font-size:16px;margin-left:4px;font-weight:400}.qps-chart-head .eyebrow{margin-bottom:4px}.qps-toggle{display:flex;background:var(--cream);border:1px solid var(--border-1);border-radius:var(--radius-sm);padding:2px;gap:2px}.qps-toggle button{background:transparent;border:0;padding:4px 10px;font-size:12px;color:var(--fg-2);cursor:pointer;border-radius:var(--radius-xs);font-family:var(--font-sans)}.qps-toggle button.on{background:var(--paper);color:var(--fg-1);box-shadow:0 1px 2px #1f1b160d}.audit-list{display:flex;flex-direction:column}.audit-row{display:grid;grid-template-columns:38px 1fr 240px;gap:14px;padding:14px 20px;border-bottom:1px solid var(--border-1);align-items:center}.audit-row:last-child{border-bottom:0}.audit-row.audit-add{background:#2f8f6e0b}.audit-row.audit-remove{background:#b5462e0b}.audit-row.audit-change{background:transparent}.audit-leading{display:flex;align-items:center}.audit-leading .db-chip{font-size:10.5px;padding:2px 6px;min-width:32px}.audit-row .who{display:flex;align-items:center;gap:8px;min-width:0}.audit-row .avatar{width:22px;height:22px;border-radius:var(--radius-sm);background:var(--sand);color:var(--ink);font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.audit-icon{width:22px;height:22px;border-radius:var(--radius-sm);background:var(--cream);border:1px solid var(--border-1);display:flex;align-items:center;justify-content:center;color:var(--fg-2)}.audit-action{font-size:13.5px;color:var(--fg-1);line-height:1.45}.audit-action .verb{color:var(--fg-2)}.audit-action .target{font-family:var(--font-mono);font-size:12.5px;background:var(--cream);border:1px solid var(--border-1);border-radius:var(--radius-xs);padding:1px 6px}.audit-action .by{color:var(--fg-3);font-size:12.5px;margin-left:4px}.audit-when{font-size:12px;color:var(--fg-3);text-align:right;font-family:var(--font-mono)}.audit-live{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--signal-700)}.audit-live svg{color:var(--signal)}.prop{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:var(--radius-sm);font-size:11.5px;font-weight:500;border:1px solid;background:var(--paper)}.prop.propagating{border-color:var(--signal-200);background:var(--signal-50);color:var(--signal-700)}.prop.live{border-color:var(--border-1);background:var(--cream);color:var(--signal-700)}.prop.failed{border-color:var(--clay-200);background:var(--clay-50);color:var(--danger)}.prop-meter{width:90px;height:5px;background:var(--paper);border-radius:var(--radius-xs);overflow:hidden;border:1px solid var(--signal-200)}.prop-meter .fill{height:100%;background:var(--signal);transition:width .3s var(--ease-out)}.prop-num{font-family:var(--font-mono);font-size:11px;min-width:56px;text-align:right}.transfer-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.tx-card{background:var(--paper);border:1px solid var(--border-1);border-radius:var(--radius-md);overflow:hidden}.tx-head{display:flex;align-items:center;gap:10px;padding:14px 20px;border-bottom:1px solid var(--border-1)}.tx-head .icon-wrap{width:28px;height:28px;border-radius:var(--radius-sm);background:var(--signal-50);color:var(--signal-700);display:flex;align-items:center;justify-content:center;border:1px solid var(--signal-200)}.tx-head h4{font-size:14px;font-weight:600}.tx-head .sub{font-size:12px;color:var(--fg-3);margin-top:1px}.tx-body{padding:16px 20px}.tx-body-off{opacity:.45;pointer-events:none;filter:saturate(.6)}.tx-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--border-1)}.tx-row:last-child{border-bottom:0}.tx-row .label{font-size:12.5px;color:var(--fg-3)}.tx-row .value{font-family:var(--font-mono);font-size:12.5px;color:var(--fg-1)}.ip-list{display:flex;flex-direction:column;gap:6px}.ip-list .ip{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--cream);border:1px solid var(--border-1);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:12.5px}.ip-list .ip .actions{display:flex;gap:6px}.ip-list .ip .actions button{background:transparent;border:0;color:var(--fg-3);cursor:pointer;padding:2px}.ip-list .ip .actions button:hover{color:var(--fg-1)}.ip-add{display:flex;gap:6px;margin-top:8px}.ip-add input{flex:1}.ds-row{display:grid;grid-template-columns:50px 50px 90px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--border-1);font-family:var(--font-mono);font-size:12px;align-items:center}.ds-row:last-child{border-bottom:0}.ds-row .label{font-family:var(--font-sans);font-size:11px;color:var(--fg-3);letter-spacing:.04em}.ds-digest{word-break:break-all;color:var(--fg-1)}.kv-grid{display:grid;grid-template-columns:200px 1fr;gap:16px 24px}.kv-grid dt{font-size:12.5px;color:var(--fg-3);padding-top:2px}.kv-grid dd{margin:0;font-size:13.5px;color:var(--fg-1)}.kv-grid dd .mono{font-size:12.5px}.setting-row{padding:14px 0;border-bottom:1px solid var(--border-1)}.setting-row:first-child{padding-top:0}.setting-row:last-child{border-bottom:0;padding-bottom:0}.setting-row-main{display:flex;justify-content:space-between;align-items:center;gap:20px}.setting-row-label{font-size:13.5px;font-weight:500;color:var(--fg-1)}.setting-row-desc{font-size:12.5px;color:var(--fg-3);margin-top:3px;line-height:1.4}.setting-row-control{flex-shrink:0}.setting-row-below{margin-top:4px}.kv-grid.kv-aligned dt{padding-top:9px}.toggle{position:relative;width:36px;height:20px;background:var(--ink-200);border-radius:999px;cursor:pointer;transition:background .12s;flex-shrink:0}.toggle.on{background:var(--signal)}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:var(--paper);border-radius:999px;transition:transform .12s var(--ease-out)}.toggle.on:after{transform:translate(16px)}.segment{display:inline-flex;background:var(--cream);border:1px solid var(--border-1);border-radius:var(--radius-sm);padding:3px;gap:2px}.segment button{background:transparent;border:0;padding:6px 12px;font-size:13px;color:var(--fg-2);cursor:pointer;border-radius:var(--radius-xs);font-family:var(--font-sans);display:inline-flex;align-items:center;gap:6px}.segment button.on{background:var(--paper);color:var(--fg-1);box-shadow:0 1px 2px #1f1b160d;font-weight:500}.member-cell{display:flex;align-items:center;gap:10px}.member-cell .avatar{width:30px;height:30px;border-radius:var(--radius-sm);background:var(--sand);color:var(--ink);font-weight:600;font-size:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.member-cell .meta .name{font-weight:500}.member-cell .meta .email{font-size:12px;color:var(--fg-3)}.role-pill{display:inline-flex;padding:2px 8px;border-radius:var(--radius-xs);font-size:11px;font-weight:500;border:1px solid var(--border-1);background:var(--cream);color:var(--fg-2)}.token-row .name{font-weight:500}.token-row .scope{font-size:11.5px;color:var(--fg-3);margin-top:2px;font-family:var(--font-mono)}.histo{display:flex;align-items:flex-end;gap:2px;height:80px;padding:14px 20px 0}.histo .bar{flex:1;background:var(--signal);border-radius:1px 1px 0 0;min-height:2px;opacity:.85}.histo .bar:hover{opacity:1}.histo .bar.dim{background:var(--ink-200);opacity:.6}.histo-axis{display:flex;justify-content:space-between;padding:4px 20px 12px;font-size:10px;color:var(--fg-3);font-family:var(--font-mono)}.row{display:flex;align-items:center;gap:10px}.col{display:flex;flex-direction:column;gap:10px}.spacer{flex:1}.muted{color:var(--fg-3)}.divider{height:1px;background:var(--border-1);margin:16px 0}.callout{padding:12px 16px;background:var(--sand);border:1px solid var(--sand-200);border-radius:var(--radius-sm);font-size:13px;color:var(--fg-1);display:flex;gap:10px;align-items:flex-start}.callout.warn{background:#faefd3;border-color:#ebd79a;color:#6e5210}.callout.signal{background:var(--signal-50);border-color:var(--signal-200);color:var(--signal-700)}.callout .ico{flex-shrink:0;margin-top:1px}.tb-search-wrap{position:relative}.tb-search.focused{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--signal-50)}.tb-search-clear{border:0;background:transparent;color:var(--fg-3);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:2px;border-radius:var(--radius-xs)}.tb-search-clear:hover{color:var(--fg-1);background:var(--cream)}.k-results{position:absolute;top:100%;left:0;right:0;margin-top:8px;background:var(--paper);border:1px solid var(--border-1);border-radius:var(--radius-md);box-shadow:var(--shadow-modal);z-index:100;overflow:hidden;animation:k-pop var(--dur-fast) var(--ease-out)}@keyframes k-pop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.k-scroll{max-height:62vh;overflow-y:auto;padding:6px}.k-group+.k-group{margin-top:2px}.k-group-label{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--fg-3);padding:8px 10px 4px}.k-group-label span{font-family:var(--font-mono);font-weight:500;letter-spacing:0;color:var(--ink-400);background:var(--cream);border-radius:var(--radius-xs);padding:0 5px;font-size:10px}.k-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:transparent;border:0;border-radius:var(--radius-sm);padding:7px 10px;cursor:pointer;color:var(--fg-1);font-family:var(--font-sans)}.k-item.active{background:var(--signal-50)}.k-item-lead{flex-shrink:0;display:inline-flex;align-items:center}.k-item-ico{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:var(--radius-sm);background:var(--cream);border:1px solid var(--border-1);color:var(--fg-2)}.k-item.active .k-item-ico{color:var(--signal-700);border-color:var(--signal-200)}.k-item .db-chip-type{min-width:44px}.k-item-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.k-item-title{font-size:13.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.k-item-meta{font-size:12px;color:var(--fg-3);font-family:var(--font-mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.k-hl{background:transparent;color:var(--signal-700);font-weight:700}.k-item .db-status{flex-shrink:0;text-transform:capitalize}.k-item-enter{flex-shrink:0;color:var(--ink-300);opacity:0;transition:opacity var(--dur-fast)}.k-item.active .k-item-enter{opacity:1;color:var(--signal-600)}.k-empty{padding:28px 16px;text-align:center;color:var(--fg-2);display:flex;flex-direction:column;align-items:center;gap:6px}.k-empty svg{color:var(--ink-300);margin-bottom:2px}.k-empty span{font-size:12px;color:var(--fg-3)}.k-foot{display:flex;align-items:center;gap:16px;padding:8px 14px;border-top:1px solid var(--border-1);background:var(--cream);font-size:11.5px;color:var(--fg-3)}.k-foot kbd{font-family:var(--font-mono);font-size:10px;color:var(--fg-2);border:1px solid var(--border-2);border-radius:3px;padding:0 4px;background:var(--paper);margin-right:2px}.k-foot-count{margin-left:auto;font-family:var(--font-mono)}.toast-wrap{position:fixed;bottom:24px;right:24px;z-index:300;display:flex;flex-direction:column;gap:8px}.toast{background:var(--paper);border:1px solid var(--signal-200);border-radius:var(--radius-sm);padding:10px 14px;display:flex;align-items:center;gap:10px;font-size:13px;box-shadow:var(--shadow-pop);animation:toast-in .2s var(--ease-out);min-width:280px}@keyframes toast-in{0%{transform:translate(10px);opacity:0}to{transform:none;opacity:1}}.auth-wrap{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--cream);padding:40px 20px;gap:28px}.auth-logo{display:block;height:44px}.auth-logo img{display:block;height:100%;width:auto}.auth-card{width:400px;max-width:100%;background:var(--paper);border:1px solid var(--border-1);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);padding:28px 28px 26px}.auth-card h2{font-size:20px;letter-spacing:var(--track-h)}.auth-sub{font-size:13.5px;color:var(--fg-2);margin-top:6px;line-height:1.5}.auth-form{display:flex;flex-direction:column;gap:14px;margin-top:20px}.auth-form .db-btn{justify-content:center;padding:10px 14px;font-size:14px}.auth-msgs{display:flex;flex-direction:column;gap:8px;margin-top:16px}.auth-msgs .callout{font-size:12.5px;padding:10px 12px}.auth-msgs .callout.error{background:var(--clay-50);border-color:var(--clay-200);color:var(--danger)}.auth-foot{display:flex;justify-content:center;gap:18px;font-size:13px;color:var(--fg-3)}.auth-foot a{color:var(--fg-2)}.auth-foot a:hover{color:var(--fg-1)}.auth-divider{display:flex;align-items:center;gap:12px;color:var(--fg-3);font-size:11px;letter-spacing:.04em;text-transform:uppercase;margin:4px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border-1)}.auth-qr{display:flex;justify-content:center;padding:14px;background:var(--pure);border:1px solid var(--border-1);border-radius:var(--radius-sm)}.auth-qr img{display:block;width:180px;height:180px;image-rendering:pixelated}.auth-secret{display:flex;align-items:center;gap:8px;background:var(--cream);border:1px solid var(--border-1);border-radius:var(--radius-sm);padding:8px 12px;font-family:var(--font-mono);font-size:12px;word-break:break-all}.auth-secret button{border:0;background:transparent;color:var(--fg-3);cursor:pointer;padding:2px;border-radius:var(--radius-xs);display:inline-flex;flex-shrink:0}.auth-secret button:hover{color:var(--fg-1);background:var(--ink-50)}.auth-invite-meta{display:flex;flex-direction:column;gap:10px;margin-top:18px;padding:14px;background:var(--cream);border:1px solid var(--border-1);border-radius:var(--radius-sm)}.auth-invite-meta .row{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px}.auth-invite-meta .row .k{color:var(--fg-3);font-size:12px}.skel{position:relative;overflow:hidden;background:var(--ink-50);border-radius:var(--radius-xs);color:transparent!important;-webkit-user-select:none;user-select:none}.skel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(251,247,238,.75),transparent);transform:translate(-100%);animation:skel-sweep 1.5s var(--ease-in-out) infinite}@keyframes skel-sweep{to{transform:translate(100%)}}.skel-line{height:12px}.skel-row{display:flex;align-items:center;gap:16px;padding:14px 20px;border-bottom:1px solid var(--border-1)}.skel-row:last-child{border-bottom:0}.skel-block{border-radius:var(--radius-sm)}@media(prefers-reduced-motion:reduce){.skel:after,.pulse-dot:before,.pop-ring,.zone-status-dot.dot-propagating{animation:none}}.empty .empty-ico{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-sm);background:var(--cream);border:1px solid var(--border-1);color:var(--fg-3);margin-bottom:12px}.empty p{font-size:13px;color:var(--fg-3);max-width:380px;margin:0 auto 16px}.error-card{padding:32px 20px;text-align:center;color:var(--fg-2);display:flex;flex-direction:column;align-items:center;gap:10px}.error-card .error-ico{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);background:#faefd3;border:1px solid #EBD79A;color:var(--warn)}.error-card .error-msg{font-size:13px;color:var(--fg-3);max-width:420px}.tb-menu-wrap{position:relative}.tb-menu{position:absolute;right:0;top:calc(100% + 8px);background:var(--paper);border:1px solid var(--border-1);border-radius:var(--radius-md);box-shadow:var(--shadow-modal);z-index:120;overflow:hidden;animation:k-pop var(--dur-fast) var(--ease-out)}.notif-menu{width:380px}.notif-head{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border-1)}.notif-head h4{font-size:13.5px;font-weight:600}.notif-head button{border:0;background:transparent;color:var(--fg-link);font-size:12px;font-weight:500;cursor:pointer;padding:2px 4px;font-family:var(--font-sans)}.notif-head button:hover{text-decoration:underline}.notif-list{max-height:380px;overflow-y:auto}.notif-item{display:flex;gap:10px;width:100%;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--border-1);padding:12px 16px;cursor:pointer;font-family:var(--font-sans);align-items:flex-start}.notif-item:last-child{border-bottom:0}.notif-item:hover{background:var(--cream)}.notif-item .notif-dot{width:7px;height:7px;border-radius:999px;background:var(--clay);flex-shrink:0;margin-top:6px}.notif-item.read .notif-dot{background:var(--ink-200)}.notif-item .notif-body{flex:1;min-width:0}.notif-item .notif-title{display:block;font-size:13px;font-weight:500;color:var(--fg-1);line-height:1.4}.notif-item.read .notif-title{color:var(--fg-2);font-weight:400}.notif-item .notif-sub{display:block;font-size:12px;color:var(--fg-3);margin-top:2px;line-height:1.4;overflow:hidden;text-overflow:ellipsis}.notif-item .notif-when{font-size:11px;color:var(--fg-3);font-family:var(--font-mono);flex-shrink:0;margin-top:2px}.notif-empty{padding:32px 16px;text-align:center;color:var(--fg-3);font-size:12.5px}.avatar-menu{min-width:240px;padding:5px;display:flex;flex-direction:column;gap:1px}.avatar-menu .who{padding:9px 10px 10px;border-bottom:1px solid var(--border-1);margin-bottom:4px}.avatar-menu .who .name{font-size:13.5px;font-weight:600;color:var(--fg-1)}.avatar-menu .who .email{font-size:12px;color:var(--fg-3);margin-top:1px}.avatar-menu .section{font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--fg-3);font-weight:600;padding:6px 10px 3px}.ws-item{display:flex;align-items:center;gap:9px;width:100%;background:transparent;border:0;padding:7px 10px;border-radius:var(--radius-xs);cursor:pointer;font-family:var(--font-sans);font-size:13px;color:var(--fg-1);text-align:left}.ws-item:hover{background:var(--cream)}.ws-item .ws-mark{width:22px;height:22px;border-radius:var(--radius-xs);background:var(--sand);color:var(--ink);font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ws-item.current .ws-mark{background:var(--signal);color:var(--paper)}.ws-item .ws-check{margin-left:auto;color:var(--signal-700);display:inline-flex}.opt-card.disabled{cursor:not-allowed;opacity:.6;background:var(--cream)}.opt-card.disabled:hover{border-color:var(--border-2)}.opt-card .opt-card-soon{position:absolute;top:10px;right:10px}.token-reveal{display:flex;align-items:center;gap:8px;background:var(--cream);border:1px solid var(--signal-200);border-radius:var(--radius-sm);padding:10px 12px;font-family:var(--font-mono);font-size:12.5px;word-break:break-all;color:var(--fg-1)}.token-reveal button{border:0;background:transparent;color:var(--fg-3);cursor:pointer;padding:3px;border-radius:var(--radius-xs);display:inline-flex;flex-shrink:0}.token-reveal button:hover{color:var(--fg-1);background:var(--ink-50)}.scope-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.scope-opt{display:flex;align-items:center;gap:9px;padding:8px 10px;border:1px solid var(--border-2);border-radius:var(--radius-sm);background:var(--pure);cursor:pointer;font-size:12.5px;font-family:var(--font-mono);color:var(--fg-2);transition:border-color var(--dur-fast),background var(--dur-fast)}.scope-opt:hover{border-color:var(--border-3)}.scope-opt.on{border-color:var(--signal);background:var(--signal-50);color:var(--signal-700)}.scope-opt .box{width:14px;height:14px;border-radius:var(--radius-xs);border:1px solid var(--border-3);background:var(--paper);display:inline-flex;align-items:center;justify-content:center;color:transparent;flex-shrink:0}.scope-opt.on .box{background:var(--signal);border-color:var(--signal);color:#fff}.toast-err-ico{color:var(--danger);flex-shrink:0}.region-row .bar-fill,.rcode-row .bar-fill{display:block}.load-more{display:flex;justify-content:center;padding:12px;border-top:1px solid var(--border-1);background:var(--cream)}.settings-save{position:sticky;bottom:16px;display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;background:var(--paper);border:1px solid var(--border-2);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);margin-top:16px;align-items:center}.settings-save .note{margin-right:auto;font-size:12.5px;color:var(--fg-3)}.saml-row{opacity:.7}.tab-link,.tab-link:hover{text-decoration:none}button.tab{background:transparent;border:0;border-bottom:2px solid transparent;font-family:var(--font-sans)}button.tab.active{border-bottom-color:var(--signal)}.page-loading{display:flex;flex-direction:column;gap:16px}.app-boot{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--cream)}.app-boot .mark{opacity:.85;animation:boot-pulse 1.6s var(--ease-in-out) infinite}@keyframes boot-pulse{0%,to{opacity:.5}50%{opacity:1}}