@layer components{.agi-list{grid-template-columns:1fr;gap:24px;display:grid}@media (min-width:480px){.agi-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.agi-list{grid-template-columns:repeat(4,minmax(0,1fr))}}.agi-tool{isolation:isolate;border-top:1px solid var(--color-border);flex-direction:column;gap:8px;width:100%;padding-top:20px;display:flex;position:relative}.agi-tool:before{content:"";z-index:-1;background:var(--color-surface-sunken);opacity:0;border-radius:0 0 10px 10px;position:absolute;inset:0 -12px -12px}.agi-tool[data-open]{z-index:30}.agi-tool:is([data-open],:focus-within):before{opacity:1}@media (hover:hover){.agi-tool:hover:before{opacity:1}}.agi-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.agi-name{text-align:left;cursor:pointer;display:inline}.agi-name:after{content:"";position:absolute;inset:0}.agi-name:focus-visible{outline:none}.agi-name:focus-visible:after{outline:2px solid var(--color-brand-blue);outline-offset:4px;border-radius:6px}.agi-caret{vertical-align:-1px;color:var(--color-text-subtle);margin-left:6px;display:inline-block}.agi-tool[data-open] .agi-caret{color:var(--color-brand-blue);rotate:180deg}.agi-toggle{color:var(--color-alert-clear);pointer-events:none;flex-shrink:0;align-items:center;gap:6px;padding-top:3px;font-size:12px;font-weight:600;line-height:16px;display:inline-flex}.agi-track{background:var(--color-alert-clear);border-radius:9999px;width:26px;height:16px;position:relative}.agi-knob{background:var(--color-neutral-0);border-radius:50%;width:12px;height:12px;position:absolute;top:2px;left:2px;translate:10px;box-shadow:0 1px 2px #070d2640}.agi-pop{z-index:20;border:1px solid var(--color-border);background:var(--color-neutral-0);border-radius:12px;flex-direction:column;gap:12px;width:calc(100% + 24px);min-width:280px;padding:16px 18px 18px;display:flex;position:absolute;top:calc(100% + 18px);left:-12px;box-shadow:0 18px 40px -16px #070d264d}.agi-pop-head{letter-spacing:.13em;text-transform:uppercase;color:var(--color-text-muted);font-size:11px;font-weight:700;line-height:14px}.agi-perms{flex-direction:column;gap:10px;display:flex}.agi-perm{align-items:flex-start;gap:10px;display:flex}.agi-perm-icon{background:var(--color-surface-raised);width:24px;height:24px;color:var(--color-brand-blue);border-radius:7px;flex-shrink:0;place-items:center;display:grid}.agi-perm[data-kind=confirm] .agi-perm-icon{background:color-mix(in srgb, var(--color-alert-clear) 12%, transparent);color:var(--color-alert-clear)}.agi-perm-label{color:var(--color-text);font-size:13px;font-weight:700;line-height:18px;display:block}.agi-perm-detail{color:var(--color-text-muted);font-size:13px;line-height:18px;display:block}.agi-count{border:1px solid var(--color-border);height:32px;color:var(--color-text);font-variant-numeric:tabular-nums;border-radius:9999px;align-self:flex-start;align-items:center;gap:8px;padding:0 12px;font-size:13px;font-weight:600;line-height:18px;display:inline-flex}.agi-count-dot{background:var(--color-alert-clear);border-radius:50%;width:8px;height:8px}.agi-count [data-count]{text-align:right;min-width:2ch;display:inline-block}@media (prefers-reduced-motion:no-preference){.agi-tool:before{transition:opacity .2s var(--motion-ease)}.agi-caret{transition:rotate .2s var(--motion-ease)}.agi-pop:not([hidden]){animation:agi-pop .2s var(--motion-ease)}.motion.agi-item{--agi-delay:0s}.motion.agi-item[data-row="1"]{--agi-delay:.18s}.motion.agi-item[data-row="2"]{--agi-delay:.36s}.motion.agi-item[data-row="3"]{--agi-delay:.54s}.motion.agi-item[data-row="4"]{--agi-delay:.72s}.motion.agi-item[data-row="5"]{--agi-delay:.9s}.motion.agi-item[data-row="6"]{--agi-delay:1.08s}.motion.agi-item[data-row="7"]{--agi-delay:1.26s}.motion.agi-item[data-row="8"]{--agi-delay:1.44s}.motion.agi-item[data-row="9"]{--agi-delay:1.62s}.motion.agi-item[data-row="10"]{--agi-delay:1.8s}.motion.agi-item[data-anim]:not([data-anim=reset]) :is(.agi-head,.agi-body){animation:agi-rise .6s var(--motion-ease) var(--agi-delay) backwards}.motion.agi-item[data-anim]:not([data-anim=reset]) .agi-track{animation:agi-track .26s var(--motion-ease) calc(var(--agi-delay) + .38s) backwards}.motion.agi-item[data-anim]:not([data-anim=reset]) .agi-knob{animation:agi-knob .26s var(--motion-ease) calc(var(--agi-delay) + .38s) backwards}.motion.agi-item[data-anim]:not([data-anim=reset]) .agi-toggle-label{animation:agi-label .26s var(--motion-ease) calc(var(--agi-delay) + .38s) backwards}}}@keyframes agi-rise{0%{opacity:0;translate:0 14px}}@keyframes agi-track{0%{background:var(--color-neutral-300)}}@keyframes agi-knob{0%{translate:0}}@keyframes agi-label{0%{color:var(--color-text-subtle)}}@keyframes agi-pop{0%{opacity:0;translate:0 -4px}}
@layer components{.hl{--hl-start:calc(var(--motion-delay) + 1s)}.hl[data-loop=go]{--hl-start:0s}.hl-k1{--hl-k:1}.hl-k2{--hl-k:2}.hl-k3{--hl-k:3}.hl-k4{--hl-k:4}.motion.hl[data-anim]:not([data-anim=reset]) .hl-rise{animation:hl-rise .7s var(--motion-ease) calc(var(--motion-delay) + var(--hl-k,0) * .11s) both}.hl-token{z-index:2;background:var(--color-viz-gold);opacity:0;pointer-events:none;width:14px;height:14px;translate:var(--hl-x0,0) var(--hl-y0,0);border-radius:50%;margin:-7px 0 0 -7px;position:absolute;top:0;left:0;box-shadow:0 0 0 4px #e6ba2d38,0 0 18px 4px #e6ba2d8c}.motion.hl[data-anim]:not([data-anim=reset]):not([data-loop=reset]) .hl-token{animation:hl-token 4.4s linear var(--hl-start) both}.hl-chip{position:relative}.hl-chip-done{color:var(--color-alert-clear);opacity:0;justify-content:center;align-items:center;gap:4px;font-weight:700;display:flex;position:absolute;inset:0}.motion.hl[data-anim]:not([data-anim=reset]):not([data-loop=reset]) .hl-chip{animation:hl-chip 5.4s var(--motion-ease) var(--hl-start) both}.motion.hl[data-anim]:not([data-anim=reset]):not([data-loop=reset]) .hl-chip-label{animation:hl-chip-label 5.4s var(--motion-ease) var(--hl-start) both}.motion.hl[data-anim]:not([data-anim=reset]):not([data-loop=reset]) .hl-chip-done{animation:hl-chip-done 5.4s var(--motion-ease) var(--hl-start) both}.hl-tick{stroke-dasharray:1}.hl-c1{--hl-at:.973s}.hl-c2{--hl-at:1.227s}.hl-c3{--hl-at:3.088s}.hl-c4{--hl-at:3.342s}.motion.hl[data-anim]:not([data-anim=reset]):not([data-loop=reset]) .hl-check .hl-tick{animation:motion-draw .32s var(--motion-ease) calc(var(--hl-start) + var(--hl-at)) both}.motion.hl[data-anim]:not([data-anim=reset]):not([data-loop=reset]) .hl-check-label{animation:hl-lit .32s var(--motion-ease) calc(var(--hl-start) + var(--hl-at)) both}.hl-row{position:relative}.hl-row:before{content:"";z-index:-1;background:color-mix(in srgb, var(--color-gold-on-light) 9%, transparent);opacity:0;border-radius:8px;position:absolute;inset:3px -10px}.hl-engine{isolation:isolate}.motion.hl[data-anim]:not([data-anim=reset]):not([data-loop=reset]) .hl-row:before{animation:hl-row 5.4s var(--motion-ease) var(--hl-start) both}.motion.hl[data-anim]:not([data-anim=reset]):not([data-loop=reset]) .hl-row dt{animation:hl-row-value 5.4s var(--motion-ease) var(--hl-start) both}}@keyframes hl-rise{0%{opacity:0;transform:translateY(18px)}}@keyframes hl-token{0%{opacity:0;scale:.4;translate:var(--hl-x0) var(--hl-y0);animation-timing-function:var(--motion-ease)}4.8%{opacity:1;scale:1;translate:var(--hl-x0) var(--hl-y0);animation-timing-function:cubic-bezier(.45,0,1,1)}13.5%{translate:var(--hl-x1) var(--hl-y1);animation-timing-function:cubic-bezier(0,0,.55,1)}21.2%,24%{translate:var(--hl-x2) var(--hl-y2);animation-timing-function:var(--motion-ease)}27.5%,31.7%{translate:var(--hl-x3) var(--hl-y3);animation-timing-function:cubic-bezier(.45,0,1,1)}38.5%{translate:var(--hl-x4) var(--hl-y4);animation-timing-function:cubic-bezier(0,0,.55,1)}46.2%,55.8%{translate:var(--hl-x5) var(--hl-y5);animation-timing-function:cubic-bezier(.45,0,1,1)}62.5%{translate:var(--hl-x4) var(--hl-y4);animation-timing-function:cubic-bezier(0,0,.55,1)}69.2%,72%{translate:var(--hl-x6) var(--hl-y6);animation-timing-function:var(--motion-ease)}75.5%,79.8%{translate:var(--hl-x7) var(--hl-y7);animation-timing-function:cubic-bezier(.45,0,1,1)}86.5%{translate:var(--hl-x1) var(--hl-y1);animation-timing-function:cubic-bezier(0,0,.55,1)}94.2%{opacity:1;scale:1;translate:var(--hl-x0) var(--hl-y0)}to{opacity:0;scale:2.2;translate:var(--hl-x0) var(--hl-y0)}}@keyframes hl-chip{0%,to{border-color:var(--color-border-strong);background-color:#0000}3%,76%{border-color:var(--color-gold-on-light);background-color:color-mix(in srgb, var(--color-gold-on-light) 10%, transparent)}78%,92%{border-color:var(--color-alert-clear);background-color:color-mix(in srgb, var(--color-alert-clear) 10%, transparent)}}@keyframes hl-chip-label{0%,76%,97%,to{opacity:1}78%,93%{opacity:0}}@keyframes hl-chip-done{0%,76%,97%,to{opacity:0;transform:translateY(3px)}78%,93%{opacity:1;transform:none}}@keyframes hl-lit{0%{opacity:.45}}@keyframes hl-row{0%,37.6%,90%,to{opacity:0}40%,76%{opacity:1}}@keyframes hl-row-value{0%,37.6%,90%,to{color:var(--color-text)}40%,76%{color:var(--color-gold-on-light)}}