@layer theme{:root,:host{--font-sans:"IBM Plex Sans", "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--ease-out:cubic-bezier(0, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-bg:#f6f6f4;--color-line:#e4e4e0;--color-ink:#1c1c1a;--color-muted:#5f5f5a;--color-faint:#8a8a84;--color-ok:#1f7a45;--color-warn:#8a5a10;--color-bad:#b42318;--color-info:#3d5f86}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.contents{display:contents}}:root{color:var(--color-ink);background:var(--color-bg);font-family:var(--font-sans);--ease-out:cubic-bezier(.22, 1, .36, 1);--dur-fast:.16s;--dur:.42s;font-size:14px;line-height:1.45}*{box-sizing:border-box}body{background:var(--color-bg);min-height:100vh;margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline-offset:2px;outline:2px solid #1c1c1a}::selection{color:#f7f7f5;background:#1c1c1a}.app{min-height:100vh}.gate{background:radial-gradient(900px 420px at 50% -10%,#fff,transparent 70%),var(--color-bg);place-items:center;min-height:100vh;padding:28px 20px;display:grid}.gate-card{border:1px solid var(--color-line);width:min(440px,100%);animation:motion-rise var(--dur) var(--ease-out) both;background:#fff;border-radius:18px;padding:36px 32px 28px;box-shadow:0 30px 70px #1c1c1a0f}.gate-card img{width:auto;height:28px;display:block}.gate-card h1{letter-spacing:-.045em;margin:18px 0 0;font-size:32px;font-weight:560}.gate-card p{color:var(--color-muted);margin:8px 0 22px}.gate-card .url{background:#fff;border:1px solid #dddcd6;border-radius:10px;width:100%;height:46px;padding:0 12px}.gate-digits{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.gate-digits input{text-align:center;width:100%;height:58px;font-family:var(--font-mono);background:#fbfbfa;border:1px solid #dddcd6;border-radius:12px;font-size:24px}.gate-digits input:focus{background:#fff;border-color:#1c1c1a;outline:none}.gate-card .btn.primary{border-radius:10px;width:100%;height:42px;margin-top:16px}.gate-row{justify-content:space-between;align-items:center;margin-top:14px;display:flex}.gate-row button{height:auto;color:var(--color-muted);padding:0}.gate-error{color:var(--color-bad)!important;margin:12px 0 0!important}.demo-bar{color:#f7f7f5;text-align:center;background:#1c1c1a;padding:8px 16px;font-size:13px}.shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--color-line);width:232px;color:var(--color-ink);background:#f6f6f4;flex-direction:column;flex:none;height:100vh;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;padding:18px 18px 8px;display:flex}.brand img{width:auto;height:22px;animation:motion-float 3.6s var(--ease-out) infinite;display:block}.brand strong{letter-spacing:-.03em;font-size:15px;font-weight:600}.nav{flex-direction:column;flex:1;gap:1px;padding:12px 10px 8px;display:flex}.nav a{color:#5c5c57;height:32px;animation:motion-slide var(--dur) var(--ease-out) both;border-radius:6px;align-items:center;gap:10px;padding:0 8px;font-size:13.5px;display:flex}.nav a:nth-child(2){animation-delay:30ms}.nav a:nth-child(3){animation-delay:60ms}.nav a:nth-child(4){animation-delay:90ms}.nav a:nth-child(5){animation-delay:.12s}.nav a:nth-child(6){animation-delay:.15s}.nav a:nth-child(7){animation-delay:.18s}.nav a:nth-child(8){animation-delay:.21s}.nav a.nav-end{animation-delay:.24s}.nav a svg{transition:transform var(--dur-fast) var(--ease-out);flex:none}.nav a:hover{color:var(--color-ink);background:#ecece8}.nav a:hover svg{transform:translate(2px)}.nav a.active{color:var(--color-ink);background:#e7e7e2}.nav a.nav-end{margin-top:auto}.side-foot{border-top:1px solid var(--color-line);align-items:center;gap:10px;padding:12px 18px 16px;display:flex}.side-foot .avatar{width:auto;height:18px;animation:motion-float 3.6s var(--ease-out) infinite;display:block}.side-foot p{color:var(--color-faint);margin:0;font-size:12px}.side-foot strong{font-size:13px;font-weight:560;display:block}.scrim{display:none}.main{flex:1;min-width:0}.page{max-width:1080px;animation:motion-fade var(--dur) var(--ease-out) both;padding:32px 40px 72px}.page>.demo-bar{margin:-32px -40px 24px}.page-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:8px;display:flex}.page-head h1{letter-spacing:-.035em;animation:motion-rise var(--dur) var(--ease-out) both;margin:0;font-size:28px;font-weight:560}.kicker{color:var(--color-faint);margin:0 0 4px;font-size:13px}.sub{color:var(--color-muted);max-width:40rem;animation:motion-fade var(--dur) var(--ease-out) both;margin:8px 0 0;animation-delay:60ms}.section-title{color:var(--color-faint);margin:36px 0 0;font-size:13px;font-weight:560}.health{flex-wrap:wrap;gap:8px;margin:18px 0 0;padding:0;list-style:none;display:flex}.pill{border:1px solid var(--color-line);height:32px;animation:motion-pop var(--dur) var(--ease-out) both;background:#fff;border-radius:999px;align-items:center;gap:7px;padding:0 10px;font-size:13px;display:inline-flex}.pill span{color:var(--color-ink);font-weight:560}.pill em{font-size:12px;font-style:normal}.pill.ok{color:var(--color-ok);background:#f3faf6;border-color:#d7eadc}.pill.off{color:var(--color-bad);background:#fdf6f5;border-color:#f0d9d6}.pill.ok .mark{animation:1.8s ease-in-out infinite motion-pulse}.stats{flex-wrap:wrap;gap:28px 40px;margin:32px 0 8px;display:flex}.stat{animation:motion-rise var(--dur) var(--ease-out) both;background:0 0;padding:0}.stat:nth-child(2){animation-delay:60ms}.stat:nth-child(3){animation-delay:.12s}.stat:nth-child(4){animation-delay:.18s}.stat:nth-child(5){animation-delay:.24s}.stat span{color:var(--color-faint);margin-bottom:4px;font-size:12px;display:block}.stat b{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:28px;font-weight:560}.btn{height:32px;color:var(--color-ink);transition:background var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out);background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:0 10px;display:inline-flex}.btn:active{transform:scale(.97)}.btn:hover{background:#ecece8}.btn.primary{color:#f7f7f5;background:#1c1c1a;font-weight:560}.btn.primary:hover{background:#000}.btn.danger{color:var(--color-bad)}.btn.danger:hover{background:#f8ecea}.btn.small{height:28px;padding:0 8px;font-size:13px}.btn:disabled{opacity:.4;cursor:not-allowed}.row-actions{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.card{background:0 0;border:0;border-radius:0;padding:0}.card h2,.section-title+h2{margin:28px 0 12px;font-size:15px;font-weight:560}.card>h2:first-child{margin-top:0}.notice{color:var(--color-muted);animation:motion-fade var(--dur-fast) var(--ease-out) both;margin:0;padding:0 0 12px}.notice.bad{color:var(--color-bad)}.notice.ok{color:var(--color-ok)}.field{animation:motion-rise var(--dur) var(--ease-out) both;flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.field:nth-child(2){animation-delay:40ms}.field:nth-child(3){animation-delay:80ms}.field:nth-child(4){animation-delay:.12s}.field:nth-child(5){animation-delay:.16s}.field .btn{align-self:flex-start}.field span,.label{color:var(--color-muted);font-size:12px}input[type=text],input[type=url],input[type=number],input[type=password],select,textarea{background:#fff;border:1px solid #dddcd6;border-radius:6px;outline:none;width:100%;padding:8px 10px}textarea{resize:vertical;min-height:88px}input,select,textarea{transition:border-color var(--dur-fast) var(--ease-out)}input:focus,select:focus,textarea:focus{border-color:#1c1c1a}.checkline{align-items:flex-start;gap:10px;padding:8px 0;display:flex}.checkline input{margin-top:3px}.grid-2{grid-template-columns:minmax(0,1.45fr) minmax(240px,.7fr);align-items:start;gap:56px;display:grid}.stack{flex-direction:column;display:flex}.stack>.card,ol.stack>li{border-bottom:1px solid var(--color-line);padding:16px 0}.list{margin-top:4px}.list-row{border-bottom:1px solid var(--color-line);animation:motion-rise var(--dur) var(--ease-out) both;transition:background var(--dur-fast) var(--ease-out);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:20px;margin:0 -12px;padding:14px 12px;display:grid}.list-row:nth-child(2){animation-delay:50ms}.list-row:nth-child(3){animation-delay:.1s}.list-row:nth-child(4){animation-delay:.15s}.list-row:hover{background:#efefec}.list-main{flex-direction:column;gap:2px;min-width:0;display:flex}.list-main strong{font-weight:560}.list-main span,.list-row time{color:var(--color-muted);font-size:13px}.meter{background:#e4e4e0;height:2px;margin-top:8px;display:block}.meter i{height:100%;transition:width .7s var(--ease-out);background:#1c1c1a;display:block}.track{background:#e4e4e0;height:2px;overflow:hidden}.track i{width:0;height:100%;transition:width .7s var(--ease-out);background:#1c1c1a;display:block}.badge{height:auto;color:var(--color-muted);letter-spacing:0;background:0 0;border:0;border-radius:0;align-items:center;gap:7px;padding:0;font-family:inherit;font-size:13px;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:99px;flex:none;width:6px;height:6px}.badge.ok{color:var(--color-ok)}.badge.warn{color:var(--color-warn)}.badge.bad{color:var(--color-bad)}.badge.info{color:var(--color-info)}.badge.demo{color:var(--color-warn)}.meta{color:var(--color-muted);border-bottom:1px solid var(--color-line);justify-content:space-between;gap:12px;padding:8px 0;font-size:13px;display:flex}.set{max-width:560px;margin-top:28px}.set-row{border-bottom:1px solid var(--color-line);min-height:52px;animation:motion-fade var(--dur) var(--ease-out) both;grid-template-columns:148px minmax(0,1fr);align-items:center;gap:20px;display:grid}.set-row:first-child{border-top:1px solid var(--color-line)}.set-row strong{font-weight:560}.set .checkline{color:var(--color-muted);align-items:center;margin:0;padding:0}.set input{height:32px}.keyline{align-items:center;gap:4px;min-width:0;display:flex}.keyline input{flex:1;min-width:0}.keyline em{color:var(--color-muted);margin-right:8px;font-style:normal}.set-save{margin-top:20px}.swap{max-width:720px;margin:18px 0 8px}.swap-row{border-bottom:1px solid var(--color-line);grid-template-columns:88px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:52px;display:grid}.swap-row:first-child{border-top:1px solid var(--color-line)}.swap-row strong{font-weight:560}.swap-row input{height:32px;font-family:var(--font-mono);font-size:12px}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:var(--color-faint);border-bottom:1px solid var(--color-line);padding:0 0 8px;font-size:12px;font-weight:500}td{border-bottom:1px solid var(--color-line);vertical-align:middle;padding:12px 12px 12px 0}td:last-child,th:last-child{padding-right:0}tbody tr{animation:motion-fade var(--dur) var(--ease-out) both}tbody tr:nth-child(2){animation-delay:40ms}tbody tr:nth-child(3){animation-delay:80ms}tbody tr:nth-child(4){animation-delay:.12s}tr:hover td{transition:background var(--dur-fast) var(--ease-out);background:#efefec}.mono{font-family:var(--font-mono);font-size:12px}.table-wrap{border:0;border-radius:0;margin-top:20px;overflow:auto}.filters{flex-wrap:wrap;gap:2px;margin:16px 0 0;display:flex}.filters button{transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.filters button[aria-pressed=true]{color:#f7f7f5;background:#1c1c1a}.timeline{flex-direction:column;margin-top:8px;display:flex}.step{text-align:left;border:0;border-left:1px solid var(--color-line);background:0 0;gap:12px;width:100%;margin-left:4px;padding:0 0 16px 16px;display:flex;position:relative}.step>span{flex:1;min-width:0}.step:last-child{border-left-color:#0000}.step i.mark{background:#c8c8c2;border-radius:99px;width:7px;height:7px;position:absolute;top:5px;left:-4px}.step.done i.mark{background:var(--color-ok)}.step{animation:motion-fade var(--dur) var(--ease-out) both}.step:nth-child(2){animation-delay:30ms}.step:nth-child(3){animation-delay:60ms}.step:nth-child(4){animation-delay:90ms}.step:nth-child(5){animation-delay:.12s}.step:nth-child(6){animation-delay:.15s}.step.running i.mark{background:#1c1c1a;animation:1.4s ease-in-out infinite motion-pulse}.step.failed i.mark{background:var(--color-bad)}.step.skipped i.mark{background:#c8c8c2}.step.skipped b{color:var(--color-faint)}.step b{font-weight:500;display:block}.step small{color:var(--color-faint)}.detail-box{color:var(--color-muted);background:0 0;border:0;margin:0 0 12px 22px;padding:0}.log{background:0 0;border:0;max-height:70vh;padding:8px 0 0;overflow:auto}.logline{border-bottom:1px solid var(--color-line);font-family:var(--font-mono);animation:motion-fade var(--dur-fast) var(--ease-out) both;grid-template-columns:78px 132px 1fr;gap:12px;padding:7px 0;font-size:12px;display:grid}.logline.SUCCESS{color:var(--color-ok)}.logline.WARNING,.logline.ACTION_REQUIRED{color:var(--color-warn)}.logline.ERROR{color:var(--color-bad)}.logline .ts,.logline .lv{color:var(--color-faint)}.logline.ERROR .lv,.logline.SUCCESS .lv,.logline.WARNING .lv,.logline.ACTION_REQUIRED .lv{color:inherit}.tabs{flex-wrap:wrap;gap:2px;margin:8px 0 18px;display:flex}.tabs button{color:var(--color-muted);height:32px;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out);background:0 0;border:0;border-radius:6px;padding:0 10px}.tabs button[aria-pressed=true]{color:var(--color-ink);background:#e7e7e2}.compare{aspect-ratio:16/10;border-bottom:1px solid var(--color-line);background:#fff;position:relative;overflow:hidden}.compare img,.compare object{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.compare .cap{z-index:2;background:#f6f6f4e6;padding:2px 0;font-size:12px;position:absolute;top:8px}.compare .cap.before{left:0}.compare .cap.after{right:0}.compare input[type=range]{opacity:0;cursor:ew-resize;z-index:3;width:100%;height:100%;margin:0;position:absolute;inset:0}.compare .bar{z-index:2;pointer-events:none;background:#1c1c1a;width:1px;position:absolute;top:0;bottom:0}.empty{color:var(--color-faint);padding:28px 0}.menu-wrap,.menu{display:none}.options{grid-template-columns:1fr 1fr;gap:0 24px;display:grid}.ext{border-bottom:1px solid var(--color-line);font-family:var(--font-mono);justify-content:space-between;align-items:center;gap:8px;padding:8px 0;display:flex}.approval{background:0 0;border:0;padding:4px 0 8px}.kv{grid-template-columns:140px 1fr;gap:8px 12px;margin-top:8px;font-size:13px;display:grid}.kv span{color:var(--color-faint)}@keyframes motion-fade{0%{opacity:0}to{opacity:1}}@keyframes motion-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes motion-slide{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}@keyframes motion-pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@keyframes motion-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes motion-pulse{0%,to{opacity:1}50%{opacity:.35}}@media(prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media(max-width:960px){.stats,.grid-2,.options{flex-direction:column;display:flex}.page{padding:20px 16px 56px}.page>.demo-bar{margin-top:-20px;margin-left:-16px;margin-right:-16px}.menu-wrap{padding:12px 16px 0;display:block}.menu{display:inline-flex}.scrim{z-index:19;animation:motion-fade var(--dur-fast) var(--ease-out) both;background:#1c1c1a47;border:0;display:block;position:fixed;inset:0}.sidebar{z-index:20;transition:transform var(--dur) var(--ease-out);background:#f6f6f4;position:fixed;transform:translate(-105%)}.sidebar.open{transform:none}.list-row{grid-template-columns:1fr auto}.list-row time{display:none}.logline{grid-template-columns:72px 1fr}.logline .lv{display:none}}
