:root{color-scheme:light;--g-bg: #f6f6f9;--g-surface: #ffffff;--g-fill: #f1f1f6;--g-line-1: #ececf2;--g-line-2: #dcdde8;--ink-1: #26232e;--ink-2: #55515e;--ink-3: #8b8794;--ink-4: #b6b3bf;--shadow-rest: 0 1px 2px rgba(23, 20, 32, .04);--shadow-raise: 0 4px 16px -4px rgba(23, 20, 32, .12);--radius-input: 6px;--radius-button: 10px;--radius-panel: 14px;--radius-pill: 999px;--gap-1: 8px;--gap-2: 12px;--gap-3: 16px;--gap-4: 24px;--card-padding: 20px;--type-t1-size: 20px;--type-t2-size: 15px;--type-t3-size: 13.5px;--type-t4-size: 12.5px;--type-t5-size: 11px;--type-d1-size: 22px;--type-weight-regular: 400;--type-weight-medium: 500;--type-weight-strong: 650;--line-title: 1.35;--line-body: 1.6;--line-data: 1.2;--type-heading-line-height: var(--line-title);--type-body-line-height: var(--line-body);--type-display-line-height: var(--line-data);--type-label-letter-spacing: .04em;--app-background: var(--g-bg);--surface: var(--g-surface);--surface-2: var(--g-fill);--primary: #14b8c8;--primary-hover: #0ea5b5;--primary-soft: rgba(20, 184, 200, .12);--secondary: #9155fd;--info: #16b1ff;--success: #56ca00;--warning: #ffb400;--danger: #ff4c51;--text-primary: var(--ink-1);--text-secondary: var(--ink-2);--text-muted: var(--ink-3);--text-disabled: var(--ink-4);--border-color: var(--g-line-1);--border-strong: var(--g-line-2);--radius-small: var(--radius-input);--radius-medium: var(--radius-button);--radius-large: var(--radius-panel);--space-1: var(--gap-1);--space-2: var(--gap-1);--space-3: var(--gap-2);--space-4: var(--gap-3);--space-5: 20px;--space-6: var(--gap-4);--space-8: var(--gap-4);--shadow-card: var(--shadow-rest);--shadow-lift: var(--shadow-raise);--radius-card: var(--radius-panel);--radius-control: var(--radius-input);--motion-fast: .16s;--motion-base: .24s;--motion-slow: .32s;--motion-press: .12s;--motion-ease: cubic-bezier(.22, .61, .36, 1);--motion-spring: cubic-bezier(.34, 1.56, .64, 1);--press-scale: .97;--press-brightness: .96;--hover-lift: -2px;--button-hover-lift: -1px;--view-enter-offset: 4px;--modal-enter-offset: 12px;--modal-enter-scale: .98;--modal-backdrop-opacity: .54;--shadow-button-hover: 0 2px 8px rgba(20, 184, 200, .28);--interactive-hover-bg: rgba(20, 184, 200, .05);--transition-fast: var(--motion-fast) var(--motion-ease);--transition-base: var(--motion-base) var(--motion-ease);--transition-slow: var(--motion-slow) var(--motion-ease);--motion-duration: var(--motion-fast);--transition: var(--transition-fast);--focus-ring: 0 0 0 3px rgba(20, 184, 200, .25);--teal-soft: rgba(20, 184, 200, .12);--violet-soft: rgba(145, 85, 253, .12);--success-soft: rgba(86, 202, 0, .13);--warning-soft: rgba(255, 180, 0, .15);--danger-soft: rgba(255, 76, 81, .11);--info-soft: rgba(22, 177, 255, .12);--header-bg: rgba(255, 255, 255, .98);--app-font: Inter, "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif}:root[data-theme=dark]{color-scheme:dark;--g-bg: #0f1216;--g-surface: #171b21;--g-fill: #212630;--g-line-1: #2a303a;--g-line-2: #3a414d;--ink-1: #f2f4f7;--ink-2: #b3bac5;--ink-3: #7e8794;--ink-4: #565e6b;--shadow-rest: 0 1px 2px rgba(0, 0, 0, .34);--shadow-raise: 0 4px 16px -4px rgba(0, 0, 0, .55);--primary-soft: rgba(20, 184, 200, .18);--teal-soft: rgba(20, 184, 200, .18);--violet-soft: rgba(145, 85, 253, .24);--success-soft: rgba(86, 202, 0, .2);--warning-soft: rgba(255, 180, 0, .22);--danger-soft: rgba(255, 76, 81, .2);--info-soft: rgba(22, 177, 255, .2);--interactive-hover-bg: rgba(20, 184, 200, .1);--header-bg: rgba(23, 27, 33, .96)}html{overflow-y:scroll;scrollbar-gutter:stable}@view-transition{navigation:auto}::view-transition-old(root){animation-duration:var(--motion-fast)}::view-transition-new(root){animation-duration:var(--motion-base)}@keyframes ui-view-enter{0%{opacity:0;transform:translateY(var(--view-enter-offset))}to{opacity:1;transform:translateY(0)}}@keyframes ui-modal-dialog-enter{0%{opacity:0;transform:translateY(var(--modal-enter-offset)) scale(var(--modal-enter-scale))}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ui-modal-backdrop-enter{0%{opacity:0}to{opacity:var(--modal-backdrop-opacity)}}@media(prefers-reduced-motion:reduce){:root{--motion-fast: 0ms;--motion-base: 0ms;--motion-slow: 0ms;--motion-press: 0ms}}#app,#app *{box-sizing:border-box}#app a{color:inherit;text-decoration:none}#app .form-control-guide a{color:#399af2}#app .account-profile-page .account-flex .btn[href=kill]{color:var(--danger)}.phase7-shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.phase7-sidebar{position:sticky;top:0;height:100vh;padding:24px 18px;border-right:1px solid var(--border-color);background:var(--surface)}.phase7-brand{display:flex;align-items:center;gap:12px;padding:6px}.phase7-brand strong,.phase7-brand small{display:block}.phase7-brand small,.phase7-eyebrow,.phase7-card p,.phase7-card dd{color:var(--text-secondary)}.phase7-mark{display:inline-grid;width:40px;height:40px;place-items:center;border-radius:var(--radius-button);background:var(--primary);color:#fff;font-weight:var(--type-weight-strong)}.phase7-nav{display:grid;gap:6px;margin-top:28px}.phase7-nav a{border-radius:var(--radius-input);padding:10px 12px;color:var(--text-secondary)}.phase7-nav a.router-link-active{background:var(--primary-soft);color:var(--primary);font-weight:var(--type-weight-strong)}.phase7-nav-group{margin:18px 0 4px;padding:0 12px;font-size:var(--type-t5-size);font-weight:var(--type-weight-strong);letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);opacity:.65}.phase7-nav-group:first-of-type{margin-top:8px}.phase7-nav-group small{text-transform:none;letter-spacing:0}.phase7-main{min-width:0;padding:40px}.phase7-page{max-width:1040px}.phase7-header{max-width:760px;margin-bottom:28px}.phase7-eyebrow{margin:0 0 8px;font-size:var(--type-t5-size);font-weight:var(--type-weight-strong);letter-spacing:0;text-transform:uppercase}.phase7-header h1{margin:0;font-size:30px;line-height:var(--line-title)}.phase7-header p{margin:12px 0 0;color:var(--text-secondary)}.phase7-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.phase7-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.phase7-card{min-width:0;border:1px solid var(--border-color);border-radius:var(--radius-panel);background:var(--surface);box-shadow:var(--shadow-card);padding:20px}.phase7-stage-card{margin-top:16px}.phase7-card h2{margin:0 0 10px;font-size:var(--type-t1-size);line-height:var(--line-title)}.phase7-summary-grid .phase7-card h2{margin-bottom:4px;font-size:28px}.phase7-card p,.phase7-card ul{margin:0}.phase7-card ul{padding-left:18px}.phase7-contract-list dl{display:grid;gap:14px;margin:0}.phase7-contract-list div{border-top:1px solid var(--border-color);padding-top:14px}.phase7-contract-list div:first-child{border-top:0;padding-top:0}.phase7-contract-list dt{display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:var(--type-weight-strong)}.phase7-contract-list dd{margin:4px 0 0}.phase7-routes{font-family:Consolas,SFMono-Regular,monospace;font-size:var(--type-t4-size);overflow-wrap:anywhere}.phase7-toolbar{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px}.phase7-toolbar label{display:grid;min-width:180px;gap:6px;color:var(--text-secondary);font-size:var(--type-t5-size);font-weight:var(--type-weight-strong);text-transform:uppercase}.phase7-toolbar select{min-height:38px;border:1px solid var(--border-color);border-radius:var(--radius-input);background:var(--surface);color:var(--text-primary);font:inherit;padding:8px 10px;text-transform:none}.phase7-table-wrap{overflow-x:auto}.phase7-table{width:100%;min-width:920px;border-collapse:collapse}.phase7-table th,.phase7-table td{border-top:1px solid var(--border-color);padding:10px 12px;text-align:left;vertical-align:top}.phase7-table thead th{border-top:0;color:var(--text-secondary);font-size:var(--type-t5-size);font-weight:var(--type-weight-strong);line-height:var(--line-data);text-transform:uppercase}.phase7-table tbody tr:hover{background:var(--surface-2)}.phase7-stage-list{display:grid;gap:12px}.phase7-stage{display:grid;grid-template-columns:84px minmax(0,1fr);gap:14px;border-top:1px solid var(--border-color);padding-top:12px}.phase7-stage:first-child{border-top:0;padding-top:0}.phase7-stage h3{margin:0;font-size:var(--type-t2-size)}.phase7-stage p{margin:4px 0 0;color:var(--text-secondary)}[data-status],[data-risk]{align-self:start;border-radius:var(--radius-pill);padding:3px 8px;background:var(--surface-2);color:var(--text-secondary);font-size:var(--type-t5-size);font-weight:var(--type-weight-strong);line-height:var(--line-data);text-transform:uppercase}[data-status=ready],[data-risk=low]{background:var(--success-soft);color:var(--success)}[data-status=next],[data-risk=medium]{background:var(--info-soft);color:var(--info)}[data-status=blocked],[data-risk=high]{background:var(--warning-soft);color:var(--warning)}.phase7-page-header{display:flex;align-items:end;justify-content:space-between;gap:24px;max-width:none}.phase7-fallback,.phase7-action{display:inline-flex;min-height:38px;align-items:center;justify-content:center;border:1px solid var(--border-color);border-radius:var(--radius-input);background:var(--surface);color:var(--text-primary);cursor:pointer;font:inherit;padding:8px 12px}.phase7-action{margin-top:8px;border-color:var(--primary);background:var(--primary);color:#fff}.phase7-state{min-height:260px;display:grid;align-content:center;justify-items:center;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);padding:40px 20px;text-align:center}.phase7-state h2,.phase7-state p{margin:0}.phase7-state h2{font-size:var(--type-t1-size)}.phase7-state p{margin-top:6px;color:var(--text-secondary)}.phase7-spinner{width:28px;height:28px;margin-bottom:14px;border:3px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:phase7-spin .8s linear infinite}.phase7-table-wrap{overflow-x:auto;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.phase7-data-table{width:100%;min-width:680px;border-collapse:collapse}.phase7-data-table th,.phase7-data-table td{border-top:1px solid var(--border-color);padding:16px 14px;text-align:left;vertical-align:top}.phase7-data-table thead th{border-top:0;color:var(--text-secondary);font-size:var(--type-t5-size);text-transform:uppercase}.announcement-id{width:90px;color:var(--text-secondary);font-family:Consolas,SFMono-Regular,monospace}.announcement-date{width:180px;white-space:nowrap}.announcement-content{min-width:320px;overflow-wrap:anywhere}.announcement-content>:first-child{margin-top:0}.announcement-content>:last-child{margin-bottom:0}.phase7-notice{margin:0 0 18px;border-left:3px solid var(--info);background:var(--info-soft);color:var(--text-secondary);padding:14px 16px}.phase7-notice p{margin:0}.phase7-notice p+p{margin-top:8px}.latency-node{min-width:220px;color:var(--text-primary);font-weight:var(--type-weight-strong)}.detect-rules-table{min-width:920px}.phase7-mono,.detect-regex{font-family:Consolas,SFMono-Regular,monospace}.detect-regex{display:block;max-width:360px;overflow-x:auto;background:var(--surface-2);padding:5px 7px;white-space:nowrap}.detect-type{display:inline-block;white-space:nowrap;color:var(--text-secondary);font-size:var(--type-t4-size)}.phase7-metric-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 18px;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.phase7-metric-strip div{min-width:0;padding:14px 16px;border-left:1px solid var(--border-color)}.phase7-metric-strip div:first-child{border-left:0}.phase7-metric-strip dt{color:var(--text-secondary);font-size:var(--type-t5-size);font-weight:var(--type-weight-strong)}.phase7-metric-strip dd{margin:4px 0 0;font-size:var(--type-t1-size);font-weight:var(--type-weight-strong);overflow-wrap:anywhere}.traffic-records-table{min-width:760px}.detect-logs-table{min-width:1120px}.phase7-date{min-width:180px;white-space:nowrap}.phase7-cell-detail{display:block;margin-top:3px;color:var(--text-secondary);font-family:Consolas,SFMono-Regular,monospace;font-size:var(--type-t5-size)}.traffic-total{font-weight:var(--type-weight-strong)}.phase7-pagination{display:flex;min-height:48px;align-items:center;justify-content:center;gap:12px;border-bottom:1px solid var(--border-color)}.phase7-pagination button{display:inline-grid;width:36px;height:36px;place-items:center;border:1px solid var(--border-color);border-radius:var(--radius-input);background:var(--surface);color:var(--text-primary);cursor:pointer;font:inherit;font-size:22px}.phase7-pagination button:disabled{cursor:not-allowed;opacity:.45}.phase7-pagination span{min-width:120px;text-align:center}.phase7-form{max-width:680px;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);padding:24px 0}.phase7-form-row{display:grid;gap:8px}.phase7-form-row label{font-size:var(--type-t2-size);font-weight:var(--type-weight-strong)}.phase7-form-row p{margin:0;color:var(--text-secondary)}.phase7-form-row input,.phase7-form-row select{width:100%;min-height:44px;border:1px solid var(--border-color);border-radius:var(--radius-input);background:var(--surface);color:var(--text-primary);font:inherit;padding:9px 12px}.phase7-form-row input:focus,.phase7-form-row select:focus{border-color:var(--primary);outline:2px solid var(--primary-soft);outline-offset:1px}.phase7-form-notice{margin:0;border-left:3px solid var(--warning);color:var(--text-secondary);padding:8px 12px}.subscription-user-agent{min-width:240px;max-width:420px;overflow-wrap:anywhere}.phase7-definition-list{display:grid;gap:1px;margin:0;background:var(--border-color)}.phase7-definition-list>div{display:grid;grid-template-columns:minmax(120px,.35fr) minmax(0,1fr);gap:16px;background:var(--surface);padding:12px 16px}.phase7-definition-list dt{color:var(--text-secondary);font-weight:var(--type-weight-strong)}.phase7-definition-list dd{margin:0}.phase7-form-feedback{min-height:44px;padding-top:10px}.phase7-form-feedback p{margin:0}.phase7-form-error{color:var(--danger, #b42318)}.phase7-form-success{color:var(--success)}.phase7-form-actions{display:flex;flex-wrap:wrap;gap:10px}.phase7-form-actions .phase7-action{margin-top:0}.phase7-secondary-action{min-height:38px;border:1px solid var(--border-color);border-radius:var(--radius-input);background:var(--surface);color:var(--text-primary);cursor:pointer;font:inherit;padding:8px 12px}.phase7-form-actions button:disabled{cursor:not-allowed;opacity:.5}.phase7-choice-group{display:grid;gap:8px;margin:0;border:0;padding:0}.phase7-choice-group legend{margin-bottom:10px;font-size:var(--type-t2-size);font-weight:var(--type-weight-strong)}.phase7-choice{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;align-items:start;border-top:1px solid var(--border-color);padding:14px 2px 6px;cursor:pointer}.phase7-choice input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--primary)}.phase7-choice strong,.phase7-choice small{display:block}.phase7-choice small{margin-top:3px;color:var(--text-secondary)}.phase7-choice.unavailable{color:var(--text-secondary)}.tutorial-tabs{display:inline-grid;grid-auto-flow:column;grid-auto-columns:minmax(88px,1fr);border:1px solid var(--border-color);border-radius:var(--radius-input);overflow:hidden}.tutorial-tabs button{min-height:40px;border:0;border-left:1px solid var(--border-color);background:var(--surface);color:var(--text-secondary);cursor:pointer;font:inherit;font-weight:var(--type-weight-strong);padding:8px 16px}.tutorial-tabs button:first-child{border-left:0}.tutorial-tabs button.active{background:var(--primary);color:#fff}.tutorial-list{margin-top:18px;border-top:1px solid var(--border-color)}.tutorial-item{border-bottom:1px solid var(--border-color)}.tutorial-trigger{display:flex;width:100%;min-height:56px;align-items:center;justify-content:space-between;gap:16px;border:0;background:transparent;color:var(--text-primary);cursor:pointer;font:inherit;font-weight:var(--type-weight-strong);padding:14px 4px;text-align:left}.tutorial-markdown{padding:4px 4px 24px;color:var(--text-secondary);overflow-wrap:anywhere}.tutorial-markdown img{max-width:100%;height:auto}.tutorial-markdown pre{max-width:100%;overflow-x:auto;border-radius:var(--radius-panel);background:var(--surface-2);padding:14px}@keyframes phase7-spin{to{transform:rotate(360deg)}}.phase7-public,.phase7-public-static,.phase7-public-doc{width:min(1040px,calc(100% - 32px));margin:0 auto;padding:24px 0}.phase7-public-nav{display:flex;align-items:center;justify-content:space-between;gap:16px}.phase7-public-nav nav{display:flex;align-items:center;gap:12px}.phase7-public-hero{min-height:60vh;display:grid;place-content:center;text-align:center}.phase7-public-hero h1{margin:0;font-size:clamp(40px,10vw,96px)}.ticket-message{white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:820px){.phase7-shell{width:100%;min-width:0;grid-template-columns:1fr;overflow:hidden}.phase7-sidebar{position:static;width:100%;min-width:0;max-width:100vw;height:auto;overflow:hidden;padding:14px 16px}.phase7-nav{width:100%;min-width:0;max-width:calc(100vw - 32px);grid-auto-flow:column;grid-auto-columns:max-content;overflow-x:auto;margin-top:14px}.phase7-main{width:100%;min-width:0;padding:24px 16px}.phase7-page,.phase7-table-wrap{width:100%;min-width:0;max-width:100%}.phase7-grid,.phase7-summary-grid,.phase7-metric-strip{grid-template-columns:1fr}.phase7-metric-strip div{border-top:1px solid var(--border-color);border-left:0}.phase7-metric-strip div:first-child{border-top:0}.phase7-stage{grid-template-columns:1fr}.phase7-page-header{align-items:start;flex-direction:column}}