.em-wrapper{width:100%;max-width:420px}.em-mockup{--em-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;width:100%;background:#fff;position:relative;overflow:hidden;cursor:default;border-radius:16px;box-shadow:0 4px 24px #00000014;padding:20px}.em-header{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-shrink:0;position:relative;z-index:20}.em-header-label{font-family:var(--em-mono);font-size:9px;color:#626262;text-transform:uppercase;letter-spacing:2px;white-space:nowrap;flex-shrink:0}.em-header-line{flex:1;height:1px;background:#d1c9c0}.em-timeline{position:relative;display:flex;flex-direction:column;gap:8px}.em-track-bg{position:absolute;left:9px;top:8px;bottom:8px;width:2px;background:#e8e2da;border-radius:9999px;z-index:0}.em-track-fill{position:absolute;left:9px;top:8px;bottom:8px;width:2px;background:linear-gradient(to bottom,#bdcae8,#7492e2,#588d56);border-radius:9999px;z-index:0;transform:scaleY(1);transform-origin:top}.em-track-fill.em-animating{animation:em-line-grow 6s ease-out 1s both}.em-step{display:flex;align-items:center;gap:12px;position:relative;z-index:10}.em-align-start{align-items:flex-start}.em-step-num{width:20px;display:flex;justify-content:center;flex-shrink:0}.em-circle{width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:7px;font-weight:700}.em-circle-outline{border:1.5px solid #d1c9c0;background:#fff;color:#626262}.em-circle-purple-light{background:#bdcae8;color:#fff;box-shadow:0 0 6px #bdcae880}.em-circle-purple{background:#7492e2;color:#fff;box-shadow:0 0 6px #7492e280}.em-circle-green{width:20px;height:20px;font-size:8px;background:#588d56;color:#fff;box-shadow:0 0 10px #588d5680}.em-card{flex:1;border-radius:8px;padding:8px 10px}.em-card-dashed{background:#fff;border:1px dashed #d1c9c0;display:flex;align-items:center;justify-content:space-between}.em-card-dashed .em-card-left{display:flex;align-items:center;gap:10px}.em-icon-wrap{position:relative;flex-shrink:0}.em-dot-red{position:absolute;top:-2px;right:-2px;width:6px;height:6px;background:#f08fc6;border-radius:50%}.em-card-text-group{display:flex;flex-direction:column}.em-title-sm{color:#1e1e1e;font-size:10px;font-weight:500;line-height:1.3}.em-subtitle{color:#626262;font-size:8px;line-height:1.3}.em-badge{font-size:8px;font-weight:500;padding:1px 6px;border-radius:4px;flex-shrink:0;white-space:nowrap}.em-badge-gray{background:#d1c9c066;color:#626262;border:1px solid #d1c9c0;opacity:.6}.em-card-bordered-purple-light{background:#f1ede7;border:1px solid #d1c9c0;border-left:3px solid #bdcae8;display:flex;justify-content:space-between;align-items:flex-start}.em-card-inner-top{display:flex;align-items:center;gap:6px;margin-bottom:4px}.em-mono{font-family:var(--em-mono);font-size:10px;color:#1e1e1e;display:flex;align-items:center}.em-cursor{color:#bdcae8;font-size:9px;margin-left:2px;animation:em-blink 1s step-end infinite}.em-user-label{color:#626262;font-size:8px;margin-left:18px}.em-badge-purple{background:#bdcae826;color:#7492e2;border:1px solid rgba(189,202,232,.25);margin-top:2px}.em-card-policy{background:#fff;border:1px solid #d1c9c0;border-left:3px solid #7492e2}.em-policy-header{display:flex;align-items:center;gap:6px;margin-bottom:6px}.em-policy-title{color:#1e1e1e;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.em-policy-rows{display:flex;flex-direction:column;gap:4px;margin-left:18px}.em-policy-row{display:flex;align-items:center;justify-content:space-between;background:#f1ede7;padding:2px 8px;border-radius:4px}.em-policy-row-left{display:flex;align-items:center;gap:4px}.em-dot-purple{width:4px;height:4px;background:#7492e2;border-radius:50%;flex-shrink:0}.em-mono-sm{font-family:var(--em-mono);font-size:8px;color:#626262}.em-passed{color:#588d56;font-size:7px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-top:2px}.em-card-granted{background:linear-gradient(to right,#fff,#e9faea);border:1px solid rgba(88,141,86,.25);border-left:3px solid #588d56;box-shadow:0 0 16px #588d561a}.em-granted-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.em-granted-left{display:flex;align-items:center;gap:6px}.em-granted-title{color:#1e1e1e;font-size:10px;font-weight:700}.em-badge-green{background:#588d56;color:#fff;font-size:7px;font-weight:700;padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.08em}.em-expires{display:flex;align-items:center;gap:4px;color:#588d56;font-size:8px;font-weight:500;margin-left:20px}.em-card-revoked{background:#f1ede7;border:1px solid #d1c9c0;display:flex;align-items:center;justify-content:space-between}.em-revoked-left{display:flex;align-items:center;gap:8px}.em-revoked-text-group{display:flex;flex-direction:column}.em-strikethrough{color:#1e1e1e;font-size:10px;font-weight:500;text-decoration:line-through;text-decoration-color:#62626266;line-height:1.3}.em-badge-red{background:#f08fc61a;color:#f08fc6;font-size:7px;font-weight:700;padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.08em;flex-shrink:0}.em-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.em-step-animated{opacity:0;transform:translateY(8px)}.em-is-animating .em-step-2{animation:em-step-in 8s ease-out 1.2s both}.em-is-animating .em-step-3{animation:em-step-in 8s ease-out 2.4s both}.em-is-animating .em-step-4{animation:em-step-in 8s ease-out 3.6s both}.em-is-animating .em-step-5{animation:em-step-in 8s ease-out 5.2s both}.em-done .em-step-animated{opacity:1;transform:translateY(0)}@keyframes em-step-in{0%{opacity:0;transform:translateY(8px)}8%{opacity:1;transform:translateY(0)}to{opacity:1;transform:translateY(0)}}@keyframes em-line-grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes em-blink{0%,to{opacity:1}50%{opacity:0}}@media(max-width:480px){.em-mockup{padding:16px 14px}.em-card{padding:7px 9px}.em-mono,.em-title-sm{font-size:9px}.em-policy-title{font-size:8px}}.dc-mockup *,.dc-mockup *:before,.dc-mockup *:after{box-sizing:border-box;margin:0;padding:0}.dc-mockup{--dc-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;width:100%;max-width:420px;height:560px;display:flex;flex-direction:column;background:linear-gradient(135deg,#f1ede7,#fff);border-radius:20px;box-shadow:0 32px 80px #00000024,0 8px 24px #00000014,0 0 0 1px #0000000a;overflow:hidden;position:relative;font-size:12px}.dc-mockup-bg{position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(116,146,226,.06) 0%,transparent 50%),radial-gradient(circle at bottom left,rgba(88,141,86,.06) 0%,transparent 50%);pointer-events:none;z-index:0}.dc-header{position:relative;z-index:10;display:flex;align-items:center;gap:8px;padding:8px 12px;backdrop-filter:blur(20px);background:#ffffffb8;border-bottom:1px solid rgba(255,255,255,.55);box-shadow:0 1px 6px #0000000f;flex-shrink:0}.dc-avatar{width:20px;height:20px;border-radius:50%;flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.dc-avatar svg,.dc-avatar img{width:100%;height:100%}.dc-header-title{font-size:10px;color:#1e1e1e;font-weight:500}.dc-status-dot{width:6px;height:6px;border-radius:50%;background:#588d56}.dc-session-id{font-size:8px;color:#626262;margin-left:auto;font-family:var(--dc-mono)}.dc-chat-area{position:relative;z-index:10;flex:1;display:flex;flex-direction:column;padding:10px 12px;overflow-y:auto;scrollbar-width:none}.dc-chat-area::-webkit-scrollbar{display:none}.dc-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;pointer-events:none}.dc-empty-logo{width:40px;height:40px;border-radius:50%;overflow:hidden;opacity:.3}.dc-empty-text{font-size:10px;color:#626262;opacity:.4;font-weight:500}.dc-step{opacity:0;transform:translateY(6px);animation:dc-fade-in 16s ease-out both}@keyframes dc-fade-in{0%{opacity:0;transform:translateY(6px)}3%{opacity:1;transform:translateY(0)}to{opacity:1;transform:translateY(0)}}.dc-user-row{display:flex;justify-content:flex-end;margin-bottom:8px}.dc-user-bubble{max-width:78%;background:#1e1e1e;color:#fff;border-radius:12px 12px 3px;padding:8px 12px;box-shadow:0 2px 12px #0000002e;font-size:10px;line-height:1.45}.dc-claude-row{display:flex;align-items:flex-start;gap:6px;margin-bottom:8px}.dc-claude-row .dc-avatar{margin-top:2px}.dc-claude-bubble{max-width:82%;background:#ffffffd1;backdrop-filter:blur(8px);border:1px solid rgba(209,201,192,.55);box-shadow:0 2px 8px #0000000d;border-radius:12px 12px 12px 3px;padding:8px 12px;font-size:10px;color:#1e1e1e;line-height:1.45}.dc-btn-row{display:flex;align-items:center;gap:6px;margin-top:8px}.dc-btn-request{font-size:8px;font-weight:500;padding:4px 10px;border-radius:6px;cursor:default;border:1px solid transparent;transition:background .5s,color .5s,border-color .5s}.dc-btn-request.dc-pending{background:#588d56;color:#fff;box-shadow:0 1px 3px #0000001f}.dc-btn-request.dc-done{background:#588d5626;color:#588d56;border-color:#588d5652}.dc-btn-deny{font-size:8px;font-weight:500;padding:4px 10px;border-radius:6px;cursor:default;border:1px solid #d1c9c0;background:#ffffff8c;color:#626262}.dc-system-row{display:flex;align-items:flex-start;gap:6px;margin-bottom:8px}.dc-sys-indent{width:20px;flex-shrink:0}.dc-sys-card{max-width:82%;width:100%;background:#ffffffd1;backdrop-filter:blur(8px);border:1px solid rgba(209,201,192,.55);box-shadow:0 1px 4px #0000000d;border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;gap:5px}.dc-policy-header{display:flex;align-items:center;gap:6px;margin-bottom:2px}.dc-policy-title{font-size:9px;font-weight:500;color:#1e1e1e}.dc-policy-row{display:flex;align-items:center;justify-content:space-between;gap:6px}.dc-policy-label{font-size:8px;color:#626262}.dc-agent-card{display:flex;align-items:center;gap:8px}.dc-agent-name{font-size:8px;font-weight:500;color:#7492e2}.dc-agent-status{font-size:9px;color:#626262}.dc-card-provision{background:#7492e214;border-color:#7492e238}.dc-card-granted{background:#588d5614;border-color:#588d5638}.dc-card-denied{background:#f08fc614;border-color:#f08fc638}.dc-text-green{color:#588d56}.dc-text-red{color:#f08fc6}.dc-text-amber{color:#e2c455}.dc-summary-card{background:#ffffffeb;border:1px solid rgba(209,201,192,.55);box-shadow:0 1px 4px #0000000d;border-radius:10px;padding:8px 10px;margin-top:8px;display:flex;flex-direction:column;gap:5px}.dc-summary-row{display:flex;align-items:center;justify-content:space-between}.dc-summary-label{font-size:9px;font-weight:500;color:#1e1e1e}.dc-summary-val{display:flex;align-items:center;gap:4px}.dc-summary-num{font-size:10px;font-weight:700;color:#1e1e1e}.dc-divider{height:1px;background:#d1c9c08c}.dc-summary-detail{font-size:8px;color:#626262}.dc-dots:after{content:".";display:inline-block;width:1.2em;text-align:left;animation:dc-loading 1.5s steps(1) infinite}@keyframes dc-loading{0%{content:"."}33%{content:".."}66%{content:"..."}}.dc-input-bar{position:relative;z-index:10;flex-shrink:0;display:flex;flex-direction:column;background:#ffffffd1;backdrop-filter:blur(20px);border-top:1px solid rgba(209,201,192,.55)}.dc-pills-row{display:flex;align-items:center;gap:6px;padding:8px 12px 4px}.dc-pill{display:flex;align-items:center;gap:5px;padding:2px 8px;border-radius:20px;font-size:8px;font-weight:500;cursor:pointer;border:1px solid transparent;background:none;transition:background .2s,color .2s,border-color .2s}.dc-pill.dc-active{background:#f1ede7;border-color:#d1c9c0;color:#1e1e1e}.dc-pill.dc-inactive{color:#626262}.dc-pill.dc-inactive:hover{background:#f1ede799}.dc-pill-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.dc-replay-btn{margin-left:auto;display:flex;align-items:center;gap:4px;padding:2px 8px;border-radius:20px;font-size:8px;font-weight:500;color:#626262;background:none;border:1px solid transparent;cursor:pointer;transition:background .2s,color .2s}.dc-replay-btn:hover{background:#f1ede799;color:#1e1e1e}.dc-input-row{display:flex;align-items:center;gap:8px;padding:4px 12px 10px}.dc-input-field{flex:1;border-radius:10px;padding:6px 10px;display:flex;align-items:center;overflow:hidden;position:relative}.dc-input-field.dc-idle{background:#e8eefe38;border:1px solid rgba(116,146,226,.62);box-shadow:0 0 8px #7492e247}.dc-input-field.dc-sent{background:#f1ede7d1;border:1px solid #d1c9c0;box-shadow:inset 0 1px 3px #0000000a}.dc-input-text{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.dc-input-text.dc-idle{color:#1e1e1e}.dc-input-text.dc-sent{color:#d1c9c0}.dc-send-btn{flex-shrink:0;width:28px;height:28px;border-radius:8px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,box-shadow .2s,transform .2s}.dc-send-btn.dc-active{background:#1e1e1e;color:#fff;box-shadow:0 2px 8px #0000002e}.dc-send-btn.dc-active:hover{background:#414343;box-shadow:0 4px 12px #00000038;transform:translateY(-1px)}.dc-send-btn.dc-disabled{background:#e8e2da;color:#d1c9c0;cursor:not-allowed}@keyframes dc-shimmer{0%{transform:translate(-150%)}to{transform:translate(250%)}}.dc-shimmer{position:relative;overflow:hidden}.dc-shimmer:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(116,146,226,.28) 35%,rgba(116,146,226,.5) 50%,rgba(116,146,226,.28) 65%,transparent 100%);animation:dc-shimmer 2s ease-in-out infinite;pointer-events:none;border-radius:inherit}@media(max-width:420px){.dc-mockup{width:100%;height:100svh;border-radius:0;box-shadow:none}}.audit-trace-mockup{--at-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;width:100%;max-width:480px}.at-wrap{width:100%;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(135deg,#f1ede7,#fff);border-radius:20px;box-shadow:0 32px 80px #00000024,0 8px 24px #00000014,0 0 0 1px #0000000a}.at-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid #d1c9c0;background:#f1ede7;flex-shrink:0}.at-header .at-title{font-family:var(--at-mono);font-size:9px;color:#626262;text-transform:uppercase;letter-spacing:2px}.at-header .at-export{display:flex;align-items:center;gap:6px;color:#626262;font-size:9px;cursor:pointer}.at-header .at-export svg{width:12px;height:12px}.at-feed{display:flex;flex-direction:column;padding:10px 12px 4px;flex-shrink:0}.at-col-headers{display:grid;grid-template-columns:54px 1fr 64px 76px;gap:6px;padding:0 8px 6px;margin-bottom:2px;border-bottom:1px solid #d1c9c0}.at-col-headers span{font-size:8px;color:#626262;text-transform:uppercase;letter-spacing:.8px}.at-col-headers .at-col-user{text-align:center}.at-col-headers .at-col-outcome{text-align:right}.at-row{display:grid;grid-template-columns:54px 1fr 64px 76px;gap:6px;padding:6px 8px;align-items:center;border-radius:6px;cursor:pointer;transition:all .15s;border-left:3px solid transparent;border:1px solid transparent}.at-row:hover{background:#f1ede799}.at-row.at-selected{background:#f1ede7;border:1px solid #d1c9c0;border-left-width:3px}.at-row .at-time{font-family:var(--at-mono);font-size:9px;color:#626262}.at-row .at-action{font-size:10px;color:#1e1e1e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.at-row.at-selected .at-action{font-weight:500}.at-row .at-user-badge{background:#bdcae81a;color:#7492e2;font-size:8px;font-weight:500;border-radius:9999px;padding:2px 4px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.at-row .at-outcome-badge{font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;text-align:center;padding:2px 4px;border-radius:4px;margin-left:auto}.at-divider{display:flex;align-items:center;gap:8px;padding:4px 16px;flex-shrink:0}.at-divider-line{flex:1;height:1px;background:#d1c9c0}.at-divider-label{display:flex;align-items:center;gap:4px}.at-divider-label svg{width:10px;height:10px}.at-divider-label span{font-size:8px;color:#626262;text-transform:uppercase;letter-spacing:.8px}.at-trace{display:flex;flex-direction:column;padding:0 16px 12px;animation:at-fade-in .25s ease-out both}@keyframes at-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.at-trace-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;flex-wrap:wrap;gap:6px}.at-trace-header .at-left{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.at-trace-header .at-color-bar{width:4px;height:16px;border-radius:9999px}.at-trace-header .at-trace-action{font-size:10px;font-weight:500;color:#1e1e1e}.at-trace-header .at-trace-outcome{font-size:7px;font-weight:700;padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.8px}.at-trace-header .at-trace-id{font-size:8px;color:#626262;font-family:var(--at-mono)}.at-trace-chain{display:flex;align-items:flex-start;justify-content:space-between;padding-top:8px}.at-trace-node{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;flex:1}.at-node-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden}.at-node-icon svg{width:14px;height:14px}.at-node-icon img{width:20px;height:20px;border-radius:4px;object-fit:cover}.at-node-label{font-size:8px;font-weight:500;color:#1e1e1e;text-align:center;white-space:normal;word-break:break-word}.at-node-sub{font-size:7px;color:#626262;text-align:center}.at-chain-arrow{flex-shrink:0;margin:0 2px;color:#d1c9c0;padding-top:10px}.at-chain-arrow svg{width:12px;height:12px}@media(max-width:600px){.at-col-headers{grid-template-columns:40px 1fr 48px 60px;gap:4px;padding:0 4px 6px}.at-row{grid-template-columns:40px 1fr 48px 60px;gap:4px;padding:6px 4px}.at-row .at-time{font-size:8px}.at-row .at-action{font-size:9px}.at-trace-chain{flex-wrap:wrap;gap:8px;justify-content:center}.at-chain-arrow{display:none}.at-trace-node{flex:0 0 auto;min-width:56px;max-width:64px}.at-trace-header{flex-direction:row;align-items:center}}@keyframes id-blob{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}@keyframes id-ping{75%,to{transform:scale(2);opacity:0}}@keyframes id-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@keyframes id-blink{0%,to{opacity:1}50%{opacity:0}}@keyframes id-dash{to{stroke-dashoffset:-16}}@keyframes id-denied-pulse{0%,to{box-shadow:0 0 #f08fc64d}50%{box-shadow:0 0 20px 4px #f08fc626}}.id-root{--id-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden;color:#334155;padding:4rem 1.5rem 6rem;text-align:left}.id-blob,.id-glass:before{position:absolute;pointer-events:none}.id-blob{border-radius:50%}.id-blob-1,.id-blob-2{width:400px;height:400px;filter:blur(150px)}.id-blob-1{top:20%;left:20%;background:#cea8f614;animation:id-blob 20s infinite alternate cubic-bezier(.4,0,.2,1)}.id-blob-2{bottom:20%;right:20%;background:#2dd4bf0f;animation:id-blob 20s 2s infinite alternate cubic-bezier(.4,0,.2,1)}.id-glass{background:linear-gradient(135deg,#ffffffd9 0,#fff9,#ffffffbf);backdrop-filter:blur(24px) saturate(1.4);border:1px solid rgba(0,0,0,.06);box-shadow:inset 0 1px #fffc,inset 0 -1px #00000005,0 4px 24px #0000000a,0 1px 3px #00000008;position:relative;overflow:hidden}.id-glass:before{content:"";top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);z-index:2}.id-glass:after{content:"";position:absolute;pointer-events:none;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.3) 0,transparent 40%,transparent 60%,rgba(255,255,255,.1) 100%);z-index:1}.id-glass-gw{background:linear-gradient(135deg,#cea8f61f 0,#ffffffb3,#cea8f614);backdrop-filter:blur(32px) saturate(1.5);border:1px solid rgba(206,168,246,.25);box-shadow:inset 0 1px #fffc,0 8px 32px #cea8f61a,0 2px 8px #0000000a;position:relative;overflow:visible}.id-glass-gw:before{content:"";position:absolute;pointer-events:none;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);z-index:2}.id-glass-gw:after{content:"";position:absolute;pointer-events:none;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.3) 0,transparent 40%,transparent 60%,rgba(255,255,255,.1) 100%);z-index:1}.id-wrapper{width:100%;max-width:1200px;display:flex;flex-direction:column;align-items:center;z-index:10}.id-heading{font-weight:700;color:#1e293b;font-size:2.25rem;margin-bottom:2rem;text-align:center;max-width:48rem;line-height:1.2}@media(min-width:768px){.id-heading{font-size:3rem}}.id-cue{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:2rem;transition:all .6s cubic-bezier(.4,0,.2,1);overflow:hidden;max-height:5rem;opacity:1}.id-cue.id-hidden{opacity:0;max-height:0;margin-bottom:0}.id-cue-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:9999px;border:1px solid rgba(206,168,246,.35);background:#cea8f614}.id-cue-dot{position:relative;display:flex;align-items:center;justify-content:center;width:.5rem;height:.5rem}.id-cue-dot span{display:inline-flex;border-radius:9999px;background:#cea8f6}.id-cue-dot .id-ping{position:absolute;inset:0;animation:id-ping 1.5s cubic-bezier(0,0,.2,1) infinite;opacity:.75}.id-cue-dot .id-dot{position:relative;width:.5rem;height:.5rem}.id-cue-label{font-weight:500;font-size:.875rem;color:#895db7}.id-cue-sub{font-size:.875rem;color:#895db7}.id-cue-arrow{width:1rem;height:1rem;color:#895db7;animation:id-bounce 1s infinite}.id-personas{display:grid;grid-template-columns:1fr;gap:1.5rem;width:100%}@media(min-width:768px){.id-personas{grid-template-columns:repeat(3,1fr)}}.id-persona{border-radius:.75rem;padding:1.5rem;display:flex;flex-direction:column;transition:all .5s cubic-bezier(.4,0,.2,1);cursor:pointer}.id-persona.id-selected{border-color:#cea8f6!important;box-shadow:0 0 20px #cea8f640}.id-persona.id-faded{opacity:.4;transform:scale(.95)}.id-persona:hover:not(.id-faded){border-color:#00000026!important}.id-persona-hdr{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;cursor:pointer}.id-avatar{display:flex;align-items:center;width:3rem;height:3rem;border-radius:9999px;justify-content:center;font-size:1rem;font-weight:500;color:#fff;border:2px solid rgba(0,0,0,.08);flex-shrink:0}.id-avatar--grey{background:#64748b}.id-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.id-persona-name{font-weight:700;color:#1e293b;font-size:1.125rem}.id-persona-role{font-size:.875rem;color:#64748b}.id-pills{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.id-pill{font-size:.75rem;font-weight:500;padding:.25rem .75rem;border-radius:9999px;background:#0000000a;color:#64748b;border:1px solid rgba(0,0,0,.08)}.id-prompt-hdr{display:flex;align-items:center;gap:.5rem;margin-top:auto;margin-bottom:.5rem}.id-prompt-hdr-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#895db7}.id-prompt-hdr-line{flex:1;height:1px;background:#00000014}.id-prompt-btn{width:100%;text-align:left;border-radius:.5rem;padding:.625rem;display:flex;align-items:center;gap:.625rem;border:1px solid rgba(0,0,0,.08);background:#00000005;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);margin-bottom:.5rem}.id-prompt-btn:last-child{margin-bottom:0}.id-prompt-btn:hover{background:#0000000a;border-color:#00000026;box-shadow:0 0 10px #cea8f61a}.id-prompt-btn.id-prompt-active{background:#cea8f614;border-color:#cea8f666}.id-prompt-dot{width:.625rem;height:.625rem;border-radius:9999px;flex-shrink:0}.id-prompt-dot--green{background:#83bf88}.id-prompt-dot--red{background:#f08fc6}.id-prompt-dot--amber{background:#e2c455}.id-prompt-icon{width:.75rem;height:.75rem;flex-shrink:0;color:#94a3b8}.id-prompt-btn:hover .id-prompt-icon{color:#64748b}.id-prompt-active .id-prompt-icon,.id-prompt-active .id-prompt-text,.id-prompt-btn:hover .id-prompt-text{color:#334155}.id-prompt-text{font-family:var(--id-mono);font-size:11px;color:#64748b;line-height:1.3}.id-prompt-arrow,.id-prompt-cursor{height:.75rem;margin-left:auto;flex-shrink:0}.id-prompt-cursor{display:none;width:2px;background:#895db7;animation:id-blink 1s step-end infinite}.id-prompt-active .id-prompt-cursor{display:block}.id-prompt-arrow{width:.75rem;color:#94a3b8;opacity:0;transition:opacity .2s}.id-prompt-btn:hover .id-prompt-arrow{opacity:1}.id-prompt-active .id-prompt-arrow{display:none}.id-flow{width:100%;transition:all 1s cubic-bezier(.4,0,.2,1);overflow:hidden;max-height:0;opacity:0;margin-top:0;display:flex;flex-direction:column;align-items:center}.id-flow.id-flow-active{max-height:3000px;opacity:1;margin-top:4rem}.id-map{position:relative;width:100%;max-width:1200px;margin-bottom:2rem}.id-map-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.id-animate-dash{animation:id-dash 1s linear infinite}.id-map-grid{position:relative;z-index:10;display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;max-width:80rem;margin:0 auto;padding-right:1rem}.id-map-column{display:flex;flex-direction:column}.id-map-col-title{font-family:var(--id-mono);font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#94a3b8;margin-bottom:2rem;text-align:center}.id-map-col-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.id-map-users{gap:1.5rem}.id-map-user{display:flex;flex-direction:column;align-items:center;gap:.625rem;transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1),filter .6s cubic-bezier(.4,0,.2,1)}.id-map-user-av{display:flex;align-items:center;width:3.5rem;height:3.5rem;border-radius:9999px;justify-content:center;font-size:1.125rem;font-weight:600;color:#475569}.id-map-user-av img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.id-map-user-name{font-size:.75rem;font-weight:500;color:#64748b}.id-map-user.id-dim{opacity:.3}.id-map-user.id-glow{opacity:1;transform:scale(1.1);filter:drop-shadow(0 0 15px rgba(206,168,246,.5))}.id-map-agents{gap:.75rem;width:100%;max-width:220px;align-self:center}.id-map-agent{display:flex;align-items:center;width:100%;gap:.75rem;padding:.75rem;border-radius:1rem;transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1),box-shadow .6s cubic-bezier(.4,0,.2,1),border-color .6s cubic-bezier(.4,0,.2,1)}.id-map-agent.id-dim{opacity:.5}.id-map-agent.id-active{border-color:#cea8f680!important;box-shadow:0 0 15px #cea8f633;transform:scale(1.05);opacity:1}.id-agent-icon{display:flex;align-items:center;width:2.25rem;height:2.25rem;border-radius:.75rem;justify-content:center;flex-shrink:0;overflow:hidden;transition:background .6s cubic-bezier(.4,0,.2,1),color .6s cubic-bezier(.4,0,.2,1),border .6s cubic-bezier(.4,0,.2,1)}.id-agent-icon--dim{background:#0000000d;color:#94a3b8;border:1px solid transparent}.id-agent-icon--lit{background:#cea8f626;color:#895db7;border:1px solid rgba(206,168,246,.25)}.id-agent-icon svg{width:1rem;height:1rem;position:relative;z-index:3}.id-agent-icon img{width:100%;height:100%;object-fit:cover;display:block;border-radius:.375rem}.id-agent-name{font-size:.875rem;color:#334155;font-weight:500;position:relative;z-index:3}.id-gw-wrapper{display:flex;flex-direction:column;align-items:center;gap:1.25rem;position:relative}.id-map-gw{display:flex;align-items:center;width:112px;height:112px;border-radius:1.5rem;justify-content:center;position:relative;transition:border-color .6s cubic-bezier(.4,0,.2,1),box-shadow .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1)}.id-gw-inner{position:absolute;inset:.5rem;border-radius:1rem;border:1px solid rgba(206,168,246,.15);pointer-events:none}.id-gw-logo{position:relative;z-index:3;width:52px;height:52px;object-fit:contain;transition:opacity .4s cubic-bezier(.4,0,.2,1)}.id-gw-logo--hidden{display:none}.id-gw-info{text-align:center}.id-gw-name{font-size:1rem;font-weight:700;color:#1e293b;margin-bottom:.25rem}.id-map-gw.id-gw-purple{border-color:#cea8f680!important;box-shadow:0 0 30px #cea8f633;transform:scale(1.05)}.id-map-gw.id-gw-green{border-color:#83bf88!important;box-shadow:0 0 30px #83bf8833}.id-map-gw.id-gw-red{border-color:#f08fc6!important;box-shadow:0 0 30px #f08fc633;animation:id-denied-pulse 1.5s ease-in-out infinite}.id-map-gw.id-gw-amber{border-color:#e2c455!important;box-shadow:0 0 30px #e2c45533}.id-gw-badge{position:absolute;bottom:-.75rem;left:50%;transform:translate(-50%) scale(.8);font-family:var(--id-mono);font-size:10px;font-weight:700;padding:.25rem .75rem;border-radius:9999px;display:flex;align-items:center;gap:.375rem;white-space:nowrap;z-index:20;opacity:0;transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1);pointer-events:none}.id-gw-badge.id-badge-visible{opacity:1;transform:translate(-50%) scale(1);pointer-events:auto}.id-gw-badge--green{background:#83bf88;color:#0f2016}.id-gw-badge--red{background:#f08fc6;color:#fff}.id-gw-badge svg{width:.75rem;height:.75rem}.id-denied-x{position:absolute;right:-240px;top:50%;transform:translateY(-50%);z-index:25;opacity:0;transition:opacity .5s cubic-bezier(.4,0,.2,1);pointer-events:none}.id-denied-x.id-x-visible{opacity:1}.id-denied-x-circle{width:44px;height:44px;border-radius:50%;background:#f08fc61f;border:1.5px solid #f08fc6;display:flex;align-items:center;justify-content:center}.id-denied-x-circle svg{width:22px;height:22px;color:#f08fc6}.id-approval-card{position:absolute;right:-240px;top:50%;transform:translateY(-50%) translate(1rem);border-radius:.75rem;padding:1rem;width:220px;z-index:30;transition:all .6s cubic-bezier(.4,0,.2,1);opacity:0;pointer-events:none}.id-approval-card.id-visible{opacity:1;pointer-events:auto;transform:translateY(-50%) translate(0)}.id-approval-hdr{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.id-approval-av{width:1.75rem;height:1.75rem;border-radius:9999px;background:#e2c45526;display:flex;align-items:center;justify-content:center;color:#e2c455}.id-approval-av svg,.id-approval-btn svg{width:.875rem;height:.875rem}.id-approval-title{font-size:11px;color:#1e293b;font-weight:500}.id-approval-sub{font-size:9px;color:#64748b}.id-approval-btn{width:100%;border-radius:.5rem;padding:.5rem .75rem;font-size:.75rem;font-weight:500;display:flex;align-items:center;justify-content:center;gap:.5rem;border:0;cursor:default;transition:all .6s cubic-bezier(.4,0,.2,1)}.id-approval-btn--waiting{background:#e2c45526;color:#a08520;border:1px solid rgba(226,196,85,.3)}.id-approval-btn--approved{background:#83bf88;color:#0f2016;border:1px solid #83bf88}.id-map-apps{gap:.75rem;width:100%;max-width:200px;align-self:center}.id-map-app{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:1rem;position:relative;transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1),box-shadow .6s cubic-bezier(.4,0,.2,1),border-color .6s cubic-bezier(.4,0,.2,1)}.id-map-app.id-dim{opacity:.4}.id-map-app.id-app-approved{border-color:#83bf8880!important;box-shadow:0 0 15px #83bf8826;opacity:1;transform:scale(1.05)}.id-map-app.id-app-denied{opacity:.3}.id-app-icon{width:2.25rem;height:2.25rem;border-radius:.75rem;background:#0000000d;color:#334155;flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.id-app-icon svg{width:1rem;height:1rem;position:relative;z-index:3}.id-app-icon img{width:70%;height:70%;object-fit:contain;display:block}.id-app-name{font-size:.875rem;color:#334155;font-weight:500;position:relative;z-index:3}.id-app-check{position:absolute;top:.3rem;right:.3rem;width:1.25rem;height:1.25rem;border-radius:9999px;background:#83bf88;color:#0f2016;display:flex;align-items:center;justify-content:center;z-index:5;opacity:0;transform:scale(0);transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1)}.id-app-check.id-check-visible{opacity:1;transform:scale(1)}.id-app-check svg{width:.75rem;height:.75rem}.id-panel{width:100%;max-width:700px;background:linear-gradient(135deg,#ffffffe6 0,#ffffffb3);backdrop-filter:blur(24px) saturate(1.4);border-radius:.75rem;border:1px solid rgba(0,0,0,.07);overflow:hidden;box-shadow:0 4px 24px #0000000f,0 1px 3px #0000000a,inset 0 1px #ffffffe6;transition:all .7s cubic-bezier(.4,0,.2,1);opacity:0;transform:translateY(2rem);pointer-events:none}.id-panel.id-panel-visible{opacity:1;transform:translateY(0);pointer-events:auto}.id-panel-bar{height:2.5rem;border-bottom:1px solid rgba(0,0,0,.07);background:#00000008;display:flex;align-items:center;padding:0 1rem;gap:.5rem}.id-panel-dot{width:.75rem;height:.75rem;border-radius:9999px}.id-panel-dot--red{background:#f08fc6}.id-panel-dot--amber{background:#e2c455}.id-panel-dot--green{background:#83bf88}.id-panel-name{margin-left:.5rem;font-family:var(--id-mono);font-size:.75rem;color:#94a3b8}.id-panel-body{display:flex;flex-direction:column;padding:1.5rem;gap:1rem}.id-panel-row{display:flex;flex-direction:column;gap:.5rem;transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1)}@media(min-width:640px){.id-panel-row{flex-direction:row;align-items:center;gap:1.5rem}}.id-panel-row.id-row-top{align-items:flex-start!important}.id-panel-row.id-row-hidden{opacity:0;transform:translateY(8px)}.id-panel-label{width:7rem;flex-shrink:0;font-size:10px;color:#94a3b8;text-transform:uppercase;letter-spacing:.1em;font-family:var(--id-mono)}.id-panel-val{font-family:var(--id-mono);font-size:.875rem;color:#334155}.id-panel-val span{color:#94a3b8}.id-action-badge{font-family:var(--id-mono);display:inline-flex;align-items:center;padding:.125rem .625rem;border-radius:.25rem;font-size:.75rem;font-weight:500;width:fit-content}.id-action-badge--green{color:#4a8a50;border:1px solid rgba(131,191,136,.3);background:#83bf8814}.id-action-badge--amber{color:#a08520;border:1px solid rgba(226,196,85,.3);background:#e2c4551a}.id-action-badge--red{color:#c25a9a;border:1px solid rgba(240,143,198,.3);background:#f08fc61a}.id-policy-box{flex:1;font-family:var(--id-mono);font-size:.875rem;color:#64748b;background:#0000000a;padding:.75rem;border-radius:.25rem;border:1px solid rgba(0,0,0,.07)}.id-outcome-row{margin-top:.5rem;padding-top:1rem;border-top:1px solid rgba(0,0,0,.08)}.id-outcome-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;border-radius:.25rem;font-family:var(--id-mono);font-size:.875rem;font-weight:700;letter-spacing:.05em;width:fit-content;transition:all .5s cubic-bezier(.4,0,.2,1)}.id-outcome-badge svg,.id-switch-btn svg{width:1rem;height:1rem}.id-actions{margin-top:3rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem;transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1);opacity:0;transform:translateY(1rem);pointer-events:none}.id-actions.id-actions-visible{opacity:1;transform:translateY(0);pointer-events:auto}.id-switch-btn,.id-reset-btn{display:flex;align-items:center;gap:.5rem;background:none;border:0;cursor:pointer;transition:color .2s}.id-switch-btn{font-weight:500;color:#334155;font-size:1rem}.id-switch-btn:hover{color:#895db7}.id-switch-btn svg{transition:transform .2s}.id-switch-btn:hover svg{transform:translate(4px)}.id-reset-btn{font-size:.875rem;color:#64748b}.id-reset-btn:hover{color:#1e293b}.id-reset-btn svg{width:.875rem;height:.875rem}@media(max-width:767px){.id-root{padding:2rem .5rem 3rem}.id-blob{width:200px;height:200px}.id-heading{font-size:1.75rem}.id-heading,.id-personas{padding:0 .5rem}.id-map{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -.5rem;padding:0 1rem}.id-map-grid{min-width:680px;gap:1rem;padding-right:1rem}.id-panel{margin:0 .5rem}.id-approval-card{inset:auto auto -120px 50%;transform:translate(-50%) translateY(1rem)}.id-approval-card.id-visible{transform:translate(-50%) translateY(0);bottom:-120px}.id-denied-x{display:none}}@media(max-width:480px){.id-heading{font-size:1.5rem}}