:root{--bg:#080908;--panel:#101311;--line:#1f2620;--muted:#8a938c;--text:#eef2ee;--green:#b9ff68;--orange:#ff9b61;--red:#ff6b6b}*{box-sizing:border-box}html{background:var(--bg)}body{background:radial-gradient(ellipse 80% 50% at 50% -20%, #b9ff680f, transparent), var(--bg);color:var(--text);letter-spacing:-.01em;-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.intro-placeholder{background:var(--bg);min-height:100vh}.intro{z-index:200;background:var(--bg);place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.intro-enter{animation:.5s intro-bg-in}.intro-exit{animation:.52s forwards intro-bg-out}.intro-glow{filter:blur(100px);pointer-events:none;opacity:.12;border-radius:50%;position:absolute}.intro-glow-one{background:var(--green);width:420px;height:420px;top:18%;left:50%;transform:translate(-50%)}.intro-glow-two{background:var(--orange);opacity:.07;width:320px;height:320px;bottom:10%;right:12%}.intro-content{z-index:1;text-align:center;max-width:560px;padding:0 24px;animation:.7s cubic-bezier(.22,1,.36,1) .1s both intro-content-in;position:relative}.intro-exit .intro-content{animation:.45s forwards intro-content-out}.intro-logo-wrap{border:1px solid var(--line);border-radius:22px;width:96px;height:96px;margin:0 auto 24px;animation:.8s cubic-bezier(.22,1,.36,1) .15s both intro-logo-in;overflow:hidden;box-shadow:0 20px 60px #00000073}.intro-logo{object-fit:cover;width:100%;height:100%;display:block}.intro-eyebrow{color:var(--green);letter-spacing:.14em;text-transform:uppercase;margin:0 0 10px;font-size:11px;font-weight:600;animation:.6s .35s both intro-fade-up}.intro-title{letter-spacing:-.04em;margin:0 0 14px;font-size:clamp(36px,6vw,52px);font-weight:700;line-height:1;animation:.6s .45s both intro-fade-up}.intro-title span{color:var(--green)}.intro-tagline{color:var(--muted);margin:0 0 28px;font-size:16px;line-height:1.55;animation:.6s .55s both intro-fade-up}.intro-steps{border:1px solid var(--line);color:var(--muted);background:#ffffff05;border-radius:999px;align-items:center;gap:10px;margin-bottom:28px;padding:8px 14px;font-size:12px;font-weight:500;animation:.6s .65s both intro-fade-up;display:inline-flex}.intro-steps i,.intro-step-line{background:var(--line);flex-shrink:0;width:16px;height:1px;transition:background .35s,box-shadow .35s}.intro-step-line.active{background:var(--green);box-shadow:0 0 8px #b9ff6859}.intro-steps span{transition:color .35s}.intro-steps span.active{color:var(--text)}.intro-progress{background:var(--line);border-radius:999px;width:min(280px,70vw);height:2px;margin:0 auto;animation:.5s .75s both intro-fade-up;overflow:hidden}.intro-progress-bar{background:var(--green);border-radius:inherit;width:0;height:100%;transition:width 80ms linear;display:block;box-shadow:0 0 10px #b9ff6873}.app-root-hidden{opacity:0;pointer-events:none}.app-root-visible{opacity:1;animation:.65s cubic-bezier(.22,1,.36,1) app-reveal}@keyframes intro-bg-in{0%{opacity:0}to{opacity:1}}@keyframes intro-bg-out{to{opacity:0;visibility:hidden}}@keyframes intro-content-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes intro-content-out{to{opacity:0;transform:translateY(-10px)scale(.98)}}@keyframes intro-logo-in{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes intro-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes app-reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.intro-enter,.intro-exit,.intro-content,.intro-logo-wrap,.intro-eyebrow,.intro-title,.intro-tagline,.intro-steps,.intro-progress,.intro-progress-bar,.app-root-visible{animation:none!important}.intro-progress-bar{width:100%}.app-root-hidden{opacity:1;pointer-events:auto}}.shell{width:100%;min-height:100vh;padding:0 clamp(20px,2.5vw,40px) 40px;position:relative}.ambient{display:none}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:64px;display:flex}.brand,.top-actions,.brand-copy,.wallet-button{align-items:center;display:flex}.brand{gap:12px}.brand-mark{border:1px solid var(--line);border-radius:10px;flex:none;width:36px;height:36px;overflow:hidden}.brand-logo{object-fit:cover;width:100%;height:100%;display:block}.brand-copy{gap:6px;font-size:17px;font-weight:600}.brand-copy strong{font-weight:700}.brand-copy span{color:var(--green)}.tag{display:none}.top-actions{gap:10px}.network{color:var(--muted);border:1px solid var(--line);border-radius:999px;align-items:center;padding:8px 12px;font-size:12px;display:flex}.network i{background:var(--green);width:6px;height:6px;box-shadow:0 0 8px var(--green);border-radius:50%;margin-right:8px}.wallet-button{border:1px solid var(--line);color:var(--text);background:var(--panel);border-radius:10px;gap:8px;padding:8px 14px;font-size:13px;font-weight:600}.wallet-gem{background:var(--orange);border-radius:2px;width:10px;height:10px;transform:rotate(45deg)}.hero{justify-content:space-between;align-items:flex-end;gap:24px;padding:40px 0 28px;display:flex}.hero h1{letter-spacing:-.03em;margin:0 0 10px;font-size:clamp(28px,4vw,38px);font-weight:700;line-height:1.15}.hero h1 em{color:var(--green);font-style:normal}.hero p{color:var(--muted);max-width:520px;margin:0;font-size:15px;line-height:1.55}.hero-metrics{background:var(--line);border-radius:12px;flex-shrink:0;gap:1px;display:flex;overflow:hidden}.metric{background:var(--panel);min-width:100px;padding:14px 16px}.metric strong,.metric span{display:block}.metric strong{color:var(--green);font:700 20px/1 ui-monospace,monospace}.metric.orange strong{color:var(--orange)}.metric span{color:var(--muted);margin-top:6px;font-size:11px}.flow-strip{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.flow-step{border:1px solid var(--line);background:var(--panel);opacity:.45;border-radius:10px;flex:1;min-width:88px;padding:10px 12px;transition:opacity .2s,border-color .2s,background .2s}.flow-step.active{opacity:1;background:#b9ff680a;border-color:#b9ff6859}.flow-number{width:22px;height:22px;color:var(--muted);background:#ffffff0a;border-radius:6px;justify-content:center;align-items:center;margin-bottom:6px;font:600 11px/1 ui-monospace,monospace;display:inline-flex}.flow-step.active .flow-number{color:var(--green);background:#b9ff681a}.flow-step strong{font-size:13px;font-weight:600;display:block}.flow-step small,.flow-step b{display:none}.notice{border:1px solid var(--line);color:#c8d0c8;background:#ffffff05;border-radius:10px;align-items:center;gap:10px;min-height:44px;margin-bottom:20px;padding:10px 14px;font-size:13px;transition:border-color .2s,background .2s;display:flex}.notice-success{background:#b9ff680f;border-color:#b9ff6847}.notice-error{background:#ff6b6b0f;border-color:#ff6b6b47}.notice-warning{background:#ff9b610f;border-color:#ff9b6147}.notice-info{border-color:#ffffff14}.live-prereq-banner{color:#c5d4e4;background:#82beff0d;border:1px solid #82beff38;border-radius:10px;align-items:flex-start;gap:12px;margin-bottom:12px;padding:12px 14px;font-size:13px;line-height:1.45;display:flex}.live-prereq-banner .dot-icon{color:#9ec4f0;border-color:#82beff52}.live-prereq-copy{flex:1;min-width:0}.live-prereq-copy strong{color:#d8e8f8;margin-bottom:4px;font-size:13px;font-weight:600;display:block}.live-prereq-copy p{color:#9eb0c4;margin:0}.live-prereq-list{color:#9eb0c4;margin:0;padding-left:18px}.live-prereq-list li+li{margin-top:6px}.live-prereq-actions{flex-direction:column;flex:none;align-self:center;gap:8px;display:flex}.live-prereq-link{text-align:center;color:#b8d4f5;white-space:nowrap;border:1px solid #82beff47;border-radius:8px;flex:none;align-self:stretch;padding:6px 10px;font-size:12px;font-weight:600;text-decoration:none}.live-prereq-link:hover{background:#82beff1a}.execute-prereq{color:#9eb0c4;background:#82beff0a;border:1px solid #82beff2e;border-radius:8px;margin:0 0 12px;padding:10px 12px;font-size:12px;line-height:1.4}.notice small{color:var(--green);letter-spacing:.06em;text-transform:uppercase;margin-left:auto;font:600 10px ui-monospace,monospace}.dot-icon{width:18px;height:18px;color:var(--green);border:1px solid #b9ff6859;border-radius:50%;flex:none;place-items:center;font-size:10px;display:inline-grid}.grid{gap:16px;margin-bottom:16px;display:grid}.grid-top{grid-template-columns:1.1fr 1fr .9fr}.grid-middle{grid-template-columns:1fr 1fr}.grid-bottom{grid-template-columns:1.2fr .8fr}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;min-width:0;padding:20px}.panel-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.panel-number{display:none}.panel-header h2{letter-spacing:-.02em;margin:0 0 4px;font-size:15px;font-weight:600}.panel-header p{color:var(--muted);margin:0;font-size:13px;line-height:1.4}.panel-header b{border:1px solid var(--line);color:var(--muted);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;flex-shrink:0;padding:4px 10px;font:600 10px ui-monospace,monospace}.risk-panel .panel-header b{color:var(--green)}.intent-input{display:block;position:relative}.intent-input textarea{resize:vertical;width:100%;min-height:100px;color:var(--text);border:1px solid var(--line);background:#0a0c0b;border-radius:10px;outline:none;padding:14px;font-size:14px;line-height:1.5}.intent-input textarea:focus{border-color:#b9ff6873;box-shadow:0 0 0 3px #b9ff680f}.intent-input span{color:var(--muted);font-size:11px;position:absolute;bottom:10px;right:10px}.chip-row{display:none}.primary-button,.secondary-button{border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:44px;margin-top:14px;padding:10px 16px;font-size:14px;font-weight:600;display:flex}.primary-button{background:var(--green);color:#0a0f08;border:none}.primary-button b{display:none}.secondary-button{color:var(--green);background:0 0;border:1px solid #b9ff6859}.icon{stroke:currentColor;stroke-width:1.8px;width:18px;height:18px}.icon-small{width:16px;height:16px}.budget-card{align-items:center;gap:20px;margin:8px 0 4px;display:flex}.budget-ring{--budget:100%;background:conic-gradient(var(--green) var(--budget), #1a201a 0);border-radius:50%;flex-shrink:0;place-items:center;width:96px;height:96px;display:grid;position:relative}.budget-ring:before{content:"";background:var(--panel);border-radius:50%;position:absolute;inset:6px}.budget-ring div{text-align:center;position:relative}.budget-ring strong,.budget-ring span{display:block}.budget-ring strong{font:700 18px ui-monospace,monospace}.budget-ring span{color:var(--muted);margin-top:2px;font-size:11px}.budget-copy{flex:1;min-width:0}.budget-copy>strong{margin:8px 0 4px;font-size:14px;display:block}.budget-copy>p{color:var(--muted);margin:0 0 10px;font-size:12px}.status-label{color:var(--green);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.status-label i{background:var(--green);vertical-align:middle;border-radius:50%;width:5px;height:5px;margin-right:6px;display:inline-block}.budget-copy div{border-top:1px solid var(--line);justify-content:space-between;margin-top:8px;padding-top:8px;font-size:12px;display:flex}.budget-copy div span{color:var(--muted)}.risk-score{border-bottom:1px solid var(--line);align-items:center;gap:16px;margin-bottom:4px;padding-bottom:14px;display:flex}.risk-score div{border-right:1px solid var(--line);flex-shrink:0;padding-right:16px}.risk-score strong{color:var(--green);font:700 32px/1 ui-monospace,monospace;display:block}.risk-score span{color:var(--muted);margin-top:4px;font-size:11px;display:block}.risk-score p{color:var(--muted);margin:0;font-size:13px;line-height:1.45}.check-list>div{border-bottom:1px solid var(--line);color:var(--muted);align-items:center;gap:10px;padding:9px 0;font-size:13px;display:flex}.check-list>div:last-child{border-bottom:0}.check-list>div.done{color:var(--text)}.check-list small{color:var(--muted);margin-left:auto;font-size:11px}.check-list .done small{color:var(--green)}.delegation-tree{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.agent-card{border:1px solid var(--line);background:#0a0c0b;border-radius:10px;min-width:0;min-height:120px;padding:12px;position:relative}.agent-card:first-child{border-color:#b9ff6859}.agent-card.revoked{opacity:.4}.agent-icon{display:none}.agent-card span{color:var(--muted);margin-bottom:4px;font-size:11px;display:block}.agent-card strong{margin-bottom:6px;font-size:13px;font-weight:600;display:block}.agent-card small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;display:block;overflow:hidden}.agent-card>b{color:var(--green);background:#b9ff6814;border-radius:6px;padding:3px 6px;font:600 11px ui-monospace,monospace;position:absolute;top:10px;right:10px}.tree-line{display:none}.execution-rail{margin-bottom:4px}.event{border-bottom:1px solid var(--line);opacity:.4;align-items:center;gap:12px;min-height:44px;display:flex}.event:last-child{border-bottom:0}.event>span{width:24px;height:24px;color:var(--muted);background:#ffffff0a;border-radius:8px;flex-shrink:0;place-items:center;font:600 11px ui-monospace,monospace;display:grid}.event strong{font-size:13px;font-weight:500;display:block}.event small{color:var(--muted);margin-top:2px;font-size:11px;display:block}.event>b{color:var(--muted);flex-shrink:0;margin-left:auto;font-size:10px}.event.complete,.event.running{opacity:1}.event.complete>span{color:var(--green);background:#b9ff681a}.event.complete>b{color:var(--green)}.event.running>span{color:var(--orange)}.proof-hint{color:var(--muted);margin:0 0 10px;font-size:12px}.proof-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.proof-item{text-align:left;border:1px solid var(--line);width:100%;color:inherit;background:#0a0c0b;border-radius:10px;padding:12px 36px 12px 12px;transition:border-color .15s,background .15s,transform .15s;display:block;position:relative}.proof-item:disabled{opacity:.55;cursor:not-allowed}.proof-item-active{cursor:pointer}.proof-item-active:hover{background:#b9ff680a;border-color:#b9ff6859}.proof-item-active:active{transform:scale(.985)}.proof-item-copied{background:#b9ff6814;border-color:#b9ff6880}.proof-item span{color:var(--muted);font-size:11px;display:block}.proof-item span b{display:none}.proof-item strong{color:var(--text);word-break:break-all;margin-top:6px;font:12px ui-monospace,monospace;display:block}.proof-state{color:var(--muted);font-size:12px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.proof-state.done{color:var(--green)}.toast-stack{z-index:100;pointer-events:none;flex-direction:column;gap:10px;width:min(360px,100vw - 32px);display:flex;position:fixed;bottom:20px;right:20px}.toast{pointer-events:auto;border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#101311f5;border-radius:12px;align-items:flex-start;gap:10px;padding:14px 14px 14px 16px;animation:.28s toast-in;display:flex;box-shadow:0 12px 40px #00000073}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.toast-success{border-color:#b9ff6859}.toast-error{border-color:#ff6b6b59}.toast-warning{border-color:#ff9b6159}.toast-info{border-color:#ffffff1f}.toast-body{flex:1;min-width:0}.toast-body strong{margin-bottom:2px;font-size:14px;font-weight:600;display:block}.toast-body p{color:var(--muted);margin:0;font-size:13px;line-height:1.45}.toast-action{color:var(--green);margin-top:8px;font-size:12px;font-weight:600;text-decoration:none;display:inline-block}.toast-action:hover{text-decoration:underline}.toast-close{width:24px;height:24px;color:var(--muted);background:#ffffff0d;border:none;border-radius:6px;flex-shrink:0;padding:0;font-size:16px;line-height:1}.toast-close:hover{color:var(--text);background:#ffffff14}.control-button{text-align:left;width:100%;color:var(--text);border:1px solid var(--line);background:#0a0c0b;border-radius:10px;align-items:center;gap:12px;margin-bottom:8px;padding:12px 14px;display:flex}.control-button>span{flex-shrink:0}.control-button strong{font-size:13px;font-weight:600;display:block}.control-button small{color:var(--muted);margin-top:2px;font-size:12px;display:block}.control-button b{color:var(--green);flex-shrink:0;margin-left:auto;font:600 11px ui-monospace,monospace}.control-button.revoke b{color:var(--red)}.control-note{display:none}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;margin-top:32px;padding-top:20px;font-size:12px;display:flex}.footer-brand{color:var(--text);align-items:center;gap:8px;font-weight:600;display:inline-flex}.footer-logo{border:1px solid var(--line);object-fit:cover;border-radius:4px}footer p{margin:0}footer b{display:none}@media (max-width:960px){.grid-top,.grid-bottom{grid-template-columns:1fr 1fr}.risk-panel{grid-column:1/-1}.grid-middle{grid-template-columns:1fr}.hero{flex-direction:column;align-items:flex-start}.delegation-tree{grid-template-columns:1fr 1fr}}@media (max-width:640px){.shell{padding:0 16px 32px}.network{display:none}.hero{padding-top:28px}.hero-metrics{width:100%}.metric{flex:1;min-width:0}.flow-step{flex:unset;min-width:calc(50% - 3px)}.grid,.grid-top,.grid-bottom{grid-template-columns:1fr}.risk-panel{grid-column:auto}.delegation-tree,.proof-grid{grid-template-columns:1fr}footer{flex-direction:column;align-items:flex-start;gap:8px}.wallet-button{font-size:0}.wallet-button:after{content:"Wallet";font-size:13px}}