.kdma{--spring:cubic-bezier(.16, 1, .3, 1);--glow:var(--cust);aspect-ratio:1000/720;isolation:isolate;-webkit-user-select:none;user-select:none;position:relative;container-type:inline-size}.kdma>*{--u:.1cqw}.kdma-lines{z-index:0;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.kdma-src{right:calc(100% - 356 * var(--u));top:calc(var(--y) * var(--u));position:absolute;translate:0 -50%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 45%);mask-image:linear-gradient(90deg,#0000,#000 45%)}.kdma-src-pill{align-items:center;gap:calc(14 * var(--u));white-space:nowrap;height:calc(64 * var(--u));padding:0 calc(24 * var(--u)) 0 calc(14 * var(--u));border:1px solid var(--border);border-radius:calc(16 * var(--u));background:var(--background);box-shadow:0 1px 2px #0000000a, 0 calc(8 * var(--u)) calc(24 * var(--u)) #0000000d;font-size:calc(19 * var(--u));letter-spacing:-.01em;display:inline-flex}.kdma-src-kind{color:var(--faint-foreground)}.kdma-src-value{color:var(--foreground);font-weight:600}.kdma-ghost{opacity:.38}.kdma-ghost .kdma-src-pill{box-shadow:none}.kdma-ico{width:calc(36 * var(--u));height:calc(36 * var(--u));border-radius:calc(10 * var(--u));background:var(--muted);color:var(--muted-foreground);flex:none;place-items:center;display:grid}.kdma-ico svg{width:56%;height:56%}.kdma-curve{fill:none;stroke:var(--border);stroke-width:1.5px;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .9s var(--spring);transition-delay:calc(var(--i) * .16s)}.kdma-pulse{fill:none;stroke:var(--glow);stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:.12 1.2;stroke-dashoffset:.12px;opacity:0;filter:drop-shadow(0 0 3px var(--glow)) drop-shadow(0 0 8px color-mix(in oklab, var(--glow) 60%, transparent))}.kdma-end{fill:var(--background);stroke:var(--border);stroke-width:1.5px;transition:fill .3s,stroke .3s;transition-delay:calc(.7s + var(--i) * .26s)}.kdma[data-on] .kdma-curve{stroke-dashoffset:0}.kdma[data-on] .kdma-end{fill:var(--glow);stroke:var(--glow)}.kdma[data-on] .kdma-pulse{animation:1.1s cubic-bezier(.45,0,.25,1) both kdma-run;animation-delay:calc(.25s + var(--i) * .26s)}.kdma[data-on][data-idle] .kdma-pulse{animation:9s cubic-bezier(.45,0,.25,1) infinite kdma-again;animation-delay:calc(var(--i) * 3s)}@keyframes kdma-run{0%{stroke-dashoffset:.12px;opacity:0}12%{opacity:1}88%{opacity:1}to{stroke-dashoffset:-1px;opacity:0}}@keyframes kdma-again{0%{stroke-dashoffset:.12px;opacity:0}2%{opacity:1}12%{opacity:1}14%,to{stroke-dashoffset:-1px;opacity:0}}.kdma-card{left:calc(var(--x) * var(--u));top:calc(var(--y) * var(--u));width:calc(440 * var(--u));border:1px solid color-mix(in oklab, var(--glow) 34%, var(--border));border-radius:calc(20 * var(--u));background:var(--background);box-shadow:0 0 0 calc(6 * var(--u)) color-mix(in oklab, var(--glow) 7%, transparent), 0 calc(24 * var(--u)) calc(64 * var(--u)) calc(-12 * var(--u)) #00000024, 0 calc(30 * var(--u)) calc(80 * var(--u)) color-mix(in oklab, var(--glow) 16%, transparent);font-size:calc(19 * var(--u));letter-spacing:-.01em;z-index:1;position:absolute}.kdma-card-head{gap:calc(14 * var(--u));height:calc(124 * var(--u));padding:0 calc(28 * var(--u));border-bottom:1px solid var(--hairline);align-content:center;display:grid}.kdma-id{font:500 calc(15 * var(--u)) / 1 var(--k-mono);letter-spacing:.02em;color:var(--faint-foreground)}.kdma-title{align-items:center;gap:calc(14 * var(--u));font-size:calc(26 * var(--u));letter-spacing:-.02em;font-weight:600;display:flex}.kdma-ico-own{background:color-mix(in oklab, var(--glow) 16%, var(--background));color:var(--glow)}.kdma-yours{padding:calc(5 * var(--u)) calc(12 * var(--u));background:color-mix(in oklab, var(--glow) 13%, transparent);color:var(--glow);font:500 calc(14 * var(--u)) / 1 var(--k-mono);letter-spacing:.02em;border-radius:999px;margin-left:auto}.kdma-row{grid-template-columns:calc(170 * var(--u)) minmax(0, 1fr);height:calc(64 * var(--u));padding:0 calc(28 * var(--u));border-bottom:1px solid var(--hairline);align-items:center;display:grid}.kdma-row:last-child{border-bottom:0}.kdma-label{align-items:center;gap:calc(8 * var(--u));color:var(--faint-foreground);display:flex}.kdma-value{align-items:center;gap:calc(12 * var(--u));white-space:nowrap;min-width:0;font-weight:500;display:flex}.kdma-row .kdma-value{opacity:0;translate:calc(-14 * var(--u)) 0;filter:blur(3px);transition:opacity .35s ease, translate .6s var(--spring), filter .4s ease;transition-delay:calc(1.1s + var(--i) * .26s)}.kdma-row:nth-of-type(5) .kdma-value,.kdma-row:nth-of-type(6) .kdma-value{transition-delay:calc(1.5s + var(--i) * .26s)}.kdma[data-on] .kdma-row .kdma-value{opacity:1;filter:none;translate:0}.kdma-formula{padding:calc(4 * var(--u)) calc(10 * var(--u));border-radius:calc(7 * var(--u));border:1px solid color-mix(in oklab, var(--glow) 40%, transparent);color:var(--glow);font:500 calc(13 * var(--u)) / 1 var(--k-mono)}.kdma[data-on] .kdma-formula{animation:1.6s 2.7s both kdma-lit}@keyframes kdma-lit{0%{box-shadow:0 0 0 0 color-mix(in oklab, var(--glow) 0%, transparent)}30%{box-shadow:0 0 0 calc(5 * var(--u)) color-mix(in oklab, var(--glow) 22%, transparent), 0 0 calc(18 * var(--u)) color-mix(in oklab, var(--glow) 45%, transparent)}to{box-shadow:0 0 #0000}}.kdma-add{background:color-mix(in oklab, var(--glow) 4%, transparent);border-radius:0 0 calc(20 * var(--u)) calc(20 * var(--u))}.kdma-add .kdma-label{color:var(--foreground);font-weight:500}.kdma-plus{width:calc(24 * var(--u));height:calc(24 * var(--u));border-radius:calc(7 * var(--u));border:1px dashed color-mix(in oklab, var(--glow) 60%, transparent);color:var(--glow);place-items:center;font-weight:500;line-height:1;display:grid}.kdma-typed{white-space:nowrap;max-width:0;display:inline-block;overflow:hidden}.kdma-caret{background:var(--glow);opacity:0;width:1.5px;height:1.1em}.kdma-add .kdma-value{opacity:0}.kdma-type{width:max-content;padding:calc(4 * var(--u)) calc(12 * var(--u));border-radius:calc(8 * var(--u));background:var(--muted);color:var(--muted-foreground);font:500 calc(15 * var(--u)) / 1.2 var(--k-mono);display:inline-flex}.kdma[data-on] .kdma-typed{animation:.7s steps(5,end) 3.3s both kdma-type}.kdma[data-on] .kdma-caret{animation:1s step-end 3.1s 3 both kdma-caret}.kdma[data-on] .kdma-add .kdma-value{opacity:1;transition:opacity .4s 4.2s}@keyframes kdma-type{0%{max-width:0}to{max-width:5ch}}@keyframes kdma-caret{0%,to{opacity:1}50%{opacity:0}}.dark .kdma-src-pill,.dark .kdma-card{background:var(--card);box-shadow:none}.dark .kdma-card{box-shadow:0 0 0 calc(6 * var(--u)) color-mix(in oklab, var(--glow) 10%, transparent), 0 calc(30 * var(--u)) calc(90 * var(--u)) color-mix(in oklab, var(--glow) 18%, transparent)}@media (prefers-reduced-motion:reduce){.kdma *,.kdma :before{transition:none!important;animation:none!important}.kdma .kdma-curve{stroke-dashoffset:0}.kdma .kdma-end{fill:var(--glow);stroke:var(--glow)}.kdma .kdma-row .kdma-value,.kdma .kdma-add .kdma-value{opacity:1;filter:none;translate:0}.kdma .kdma-typed{max-width:5ch}}