:root{color-scheme:dark;--surface-primary: #000000;--surface-secondary: #1a1a1a;--surface-elevated: #242424;--surface-inset: #111111;--text-primary: #ffffff;--text-secondary: #a3a3a3;--text-tertiary: #6b6b6b;--border-subtle: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .14);--accent-primary: #c8ff4a;--accent-soft: rgba(200, 255, 74, .14);--accent-glow: rgba(200, 255, 74, .28);--status-deploying: #e8b45a;--status-success: #c8ff4a;--status-error: #f07a7a;--status-idle: #6b6b6b;--on-accent: #0a0a0a;--tab-bar: #111111;--danger-soft: rgba(240, 122, 122, .14);--button-secondary: #2a2a2a;--radius-control: 20px;--radius-row: 24px;--radius-pill: 999px;--radius-fab: 28px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 20px;--space-xxl: 28px;--space-xxxl: 36px;--touch-min: 48px;--touch-fab: 56px;--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--vt-push: .34s;--vt-overlay: .46s;--vt-state: .28s}*,*:before,*:after{box-sizing:border-box}html{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;touch-action:manipulation;background:var(--surface-primary)}body{margin:0;position:fixed;inset:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;font-family:var(--font);background:var(--surface-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;user-select:none;-webkit-user-select:none}#root{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}html.is-standalone{background:var(--tab-bar);height:var(--app-height, 100%)}html.is-standalone body{inset:0 0 auto;width:100%;height:var(--app-height, 100%);padding-bottom:0;background:var(--surface-primary)}html.is-standalone #root,html.is-standalone .app-shell{height:100%}button,input,textarea,select{font:inherit;color:inherit}input,textarea{user-select:text;-webkit-user-select:text;font-size:16px}button{appearance:none;border:0;background:none;padding:0;cursor:pointer}input,textarea{appearance:none;border:0;outline:none;background:transparent}a{color:inherit}.app-shell{position:absolute;inset:0;width:100%;max-width:var(--shell-max, 480px);margin:0 auto;display:flex;flex-direction:column;overflow:hidden;overscroll-behavior:none;background:radial-gradient(120% 60% at 50% -10%,rgba(200,255,74,.08),transparent 55%),var(--surface-primary)}.app-content{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;view-transition-name:app-content}.panel{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.panel-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:var(--space-sm) var(--space-xl) calc(var(--space-xxxl) + var(--touch-fab));-webkit-overflow-scrolling:touch;touch-action:pan-y}.stack-header{padding:calc(env(safe-area-inset-top,0px) + var(--space-md)) var(--space-xl) var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.stack-header.large .stack-title{font-size:36px;letter-spacing:-1.2px}.stack-brand{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-primary)}.stack-title-row{display:flex;align-items:center;gap:var(--space-md)}.stack-title{margin:0;flex:1;min-width:0;font-size:24px;font-weight:800;letter-spacing:-.6px}.stack-trailing{margin-left:auto;flex-shrink:0;display:grid;place-items:center}.stack-subtitle{margin:0;font-size:15px;color:var(--text-secondary)}.last-deploy{display:inline-flex;align-items:center;gap:6px;font-variant-numeric:tabular-nums;letter-spacing:-.2px;color:var(--text-secondary);flex-shrink:0}.last-deploy--row{font-size:13px;font-weight:600;color:var(--text-tertiary)}.last-deploy svg{color:var(--text-tertiary);flex-shrink:0}.icon-btn{width:var(--touch-min);height:var(--touch-min);border-radius:var(--radius-pill);background:var(--surface-secondary);border:1px solid var(--border-subtle);display:grid;place-items:center;flex-shrink:0;transition:opacity .12s var(--ease-out-quart),transform .12s var(--ease-out-quart)}.icon-btn:active{opacity:.75;transform:scale(.96)}.list-section{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg)}.list-section-title{margin:0;padding:0 var(--space-xs);font-size:13px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em}.list-card{background:var(--surface-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-row);overflow:hidden}.list-row{width:100%;min-height:var(--touch-min);padding:var(--space-md) var(--space-lg);display:flex;align-items:center;gap:var(--space-md);text-align:left;border-top:1px solid var(--border-subtle);transition:background .12s var(--ease-out-quart)}.list-row:first-child{border-top:0}.list-row:active{background:var(--surface-elevated)}.list-row-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.list-row-title{font-size:17px;font-weight:700;letter-spacing:-.2px}.list-row-subtitle{font-size:13px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pastille{display:inline-block;width:10px;height:10px;border-radius:999px;flex-shrink:0;vertical-align:middle;background:var(--status-idle);box-shadow:0 0 0 4px #6b6b6b26}.status-line{display:inline-flex;align-items:center;gap:10px}.pastille.deploying{background:var(--status-deploying);box-shadow:0 0 0 4px #e8b45a2e;animation:pastille-pulse 1.2s var(--ease-out-quart) infinite}.pastille.ok{background:var(--status-success);box-shadow:0 0 0 4px #c8ff4a29}.pastille.error{background:var(--status-error);box-shadow:0 0 0 4px #f07a7a29}@keyframes pastille-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.85)}}.pill-btn{min-height:var(--touch-min);padding:0 var(--space-xl);border-radius:var(--radius-pill);font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);transition:opacity .12s var(--ease-out-quart),transform .12s var(--ease-out-quart)}.pill-btn:active{opacity:.85;transform:scale(.98)}.pill-btn.primary{background:var(--accent-primary);color:var(--on-accent)}.pill-btn.secondary{background:var(--button-secondary);color:var(--text-primary)}.pill-btn.danger{background:var(--danger-soft);color:var(--status-error)}.pill-btn:disabled{opacity:.5;cursor:not-allowed}.field{display:flex;flex-direction:column;gap:var(--space-xs)}.field label{font-size:13px;font-weight:600;color:var(--text-secondary)}.field input,.field select{min-height:var(--touch-min);padding:0 var(--space-lg);border-radius:var(--radius-control);background:var(--surface-inset);border:1px solid var(--border-subtle)}.domain-input{display:flex;align-items:stretch;min-height:var(--touch-min);border-radius:var(--radius-control);background:var(--surface-inset);border:1px solid var(--border-subtle);overflow:hidden}.domain-input input{flex:1;min-width:0;border:0;border-radius:0;background:transparent}.domain-input__suffix{flex-shrink:0;display:flex;align-items:center;padding:0 var(--space-lg) 0 var(--space-sm);color:var(--text-tertiary);font-weight:700;font-size:15px;border-left:1px solid var(--border-subtle);background:var(--surface-secondary);max-width:46%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.domain-input--copy{width:100%;margin:0;padding:0;border:1px solid var(--border-subtle);color:inherit;font:inherit;text-align:left;cursor:pointer}.domain-input--copy:active{opacity:.85}.domain-input__value{flex:1;min-width:0;display:flex;align-items:center;padding:0 var(--space-lg);font-size:16px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.domain-input__copy{flex-shrink:0;display:grid;place-items:center;width:var(--touch-min);color:var(--text-secondary);border-left:1px solid var(--border-subtle);background:var(--surface-secondary);transition:color .18s ease,transform .28s var(--ease-out-expo)}.domain-input__copy.is-copied{color:var(--accent-primary);transform:scale(1.04)}.field .error{font-size:13px;color:var(--status-error)}.record-copy-block{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-md) 0 var(--space-sm)}.record-meta{margin:0;font-size:15px;color:var(--text-tertiary)}.copied-hint{margin:0;min-height:1.2em;font-size:13px;font-weight:600;color:var(--accent-primary);transition:opacity .18s ease}.copied-hint.is-hidden{opacity:0}.empty{padding:var(--space-xxxl) var(--space-xl);text-align:center;display:flex;flex-direction:column;gap:var(--space-sm)}.empty h3{margin:0;font-size:20px;font-weight:800}.empty p{margin:0;color:var(--text-secondary);font-size:15px}.state-box{flex:1;display:grid;place-items:center;padding:var(--space-xxl);color:var(--text-secondary)}.toast{position:absolute;left:50%;top:calc(env(safe-area-inset-top,0px) + 72px);transform:translate(-50%);z-index:40;max-width:min(92vw,420px);padding:10px 16px;border-radius:var(--radius-pill);background:var(--surface-elevated);border:1px solid var(--border-strong);font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 10px 30px #00000073}.toast--ok{border-color:#c8ff4a73;background:color-mix(in srgb,var(--accent-soft) 70%,var(--surface-elevated))}.toast--error{border-color:#f07a7a80;background:color-mix(in srgb,var(--danger-soft) 70%,var(--surface-elevated))}.tab-bar{flex-shrink:0;display:flex;align-items:stretch;gap:var(--space-xs);padding:var(--space-sm) var(--space-sm) calc(env(safe-area-inset-bottom,0px) + var(--space-sm));background:var(--tab-bar);border-top:1px solid var(--border-subtle);position:relative;z-index:2}html.is-standalone .tab-bar{padding-bottom:var(--space-lg)}html.is-standalone .tab-indicator{bottom:var(--space-lg)}.tab-item{flex:1;min-height:var(--touch-min);border-radius:var(--radius-pill);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--text-tertiary);position:relative;z-index:1}.tab-item.active{color:var(--accent-primary)}.tab-item span{font-size:10px;font-weight:700;letter-spacing:.1px}.tab-item svg{width:18px;height:18px}.tab-indicator{position:absolute;top:var(--space-sm);bottom:calc(env(safe-area-inset-bottom,0px) + var(--space-sm));border-radius:var(--radius-pill);background:var(--accent-soft);border:1px solid var(--accent-glow);view-transition-name:tab-indicator;z-index:0;pointer-events:none}.search-bar{min-height:var(--touch-min);padding:0 var(--space-lg);border-radius:var(--radius-pill);background:var(--surface-secondary);border:1px solid var(--border-subtle);display:flex;align-items:center;gap:var(--space-md);color:var(--text-secondary);font-weight:600;overflow:clip}.search-bar--idle{margin:0 var(--space-xl);width:calc(100% - var(--space-xl) * 2);text-align:left;transition:background .12s var(--ease-out-quart),border-color .12s var(--ease-out-quart)}.search-bar--idle:active{background:var(--surface-elevated);border-color:var(--border-strong)}.search-bar--active{flex:1;min-width:0;color:var(--text-primary);border-color:var(--border-strong)}.search-bar__icon{flex-shrink:0;display:grid;place-items:center;color:var(--text-tertiary)}.search-bar--active .search-bar__icon{color:var(--accent-primary)}.search-bar__label,.search-bar__input{flex:1;min-width:0;min-height:var(--touch-min);display:flex;align-items:center;font-weight:600;font-size:16px;line-height:1.2}.search-bar__label{color:var(--text-secondary)}.search-bar__input{color:var(--text-primary);width:100%}.search-bar__input::placeholder{color:var(--text-tertiary)}.vt-dns-search{view-transition-name:dns-search}.vt-dns-search-cancel{view-transition-name:dns-search-cancel}.vt-dns-search-overlay{view-transition-name:dns-search-overlay}.vt-dns-search-body{view-transition-name:dns-search-body}.vt-dns-empty{view-transition-name:dns-empty}.fab{position:absolute;right:var(--space-xl);bottom:var(--space-xl);width:var(--touch-fab);height:var(--touch-fab);border-radius:var(--radius-fab);background:var(--accent-primary);color:var(--on-accent);display:grid;place-items:center;box-shadow:0 10px 28px #00000073;z-index:5;transition:transform .12s var(--ease-out-quart)}.fab:active{transform:scale(.96)}.panel-relative{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.search-overlay{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;overflow:hidden;overscroll-behavior:none}.search-overlay__scrim{position:absolute;inset:0;background:var(--surface-primary);z-index:0;pointer-events:none}.search-overlay__chrome{position:relative;z-index:1;padding:calc(env(safe-area-inset-top,0px) + var(--space-md)) var(--space-xl) var(--space-md);display:flex;align-items:center;gap:var(--space-md);flex-shrink:0}.search-overlay__body{position:relative;z-index:1;flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.search-cancel{color:var(--accent-primary);font-weight:700;min-height:var(--touch-min);padding:0 var(--space-xs);flex-shrink:0;white-space:nowrap}.action-menu{position:absolute;top:calc(env(safe-area-inset-top,0px) + 58px);right:var(--space-xl);z-index:8;min-width:180px;padding:var(--space-sm);display:flex;flex-direction:column;gap:var(--space-xs);border-radius:var(--radius-row);background:var(--surface-elevated);border:1px solid var(--border-subtle);box-shadow:0 12px 32px #00000073}.action-menu button{min-height:44px;padding:0 var(--space-lg);border-radius:var(--radius-control);text-align:left;font-weight:700;color:var(--text-primary)}.action-menu button:active{background:var(--surface-secondary)}.action-menu button.danger{color:var(--status-error)}.action-menu-backdrop{position:absolute;inset:0;z-index:7}.meta-grid{display:grid;gap:var(--space-md);margin-bottom:var(--space-xl)}.meta-item{padding:var(--space-lg);border-radius:var(--radius-row);background:var(--surface-secondary);border:1px solid var(--border-subtle)}.meta-item dt{margin:0 0 4px;font-size:12px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em}.meta-item dd{margin:0;font-size:17px;font-weight:700}.actions-col{display:flex;flex-direction:column;gap:var(--space-md);width:100%}.actions-col .pill-btn{width:100%}.form-stack{display:flex;flex-direction:column;gap:var(--space-lg);width:100%}.form-stack>.pill-btn{width:100%}.disclosure{color:var(--text-tertiary);font-size:18px}.secret-row{gap:var(--space-sm)}.secret-row__main{flex:1;min-width:0;display:flex;align-items:center;gap:var(--space-md);text-align:left;color:inherit}.secret-row__value{font-variant-numeric:tabular-nums;letter-spacing:.04em}.secret-row__value.is-revealed{letter-spacing:-.1px;word-break:break-all;white-space:normal}.secret-row__copy{color:var(--text-tertiary);display:grid;place-items:center;flex-shrink:0;transition:color .12s var(--ease-out-quart)}.secret-row__copy.is-copied{color:var(--accent-primary)}.secret-row__eye{width:40px;height:40px}::view-transition-old(root),::view-transition-new(root){animation-duration:var(--vt-state);animation-timing-function:var(--ease-out-expo)}::view-transition-group(app-content),::view-transition-group(tab-indicator){animation-duration:var(--vt-push);animation-timing-function:var(--ease-out-expo)}html:active-view-transition-type(forward)::view-transition-old(app-content){animation:vt-slide-out-left var(--vt-push) var(--ease-out-expo) both}html:active-view-transition-type(forward)::view-transition-new(app-content){animation:vt-slide-in-right var(--vt-push) var(--ease-out-expo) both}html:active-view-transition-type(back)::view-transition-old(app-content){animation:vt-slide-out-right var(--vt-push) var(--ease-out-expo) both}html:active-view-transition-type(back)::view-transition-new(app-content){animation:vt-slide-in-left var(--vt-push) var(--ease-out-expo) both}html:active-view-transition-type(tab)::view-transition-old(app-content){animation:vt-tab-out var(--vt-state) var(--ease-out-expo) both}html:active-view-transition-type(tab)::view-transition-new(app-content){animation:vt-tab-in var(--vt-state) var(--ease-out-expo) both}html:active-view-transition-type(search)::view-transition-old(root),html:active-view-transition-type(search)::view-transition-new(root){animation:none;mix-blend-mode:normal}html:active-view-transition-type(search)::view-transition-group(app-content),html:active-view-transition-type(search)::view-transition-old(app-content),html:active-view-transition-type(search)::view-transition-new(app-content){animation:none!important}::view-transition-group(dns-search){animation-duration:var(--vt-overlay);animation-timing-function:var(--ease-out-expo);z-index:120}::view-transition-old(dns-search),::view-transition-new(dns-search){width:100%;height:100%;object-fit:fill;overflow:clip;animation-duration:var(--vt-overlay);animation-timing-function:var(--ease-out-expo);mix-blend-mode:normal}::view-transition-group(dns-search-overlay){animation-duration:var(--vt-overlay);animation-timing-function:var(--ease-out-expo);z-index:100}::view-transition-old(dns-search-overlay){animation:vt-search-fade-out .28s var(--ease-out-quart) both}::view-transition-new(dns-search-overlay){animation:vt-search-fade-in var(--vt-overlay) var(--ease-out-expo) both}::view-transition-group(dns-search-cancel){animation-duration:var(--vt-overlay);animation-timing-function:var(--ease-out-expo);z-index:130}::view-transition-old(dns-search-cancel){animation:vt-search-cancel-out .24s var(--ease-out-quart) both}::view-transition-new(dns-search-cancel){animation:vt-search-cancel-in var(--vt-overlay) var(--ease-out-expo) both}::view-transition-group(dns-search-body){animation-duration:var(--vt-overlay);animation-timing-function:var(--ease-out-expo);z-index:110}::view-transition-old(dns-search-body){animation:vt-search-body-out .24s var(--ease-out-quart) both}::view-transition-new(dns-search-body){animation:vt-search-body-in var(--vt-overlay) var(--ease-out-expo) both}::view-transition-group(dns-empty){animation-duration:var(--vt-overlay);animation-timing-function:var(--ease-out-expo);z-index:115}::view-transition-old(dns-empty),::view-transition-new(dns-empty){width:100%;height:100%;object-fit:fill;overflow:clip;animation-duration:var(--vt-overlay);animation-timing-function:var(--ease-out-expo);mix-blend-mode:normal}@keyframes vt-slide-in-right{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}@keyframes vt-slide-out-left{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-28px)}}@keyframes vt-slide-in-left{0%{opacity:0;transform:translate(-28px)}to{opacity:1;transform:translate(0)}}@keyframes vt-slide-out-right{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(28px)}}@keyframes vt-tab-in{0%{opacity:0;transform:scale(.98) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes vt-tab-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.985)}}@keyframes vt-search-fade-in{0%{opacity:0}to{opacity:1}}@keyframes vt-search-fade-out{0%{opacity:1}to{opacity:0}}@keyframes vt-search-cancel-in{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:translate(0)}}@keyframes vt-search-cancel-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(10px)}}@keyframes vt-search-body-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes vt-search-body-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(6px)}}@media(prefers-reduced-motion:reduce){.pastille.deploying{animation:none}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}@media(min-width:768px){:root{--shell-max: 680px}.stack-header.large .stack-title{font-size:40px}.panel-scroll{padding-left:var(--space-xxl);padding-right:var(--space-xxl)}.search-bar--idle{margin-left:var(--space-xxl);margin-right:var(--space-xxl);width:calc(100% - var(--space-xxl) * 2)}.fab{right:var(--space-xxl)}}@media(min-width:1024px){:root{--shell-max: 920px}html{overflow:auto}body{position:relative;inset:auto;width:100%;min-height:100%;height:auto;overflow:auto;display:flex;align-items:center;justify-content:center;padding:32px 24px;background:radial-gradient(80% 50% at 50% -20%,rgba(200,255,74,.1),transparent 55%),radial-gradient(60% 40% at 100% 100%,rgba(255,255,255,.04),transparent 50%),#070707}#root{position:relative;inset:auto;width:min(var(--shell-max),calc(100vw - 48px));height:min(860px,calc(100vh - 64px));overflow:hidden;flex-shrink:0}.app-shell{position:relative;inset:auto;width:100%;height:100%;max-width:none;border-radius:28px;border:1px solid var(--border-subtle);box-shadow:0 0 0 1px #ffffff08,0 24px 80px #0000008c}html.is-standalone body{position:relative;inset:auto;width:100%;height:auto;min-height:100%;padding:32px 24px}html.is-standalone #root,html.is-standalone .app-shell{height:min(860px,calc(100vh - 64px))}.stack-header{padding-top:var(--space-xl)}.panel-scroll{padding-left:var(--space-xxl);padding-right:var(--space-xxl)}.search-bar--idle{margin-left:var(--space-xxl);margin-right:var(--space-xxl);width:calc(100% - var(--space-xxl) * 2)}.tab-bar{padding-bottom:var(--space-md)}.tab-indicator{bottom:var(--space-md)}.meta-item{width:100%}}@media(hover:hover)and (pointer:fine){.list-row:hover{background:var(--surface-elevated)}.icon-btn:hover{background:var(--surface-elevated);border-color:var(--border-strong)}.pill-btn:hover:not(:disabled){opacity:.92}.tab-item:hover:not(.active){color:var(--text-secondary)}.search-bar--idle:hover{border-color:var(--border-strong);background:var(--surface-elevated)}.domain-input--copy:hover{border-color:var(--border-strong)}.fab:hover{transform:scale(1.04)}}