:root{--bg:#171d1b;--surface-0:#0d1210;--surface-1:#1f2724;--surface-2:#2c3531;--surface-3:#333d39;--border:#3b4843;--border-strong:#7c8f89;--fg:#d1e8e2;--fg-dim:#a3b7b1;--brand:#116466;--brand-hover:#146f71;--brand-fg:#d1e8e2;--accent-text:#5cb8b2;--focus:#5cb8b2;--sample:#ffcb9a;--pending:#d9b08c;--ok:#8dd9a6;--error:#e89898;--scrim:#080b0ab8;--font-display:"IBM Plex Sans Condensed", "Arial Narrow", sans-serif;--font-body:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:ui-monospace, Menlo, Consolas, monospace;--text-xs:12px;--text-sm:14px;--text-md:16px;--text-lg:20px;--text-xl:24px;--text-2xl:32px;--text-3xl:40px;--text-4xl:48px;--leading-tight:1.15;--leading:1.6;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--r-sm:6px;--r-md:10px;--r-lg:16px;--control-h:40px;--dur:.2s;--dur-slow:.3s;--ease:cubic-bezier(.2, 0, 0, 1)}*{box-sizing:border-box;margin:0;padding:0}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}::selection{background:var(--brand);color:var(--brand-fg)}body{font-family:var(--font-body);font-size:var(--text-md);line-height:var(--leading);background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}h1,h2,h3{font-family:var(--font-display);font-weight:600;line-height:var(--leading-tight)}code{font-family:var(--font-mono);font-size:.9em}strong{color:var(--fg);font-weight:600}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--r-sm)}.app-root{position:relative}.container{max-width:1200px;padding:0 var(--s-5);margin:0 auto}.page-view{padding:var(--s-6) 0 var(--s-8)}.section-header{margin-bottom:var(--s-6)}.page-title{font-size:var(--text-2xl);margin-bottom:var(--s-3)}.section-title{font-size:var(--text-xl);margin-bottom:var(--s-2)}.section-desc{font-size:var(--text-sm);color:var(--fg-dim);max-width:72ch;margin-bottom:var(--s-5)}.section-header .section-desc{margin-bottom:0}.home-section{margin-top:var(--s-7)}.section-gap{margin-bottom:var(--s-5)}.sim-banner{background:var(--surface-1);border-bottom:1px solid var(--border);font-size:var(--text-xs);color:var(--fg-dim)}.sim-banner-inner{gap:var(--s-3);padding-top:var(--s-3);padding-bottom:var(--s-3);align-items:flex-start;display:flex}.sim-banner-inner>svg{margin-top:var(--s-1);color:var(--sample);flex-shrink:0}.sim-banner-close{margin:calc(-1 * var(--s-2)) calc(-1 * var(--s-2)) calc(-1 * var(--s-2)) auto}.notif{top:var(--s-4);right:var(--s-4);z-index:300;max-width:min(440px, calc(100vw - var(--s-6)));align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);background:var(--surface-3);border:1px solid var(--border);border-radius:var(--r-md);font-size:var(--text-sm);display:flex;position:fixed}.notif>svg{flex-shrink:0}.notif-success>svg{color:var(--ok)}.notif-error{border-color:var(--error)}.notif-error>svg{color:var(--error)}.notif .icon-btn{margin:calc(-1 * var(--s-2)) calc(-1 * var(--s-2)) calc(-1 * var(--s-2)) 0}.navbar{z-index:100;background:var(--bg);border-bottom:1px solid var(--border);position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;gap:var(--s-4);height:64px;display:flex}.nav-logo{align-items:center;gap:var(--s-2);min-height:var(--control-h);color:var(--fg);font-family:var(--font-display);font-size:var(--text-lg);cursor:pointer;background:0 0;border:0;font-weight:600;display:inline-flex}.nav-links{gap:var(--s-1);display:flex}.nav-link{min-height:var(--control-h);padding:0 var(--s-3);border-radius:var(--r-sm);color:var(--fg-dim);font:500 var(--text-sm) var(--font-body);cursor:pointer;background:0 0;border:0;position:relative}.nav-link:hover{color:var(--fg);background:var(--surface-1)}.nav-link.active{color:var(--fg)}.nav-link.active:after{content:"";left:var(--s-3);right:var(--s-3);background:var(--accent-text);height:2px;position:absolute;bottom:0}.nav-menu-btn{width:var(--control-h);height:var(--control-h);border:1px solid var(--border-strong);border-radius:var(--r-sm);color:var(--fg);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:none}@media (width<=899px){.navbar-inner{gap:var(--s-2)}.nav-logo{margin-right:auto}.nav-menu-btn{order:3;display:inline-flex}.wallet-wrapper{order:2}.nav-links{display:none}.nav-links.open{padding:var(--s-2) var(--s-4) var(--s-4);background:var(--bg);border-bottom:1px solid var(--border);flex-direction:column;display:flex;position:absolute;top:100%;left:0;right:0}.nav-links.open .nav-link{text-align:left;padding:0 var(--s-4)}.nav-links.open .nav-link.active{background:var(--surface-1)}.nav-links.open .nav-link.active:after{display:none}}@media (width<=479px){.container{padding:0 var(--s-4)}.wallet-btn{padding:0 var(--s-3)}.wallet-btn .wallet-chevron{display:none}}.wallet-wrapper{position:relative}.wallet-btn{align-items:center;gap:var(--s-2);min-height:var(--control-h);padding:0 var(--s-4);border:1px solid var(--border-strong);border-radius:var(--r-sm);color:var(--fg);font:600 var(--text-sm) var(--font-body);white-space:nowrap;cursor:pointer;background:0 0;display:inline-flex}.wallet-btn:hover{background:var(--surface-1)}.wallet-btn.connected{font-family:var(--font-mono);font-weight:500}.wallet-dot{background:var(--ok);border-radius:50%;width:8px;height:8px}.wallet-chevron{color:var(--fg-dim);transition:transform var(--dur) var(--ease)}.wallet-chevron.open{transform:rotate(180deg)}.wallet-dropdown{top:calc(100% + var(--s-2));z-index:110;width:320px;max-width:calc(100vw - var(--s-6));padding:var(--s-4);background:var(--surface-3);border:1px solid var(--border);border-radius:var(--r-md);position:absolute;right:0}.dropdown-label{font-size:var(--text-xs);color:var(--fg-dim);margin-bottom:var(--s-2)}.dropdown-addr{font:var(--text-xs) var(--font-mono);overflow-wrap:anywhere;padding:var(--s-2) var(--s-3);background:var(--surface-0);border:1px solid var(--border);border-radius:var(--r-sm);margin-bottom:var(--s-3)}.dropdown-note{font-size:var(--text-xs);color:var(--fg-dim);margin-bottom:var(--s-3)}.dropdown-action{width:100%;min-height:var(--control-h);border-radius:var(--r-sm);font:600 var(--text-sm) var(--font-body);cursor:pointer}.dropdown-connect{background:var(--brand);color:var(--brand-fg);border:1px solid var(--brand)}.dropdown-connect:hover{background:var(--brand-hover)}.dropdown-disconnect{color:var(--error);border:1px solid var(--error);background:0 0}.dropdown-action:disabled{opacity:.6;cursor:wait}.btn{justify-content:center;align-items:center;gap:var(--s-2);min-height:var(--control-h);padding:0 var(--s-4);border-radius:var(--r-sm);font:600 var(--text-sm) var(--font-body);text-align:center;cursor:pointer;transition:transform var(--dur) var(--ease);border:1px solid #0000;display:inline-flex}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--brand);border-color:var(--brand);color:var(--brand-fg)}.btn-primary:hover:not(:disabled){background:var(--brand-hover)}.btn-outline{border-color:var(--border-strong);color:var(--fg);background:0 0}.btn-outline:hover:not(:disabled){background:var(--surface-2)}.btn-danger{border-color:var(--error);color:var(--error);background:0 0}.btn-danger:hover:not(:disabled){background:var(--surface-2)}.btn-sim{border:1px dashed var(--sample);color:var(--sample);background:0 0}.btn-sim:hover:not(:disabled){background:var(--surface-2)}.btn-lg{min-height:48px;padding:0 var(--s-5);font-size:var(--text-md)}.btn-block{width:100%}.btn-grow{flex:1}.btn-row{gap:var(--s-3);flex-wrap:wrap;display:flex}.icon-btn{min-width:var(--control-h);min-height:var(--control-h);border-radius:var(--r-sm);color:var(--fg-dim);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{color:var(--fg);background:var(--surface-2)}.link-btn{font:inherit;color:var(--accent-text);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.explorer-link{color:var(--accent-text);text-underline-offset:3px;overflow-wrap:anywhere;text-decoration:underline;text-decoration-thickness:1px}.explorer-link svg{vertical-align:-1px}.card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-md);position:relative}.card-pad{padding:var(--s-5)}.card-heading{font-size:var(--text-lg);margin-bottom:var(--s-4)}.card-lead{font-size:var(--text-sm);color:var(--fg-dim);margin-bottom:var(--s-4)}.card-link{font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.card-link:after{content:"";z-index:1;border-radius:var(--r-md);position:absolute;inset:0}.card-link:focus-visible{outline:none}.card-link:focus-visible:after{outline:2px solid var(--focus);outline-offset:-2px}.src-chain{font:var(--text-xs) var(--font-mono);color:var(--accent-text);white-space:nowrap}.src-ui{align-items:center;gap:var(--s-2);padding:0 var(--s-2);border:1px solid var(--border);border-radius:var(--r-sm);font-size:var(--text-xs);color:var(--fg-dim);line-height:20px;display:inline-flex}.src-ui-flag{font:var(--text-xs) var(--font-mono);color:var(--fg-dim);white-space:nowrap}.src-ui .src-ui-flag{padding-left:var(--s-2);border-left:1px solid var(--border)}.list-source{font-size:var(--text-xs);color:var(--fg-dim);margin-bottom:var(--s-4)}.sample-badge{padding:0 var(--s-2);border:1px dashed var(--sample);border-radius:var(--r-sm);font-size:var(--text-xs);color:var(--sample);font-weight:600;line-height:20px;display:inline-block}.sample-note{font-size:var(--text-sm);color:var(--fg-dim);padding:var(--s-3);border:1px dashed var(--sample);border-radius:var(--r-sm);margin-bottom:var(--s-4)}.stat-row{gap:var(--s-4);margin-bottom:var(--s-5);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.stat-row-4{grid-template-columns:repeat(auto-fit,minmax(136px,1fr))}.stat-card{padding:var(--s-4)}.detail-main .stat-card{background:var(--surface-2)}.stat-label{justify-content:space-between;gap:var(--s-2);font-size:var(--text-xs);color:var(--fg-dim);margin-bottom:var(--s-1);flex-wrap:wrap;display:flex}.stat-val{font-family:var(--font-display);font-size:var(--text-xl);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-weight:500}.stat-val .explorer-link{font-family:var(--font-mono);font-size:var(--text-sm)}.stat-unit{font-family:var(--font-body);font-size:var(--text-sm);color:var(--fg-dim)}.stat-note{margin:calc(-1 * var(--s-2)) 0 var(--s-5)}.kv{margin-bottom:var(--s-4)}.kv-row{justify-content:space-between;gap:var(--s-4);padding:var(--s-2) 0;border-bottom:1px solid var(--border);font-size:var(--text-sm);display:flex}.kv-row:last-child{border-bottom:0}.kv dt{color:var(--fg-dim)}.kv dd{text-align:right;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;min-width:0}.agent-grid{gap:var(--s-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,288px),1fr));display:grid}.agent-card{gap:var(--s-3);padding:var(--s-5);flex-direction:column;display:flex}.agent-card:hover{border-color:var(--border-strong)}.agent-card-head{gap:var(--s-3);align-items:flex-start;display:flex}.agent-card-title{min-width:0}.agent-name{font-size:var(--text-lg)}.agent-tags{gap:var(--s-2);margin-top:var(--s-2);flex-wrap:wrap;display:flex}.agent-desc{font-size:var(--text-sm);color:var(--fg-dim);-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.agent-card-foot{padding-top:var(--s-3);border-top:1px solid var(--border);align-items:baseline;gap:var(--s-1) var(--s-3);white-space:nowrap;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"price jobs""rating rating";margin-top:auto;display:grid}.agent-price{font-family:var(--font-display);font-size:var(--text-lg);font-weight:500;line-height:var(--leading-tight);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;white-space:normal;grid-area:price}.agent-rating{grid-area:rating}.price-unit{font-family:var(--font-body);font-size:var(--text-xs);color:var(--fg-dim)}.agent-jobs{font-size:var(--text-xs);color:var(--fg-dim);grid-area:jobs}.star-row{align-items:center;gap:var(--s-1);font-size:var(--text-xs);display:inline-flex}.star-filled{fill:var(--pending);stroke:var(--pending)}.star-empty{fill:none;stroke:var(--fg-dim)}.star-value{margin-left:var(--s-1);font-variant-numeric:tabular-nums}.star-count,.star-none{color:var(--fg-dim)}.filter-row{gap:var(--s-2);margin-bottom:var(--s-5);flex-wrap:wrap;display:flex}.filter-pill{min-height:var(--control-h);padding:0 var(--s-4);border:1px solid var(--border-strong);border-radius:var(--r-sm);color:var(--fg-dim);font:500 var(--text-sm) var(--font-body);cursor:pointer;background:0 0}.filter-pill:hover{color:var(--fg)}.filter-pill.active{background:var(--brand);border:1px solid var(--brand);color:var(--brand-fg)}.badge{align-items:center;gap:var(--s-2);padding:0 var(--s-2);border:1px solid var(--border);border-radius:var(--r-sm);font-size:var(--text-xs);font-weight:600;line-height:22px;display:inline-flex}.badge-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.badge-pending{color:var(--pending)}.badge-delivered{color:var(--accent-text)}.badge-completed{color:var(--ok)}.badge-refunded{color:var(--fg-dim)}.job-list{gap:var(--s-4);display:grid}.job-card{gap:var(--s-4);padding:var(--s-5);display:grid}.job-main{gap:var(--s-3);flex-direction:column;min-width:0;display:flex}.job-head{align-items:center;gap:var(--s-2) var(--s-3);flex-wrap:wrap;display:flex}.job-title{font-size:var(--text-lg)}.job-amount{font-family:var(--font-display);font-size:var(--text-lg);font-variant-numeric:tabular-nums;margin-left:auto;font-weight:500}.job-unit{font-family:var(--font-body);font-size:var(--text-xs);color:var(--fg-dim)}.job-meta{gap:var(--s-1) var(--s-4);font-size:var(--text-xs);color:var(--fg-dim);flex-wrap:wrap;display:flex}.job-time{font-size:var(--text-sm);color:var(--fg-dim)}.job-actions{gap:var(--s-2);flex-wrap:wrap;display:flex}.job-actions:empty{display:none}@media (width>=768px){.job-card{grid-template-columns:minmax(0,1fr) auto}.job-actions{flex-direction:column;align-items:stretch;min-width:200px}}.list-toolbar{justify-content:space-between;align-items:center;gap:var(--s-3);margin-bottom:var(--s-4);font-size:var(--text-xs);color:var(--fg-dim);flex-wrap:wrap;display:flex}.toolbar-title{font-size:var(--text-lg);color:var(--fg)}.meter{gap:var(--s-2);flex-direction:column;display:flex}.meter-head{justify-content:space-between;align-items:baseline;gap:var(--s-3);font-size:var(--text-xs);display:flex}.meter-label{color:var(--fg-dim)}.meter-left{font-family:var(--font-display);font-size:var(--text-md);font-variant-numeric:tabular-nums;font-weight:600}.meter.is-over .meter-left{color:var(--pending)}.meter-track{background:var(--surface-2);border-radius:var(--r-sm);height:4px;overflow:hidden}.meter-fill{background:var(--fg);transform-origin:0;height:100%;transform:scaleX(var(--share,0));transition:transform var(--dur-slow) var(--ease)}.meter-note{font-size:var(--text-xs);color:var(--fg-dim)}.modal .meter{margin-bottom:var(--s-4)}.hash-chip{padding:var(--s-3);background:var(--surface-0);border:1px solid var(--border);border-radius:var(--r-sm);margin-bottom:var(--s-4)}.job-main .hash-chip{margin-bottom:0}.hash-chip.is-sealed{border-color:var(--accent-text)}.hash-chip-head{justify-content:space-between;align-items:center;gap:var(--s-2);display:flex}.hash-chip-label{align-items:center;gap:var(--s-2);font-size:var(--text-xs);color:var(--fg-dim);display:inline-flex}.hash-chip.is-sealed .hash-chip-label svg{color:var(--accent-text)}.hash-copy{align-items:center;gap:var(--s-1);min-height:var(--control-h);padding:0 var(--s-2);margin:calc(-1 * var(--s-2)) calc(-1 * var(--s-2)) 0 0;border-radius:var(--r-sm);color:var(--accent-text);font:500 var(--text-xs) var(--font-body);cursor:pointer;background:0 0;border:0;display:inline-flex}.hash-copy:hover{background:var(--surface-2)}.hash-grid{gap:var(--s-1);font-size:var(--text-sm);display:grid}.hash-row{gap:var(--s-3);display:flex}.hash-plain{font-size:var(--text-xs);overflow-wrap:anywhere;display:block}.notice{gap:var(--s-3);padding:var(--s-4);margin-bottom:var(--s-5);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);font-size:var(--text-sm);color:var(--fg-dim);display:flex}.notice>svg{margin-top:var(--s-1);color:var(--pending);flex-shrink:0}.notice-inline{padding:var(--s-3);margin-bottom:var(--s-4);border-radius:var(--r-sm)}.empty-state{align-items:center;gap:var(--s-3);padding:var(--s-7) var(--s-5);text-align:center;flex-direction:column;display:flex}.empty-icon{border-radius:var(--r-md);background:var(--surface-2);width:48px;height:48px;color:var(--fg-dim);justify-content:center;align-items:center;display:flex}.empty-title{font-weight:600}.empty-text{font-size:var(--text-sm);color:var(--fg-dim);max-width:52ch}.skeleton{background:var(--surface-2);border-radius:var(--r-sm);height:12px;animation:1.4s ease-in-out infinite alternate pulse}.skeleton-card{gap:var(--s-3);min-height:136px;padding:var(--s-5);flex-direction:column;display:flex}.skeleton-card .skeleton:first-child{width:60%;height:16px}.skeleton-card .skeleton:nth-child(2){width:90%}.skeleton-card .skeleton:nth-child(3){width:75%}.skeleton-card .skeleton:nth-child(4){width:35%;margin-top:var(--s-2)}.card>.skeleton{height:48px;margin-bottom:var(--s-4)}@keyframes pulse{0%{opacity:.5}to{opacity:1}}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.form-group{gap:var(--s-2);margin-bottom:var(--s-4);flex-direction:column;display:flex}.form-label{font-size:var(--text-sm);font-weight:600}.form-input{width:100%;min-height:var(--control-h);padding:var(--s-2) var(--s-3);background:var(--surface-0);border:1px solid var(--border-strong);border-radius:var(--r-sm);color:var(--fg);font:var(--text-sm) var(--font-body)}.form-input:focus-visible{outline-offset:1px}.form-input::placeholder{color:var(--fg-dim)}textarea.form-input{resize:vertical;min-height:96px}.form-input.mono{font-family:var(--font-mono);font-size:var(--text-xs)}.form-hint{font-size:var(--text-xs);color:var(--fg-dim)}p.form-hint{margin:var(--s-2) 0}.form-hint-block{margin-bottom:var(--s-4)}.form-error{font-size:var(--text-sm);color:var(--error);padding:var(--s-2) var(--s-3);border:1px solid var(--error);border-radius:var(--r-sm);margin-bottom:var(--s-4)}.check-row{gap:var(--s-3);font-size:var(--text-sm);color:var(--fg-dim);margin-bottom:var(--s-4);cursor:pointer;align-items:flex-start;display:flex}.check-row input{width:16px;height:16px;margin-top:var(--s-1);accent-color:var(--brand);flex-shrink:0}.mode-tabs{gap:var(--s-2);flex-wrap:wrap;display:flex}.mode-tab{min-height:var(--control-h);padding:0 var(--s-3);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--fg-dim);font:500 var(--text-sm) var(--font-body);cursor:pointer;background:0 0}.mode-tab.active{background:var(--surface-2);border-color:var(--accent-text);color:var(--fg)}.hash-verdict{align-items:center;gap:var(--s-2);padding:var(--s-3);margin-bottom:var(--s-4);border-radius:var(--r-sm);font-size:var(--text-sm);border:1px solid;font-weight:600;display:flex}.hash-verdict svg{flex-shrink:0}.hash-verdict.ok{color:var(--ok)}.hash-verdict.bad{color:var(--error)}.field-caption{font-size:var(--text-xs);color:var(--fg-dim);margin-bottom:var(--s-2);font-weight:600}.mono-box{font:var(--text-xs) var(--font-mono);padding:var(--s-2) var(--s-3);margin-bottom:var(--s-4);background:var(--surface-0);border:1px solid var(--border);border-radius:var(--r-sm);overflow-wrap:anywhere}.value-unset{margin:0 0 var(--s-4);font-size:var(--text-sm);color:var(--fg-dim)}.cli-box{font:var(--text-xs) var(--font-mono);padding:var(--s-3);margin-bottom:var(--s-4);background:var(--surface-0);border:1px solid var(--border);border-radius:var(--r-sm);white-space:pre;overflow-x:auto}.review-notes{font-size:var(--text-sm);color:var(--fg-dim);padding-left:var(--s-5);margin-bottom:var(--s-4)}.review-notes li+li{margin-top:var(--s-2)}.overlay,.drawer-bg{z-index:200;background:var(--scrim);position:fixed;inset:0}.overlay{padding:var(--s-4);justify-content:center;align-items:center;display:flex}.modal{width:100%;max-width:520px;max-height:calc(100dvh - var(--s-6));padding:var(--s-5);background:var(--surface-3);border:1px solid var(--border);border-radius:var(--r-lg);overflow-y:auto}.modal-wide{max-width:880px}.modal-head{justify-content:space-between;align-items:center;gap:var(--s-3);margin-bottom:var(--s-4);display:flex}.modal-title,.drawer-title{font-size:var(--text-lg)}.modal-lead{font-size:var(--text-sm);color:var(--fg-dim);margin-bottom:var(--s-4)}.modal .stat-card,.modal .kv{background:0 0}.rating-pick{justify-content:center;gap:var(--s-2);margin-bottom:var(--s-5);display:flex}.rating-star svg{fill:none;stroke:var(--fg-dim)}.rating-star.on svg{fill:var(--pending);stroke:var(--pending)}.drawer{justify-content:space-between;gap:var(--s-5);width:min(420px,100%);padding:var(--s-5);background:var(--surface-3);border-left:1px solid var(--border);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}.tx-steps{gap:var(--s-4);margin:var(--s-2) 0 var(--s-5);flex-direction:column;list-style:none;display:flex}.tx-step{align-items:center;gap:var(--s-3);font-size:var(--text-sm);color:var(--fg-dim);display:flex}.tx-step.active{color:var(--fg);font-weight:600}.tx-step.done{color:var(--ok)}.tx-step-dot{width:8px;height:8px;margin:0 var(--s-1);background:currentColor;border-radius:50%;flex-shrink:0}.tx-result{text-align:center;padding:var(--s-6) 0}.tx-result>svg{margin-bottom:var(--s-3)}.tx-result.ok>svg{color:var(--ok)}.tx-result.bad>svg{color:var(--error)}.tx-result-title{margin-bottom:var(--s-2);font-weight:600}.tx-result-text{font-size:var(--text-sm);color:var(--fg-dim)}.playground-grid{gap:var(--s-5);display:grid}.playground-form{gap:var(--s-2);flex-direction:column;display:flex}.console{background:var(--surface-0);border:1px solid var(--border);border-radius:var(--r-md);flex-direction:column;min-height:280px;display:flex}.console-header{padding:var(--s-2) var(--s-3);border-bottom:1px solid var(--border);font-size:var(--text-xs);color:var(--fg-dim)}.console-body{max-height:360px;padding:var(--s-3);font:var(--text-xs) var(--font-mono);flex:1;overflow-y:auto}.console-empty{color:var(--fg-dim)}.console-line{margin-bottom:var(--s-2);color:var(--fg-dim);white-space:pre-wrap;overflow-wrap:anywhere}.log-sim{color:var(--sample)}.log-error{color:var(--error)}.log-strong{color:var(--fg)}.log-wait{align-items:center;gap:var(--s-2);color:var(--accent-text);display:flex}@media (width>=768px){.playground-grid{grid-template-columns:1fr 1fr}}.home-hero{gap:var(--s-6);padding-top:var(--s-5);align-items:start;display:grid}.hero-title{font-size:var(--text-3xl);max-width:20ch;margin-bottom:var(--s-4);text-wrap:balance}.hero-desc{color:var(--fg-dim);max-width:60ch;margin-bottom:var(--s-5)}@media (width>=992px){.home-hero{grid-template-columns:minmax(0,1fr) minmax(0,520px)}.hero-title{font-size:var(--text-4xl)}}.timeline{gap:var(--s-4);padding:var(--s-5);flex-direction:column;display:flex}.tl-head{justify-content:space-between;align-items:center;gap:var(--s-2);flex-wrap:wrap;display:flex}.tl-title{font-size:var(--text-lg)}.illus-badge{padding:0 var(--s-2);border:1px dashed var(--sample);border-radius:var(--r-sm);font-size:var(--text-xs);color:var(--sample);font-weight:600;line-height:20px;display:inline-block}.tl-outcome{gap:var(--s-2);flex-wrap:wrap;display:flex}.tl-outcome-btn,.tl-step{min-height:var(--control-h);padding:0 var(--s-3);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--fg-dim);font:500 var(--text-xs) var(--font-body);cursor:pointer;background:0 0}.tl-outcome-btn.active{background:var(--surface-2);border-color:var(--accent-text);color:var(--fg)}.tl-accounts{--chip-w:64px;--chip-h:28px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-0);grid-template-columns:repeat(3,1fr);min-height:96px;display:grid;position:relative}.tl-account{padding:var(--s-2);font-size:var(--text-xs);color:var(--fg-dim);text-align:center;position:relative}.tl-account+.tl-account{border-left:1px solid var(--border)}.tl-account.is-holding{color:var(--fg);font-weight:600}.tl-slot{left:50%;bottom:var(--s-3);width:var(--chip-w);height:var(--chip-h);border:1px solid var(--border);border-radius:var(--r-sm);position:absolute;transform:translate(-50%)}.tl-arrow{bottom:var(--s-3);height:var(--chip-h);background:var(--surface-0);color:var(--fg-dim);align-items:center;display:flex;position:absolute;transform:translate(-50%)}.tl-gap-0{left:33.3333%}.tl-gap-1{left:66.6667%}.tl-arrow.is-crossed{color:var(--fg)}.tl-token{z-index:1;left:0;bottom:var(--s-3);width:33.3333%;transition:transform var(--dur-slow) var(--ease);justify-content:center;display:flex;position:absolute}.tl-token span{min-width:var(--chip-w);padding:0 var(--s-2);background:var(--brand);color:var(--brand-fg);border-radius:var(--r-sm);font:600 var(--text-sm) / var(--chip-h) var(--font-display);text-align:center;font-variant-numeric:tabular-nums;white-space:nowrap}.tl-pos-1{transform:translate(100%)}.tl-pos-2{transform:translate(200%)}.tl-status{align-items:flex-start;gap:var(--s-2);flex-direction:column;display:flex}.tl-caption{font-size:var(--text-sm);color:var(--fg-dim);min-height:calc(3 * var(--leading) * var(--text-sm))}.tl-meter{min-height:56px}.tl-hash{min-height:136px}.tl-hash .hash-chip{margin-bottom:0}.tl-placeholder{padding:var(--s-3);border:1px solid var(--border);border-radius:var(--r-sm);font-size:var(--text-xs);color:var(--fg-dim)}.tl-fade{animation:fade-in var(--dur-slow) var(--ease)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.tl-steps{gap:var(--s-2);flex-wrap:wrap;list-style:none;display:flex}.tl-step.is-done{color:var(--fg);border-color:var(--border-strong)}.tl-step.is-current{background:var(--surface-2);border-color:var(--accent-text);color:var(--fg)}.pulse{margin-top:var(--s-6)}.pulse-head{align-items:baseline;gap:var(--s-2) var(--s-4);margin-bottom:var(--s-4);flex-wrap:wrap;display:flex}.pulse-head .section-title{margin:0}.pulse-note{font-size:var(--text-xs);color:var(--fg-dim)}.pulse .stat-row{margin-bottom:0}.pulse .stat-label{font-family:var(--font-mono)}.flow-layout{gap:var(--s-5);align-items:start;display:grid}@media (width>=900px){.flow-layout{grid-template-columns:320px minmax(0,1fr)}}.flow{width:100%;max-width:360px;height:auto;display:block}.flow-node{fill:var(--surface-1);stroke:var(--border-strong);stroke-width:1px}.flow-node-hi{stroke:var(--accent-text)}.flow-label{fill:var(--fg);font:600 var(--text-sm) var(--font-display);text-anchor:middle;dominant-baseline:central}.flow-fn{fill:var(--fg);font:var(--text-xs) var(--font-mono)}.flow-who{fill:var(--fg-dim);font:var(--text-xs) var(--font-mono)}.flow-hi{fill:var(--accent-text);font:var(--text-xs) var(--font-mono)}.flow-edge{fill:none;stroke:var(--border-strong);stroke-width:1px}.flow-edge-hi{stroke:var(--accent-text)}.flow-head{fill:var(--border-strong)}.flow-head-hi{fill:var(--accent-text)}.flow-start{fill:var(--fg-dim)}.flow-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.flow-table caption{caption-side:top;text-align:left;font-size:var(--text-xs);color:var(--fg-dim);margin-bottom:var(--s-2)}.flow-table th{text-align:left;font-size:var(--text-xs);color:var(--fg-dim);padding:var(--s-2) var(--s-3);border-bottom:1px solid var(--border-strong);font-weight:600}.flow-table td{padding:var(--s-2) var(--s-3);border-bottom:1px solid var(--border);vertical-align:top}.flow-table td:nth-child(4){color:var(--fg-dim)}@media (width<=599px){.flow-table thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.flow-table tr{gap:var(--s-1);padding:var(--s-3) 0;border-bottom:1px solid var(--border);display:grid}.flow-table td{gap:var(--s-2);border:0;grid-template-columns:88px minmax(0,1fr);padding:0;display:grid}.flow-table td:before{content:attr(data-label);font-size:var(--text-xs);color:var(--fg-dim)}}.glyph{flex-shrink:0}.glyph-bg{fill:var(--surface-2);stroke:var(--border)}.glyph-lo{fill:var(--brand)}.glyph-hi{fill:var(--accent-text)}.detail-back{align-items:center;gap:var(--s-2);min-height:var(--control-h);margin-bottom:var(--s-4);color:var(--fg-dim);font:500 var(--text-sm) var(--font-body);cursor:pointer;background:0 0;border:0;display:inline-flex}.detail-back:hover{color:var(--fg)}.detail-layout{gap:var(--s-5);align-items:start;display:grid}@media (width>=900px){.detail-layout{grid-template-columns:minmax(0,1fr) 320px}}.detail-title{align-items:center;gap:var(--s-4);margin-bottom:var(--s-4);display:flex}.detail-meta{gap:var(--s-2);flex-wrap:wrap;display:flex}.detail-name{font-size:var(--text-2xl);margin-bottom:var(--s-2);overflow-wrap:anywhere}.detail-desc{color:var(--fg-dim);margin-bottom:var(--s-4)}.detail-footer{justify-content:space-between;align-items:center;gap:var(--s-4);padding-top:var(--s-5);border-top:1px solid var(--border);flex-wrap:wrap;display:flex}.detail-owner{font-size:var(--text-sm);color:var(--fg-dim);min-width:0}.rating-card .card-lead{margin:var(--s-4) 0 0}.cli{margin-top:var(--s-5)}.cli-summary{align-items:center;gap:var(--s-2);min-height:48px;padding:0 var(--s-5);font-weight:600;font-size:var(--text-sm);cursor:pointer;list-style:none;display:flex}.cli-summary::-webkit-details-marker{display:none}.cli-chevron{color:var(--fg-dim);transition:transform var(--dur) var(--ease);margin-left:auto}.cli[open] .cli-chevron{transform:rotate(180deg)}.cli-body{padding:0 var(--s-5) var(--s-5)}.card-heading-glyph{align-items:center;gap:var(--s-3);display:flex}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=479px){.card-pad,.agent-card,.job-card,.timeline{padding:var(--s-4)}.cli-summary{padding:0 var(--s-4)}.cli-body{padding:0 var(--s-4) var(--s-4)}.modal,.drawer{padding:var(--s-4)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.spinner{animation-duration:1.6s!important;animation-iteration-count:infinite!important}.btn:active:not(:disabled){transform:none}}