.cd{height:calc(var(--demo-h, 14rem) / var(--demo-zoom, 1));--cd-out: cubic-bezier(.16, 1, .3, 1);--cd-spring: cubic-bezier(.34, 1.56, .64, 1)}.cd .cd-bar{display:block;height:5px;border-radius:9999px}.cd.is-live [data-t]{transition:opacity .35s ease,translate .55s var(--cd-out),scale .5s var(--cd-spring),rotate .6s var(--cd-out)}.cd.is-live [data-t]:not(.on){opacity:0;translate:0 6px}.cd.is-live .out{opacity:0!important}.cd.is-instant[data-case-demo],.cd.is-instant[data-case-demo] *{transition:none!important}.cd:not(.is-live) [data-off]{display:none!important}.cd.is-live .cd-fx-pop:not(.on){translate:none;scale:.4}.cd.is-live .cd-fx-left:not(.on){translate:-14px 0}.cd.is-live .cd-fx-right{transition:translate .6s var(--cd-out)}.cd.is-live .cd-fx-right:not(.on){opacity:1;translate:102% 0}.cd.is-live .cd-fx-sheet{transition:translate .6s var(--cd-out),opacity .3s ease}.cd.is-live .cd-fx-sheet:not(.on){opacity:1;translate:0 112%}.cd.is-live .cd-fx-drop:not(.on){translate:0 -28px;scale:.94}.cd.is-live .cd-fx-up:not(.on){translate:0 12px}.cd.is-live .cd-fx-wipe:not(.on){opacity:1;translate:none;scale:0 1}.cd .cd-fx-wipe{transform-origin:left center}.cd .cd-fx-fall{rotate:var(--r, 0deg);translate:0 var(--y, 0)}.cd.is-live .cd-fx-fall:not(.on){opacity:1;translate:0 -190%;rotate:calc(var(--r, 0deg) - 24deg)}.cd .cd-fx-fan{translate:var(--x, 0) 0;rotate:var(--r, 0deg)}.cd.is-live .cd-fx-fan:not(.on){translate:0 0;rotate:0deg;scale:.8}.cd.is-live .cd-fx-flipin{transition:opacity .3s ease,transform .7s var(--cd-out)}.cd.is-live .cd-fx-flipin:not(.on){translate:none;transform:perspective(600px) translate(55%) rotateY(-75deg)}.cd .cd-fx-stamp{rotate:-8deg}.cd.is-live .cd-fx-stamp{transition:opacity .2s ease,scale .45s cubic-bezier(.2,1.8,.5,1)}.cd.is-live .cd-fx-stamp:not(.on){translate:none;scale:1.9}.cd>div{transition:opacity .4s ease}.cd.is-fading>div{opacity:0}.cd.is-done .cd-glow{animation:cdGlow 1.8s ease-out .1s infinite}@keyframes cdGlow{0%{box-shadow:0 0 #3b82f673}70%,to{box-shadow:0 0 0 10px #3b82f600}}.cd .cd-caret{display:inline-block;width:2px;height:1em;margin-left:1px;vertical-align:-2px;background:#1d4ed8;animation:cdBlink 1s steps(1) infinite}.cd:not(.is-playing) .cd-caret{display:none}@keyframes cdBlink{50%{opacity:0}}.cd .cd-night{background:radial-gradient(120% 90% at 85% -10%,#4c2a85 0%,transparent 55%),linear-gradient(180deg,#0b1023,#151a3a)}.cd .cd-moon{display:inline-block;width:.8rem;height:.8rem;border-radius:9999px;box-shadow:inset -.22rem -.08rem #fde68a;rotate:-20deg}.cd .cd-ig-thumb,.cd .cd-ig-btn{background:linear-gradient(135deg,#f58529,#dd2a7b,#8134af)}.cd .cd-ig-ring{background:conic-gradient(from 200deg,#f58529,#dd2a7b,#8134af,#f58529)}.cd .cd-comment{border-radius:.3rem 1rem 1rem;background:#ffffff1a;padding:.35rem .7rem}.cd .cd-spark{border-radius:9999px;background:#fcd34d;color:#111827;padding:.2rem .65rem;font-size:.75rem;font-weight:800;box-shadow:0 0 18px #fcd34d8c}.cd .cd-sheet{box-shadow:0 -14px 30px #00000059}.cd .cd-dots{display:inline-flex;gap:3px;border-radius:1rem;background:#f3f4f6;padding:.55rem .7rem}.cd .cd-dots i{width:5px;height:5px;border-radius:9999px;background:#94a3b8;animation:cdDot 1s ease-in-out infinite}.cd .cd-dots i:nth-child(2){animation-delay:.15s}.cd .cd-dots i:nth-child(3){animation-delay:.3s}.cd .cd-dots.out{display:none}.cd.is-live .cd-dots:not(.on){display:none}@keyframes cdDot{0%,to{opacity:.3;translate:0 0}50%{opacity:1;translate:0 -2px}}.cd .cd-msg{border-radius:.3rem 1rem 1rem;background:#f3f4f6;padding:.45rem .75rem;font-size:.75rem;font-weight:600;line-height:1.6;color:#111827}.cd.is-live .cd-msg:not(.on){display:none}.cd .cd-btn{display:inline-flex;flex:1;align-items:center;justify-content:center;border-radius:9999px;padding:.4rem 0;font-size:.75rem;font-weight:800;box-shadow:0 4px 10px -4px #0f172a66}.cd .cd-banner{display:flex;align-items:center;gap:.6rem;border-radius:1rem;background:#fffffff7;padding:.5rem .6rem;box-shadow:0 16px 30px -10px #0000008c}.cd .cd-cmd{display:flex;align-items:center;gap:.5rem;border-radius:.75rem;background:#fff;padding:.4rem .6rem;font-size:.75rem;font-weight:700;color:#1f2937;box-shadow:0 0 0 1px #bfdbfe,0 6px 16px -8px #1d4ed873}.cd .cd-enter{flex-shrink:0;border-radius:.35rem;background:#1d4ed8;padding:0 .4rem;font-size:.75rem;font-weight:800;color:#fff}.cd.is-live .cd-enter.on{animation:cdPress .35s ease .05s}@keyframes cdPress{40%{scale:.82}}.cd .cd-spin{width:.8rem;height:.8rem;flex-shrink:0;border-radius:9999px;border:2px solid #bfdbfe;border-top-color:#1d4ed8;animation:cdSpin .7s linear infinite}@keyframes cdSpin{to{rotate:360deg}}.cd .cd-ok{display:inline-flex;width:1rem;height:1rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:9999px;background:#10b981;color:#fff;font-size:.75rem}.cd.is-live .cd-spin:not(.on),.cd .cd-spin.out,.cd.is-live .cd-ok:not(.on){display:none}.cd .cd-swap>span.out,.cd.is-live .cd-swap>span[data-t]:not(.on){display:none}.cd .cd-table{overflow:hidden;border-radius:.75rem;box-shadow:0 0 0 1px #e5e7eb}.cd .cd-tr{display:grid;flex:1 1 0;min-height:0;grid-template-columns:1.1fr repeat(4,1fr);align-items:center;justify-items:center;border-top:1px solid #f3f4f6;font-size:.75rem;color:#1f2937}.cd .cd-th{flex:none;border-top:0;background:#f3f4f6;padding:.2rem 0;font-weight:700;color:#4b5563}.cd .cd-tr--me{background:#f0f7ff;color:#1e40af}.cd .cd-mark{display:inline-flex;width:1.15rem;height:1.15rem;align-items:center;justify-content:center;border-radius:9999px;font-weight:800;line-height:1}.cd .cd-mark--a{background:#d1fae5;color:#047857}.cd .cd-mark--b{background:#dbeafe;color:#1d4ed8}.cd .cd-mark--c{background:#fef3c7;color:#b45309}.cd .cd-veil{background:#ffffffc7;backdrop-filter:blur(1.5px)}.cd .cd-slide{position:absolute;display:flex;width:min(54%,15rem);aspect-ratio:16 / 9;flex-direction:column;overflow:hidden;border-radius:.5rem;background:#fff;padding:.5rem .6rem;box-shadow:0 0 0 1px #e5e7eb,0 14px 28px -10px #0f172a73}.cd .cd-slide--1{z-index:3;background:linear-gradient(135deg,#1d4ed8,#6d28d9);box-shadow:0 16px 32px -10px #1e40af99}.cd .cd-slide--2 i{flex:1;height:var(--h);border-radius:2px 2px 0 0;background:linear-gradient(180deg,#3b82f6,#1e40af)}.cd .cd-slide--3 i{border-radius:2px;background:#e5e7eb}.cd .cd-flipper{position:absolute;inset:0;border-radius:.5rem;background:#fff;transform-origin:left center;box-shadow:inset 0 0 0 1px #e5e7eb}.cd.is-live .cd-flipper.on{animation:cdFlip .19s cubic-bezier(.45,0,.55,1) infinite}.cd .cd-flipper.out,.cd:not(.is-live) .cd-flipper{display:none}@keyframes cdFlip{0%{transform:perspective(500px) rotateY(0);opacity:1}to{transform:perspective(500px) rotateY(-165deg);opacity:.35}}.cd .cd-pages{display:inline-flex;width:-moz-max-content;width:max-content;align-items:center;gap:.4rem;border-radius:9999px;background:#0b0f17;padding:.3rem .8rem .3rem .35rem;font-size:.75rem;font-weight:700;color:#fff;box-shadow:0 8px 18px -6px #0f172a80}.cd .cd-pptx{border-radius:9999px;background:#d24726;padding:.05rem .5rem;font-weight:800}.cd .cd-tray{border-radius:.75rem;border:2px dashed #fcd34d;background:#fffbebcc}.cd .cd-pdf{position:absolute;left:17%;right:17%;top:16%;aspect-ratio:3 / 4;border-radius:.3rem;background:#fff;box-shadow:0 0 0 1px #e5e7eb,0 6px 12px -4px #0f172a4d}.cd .cd-pdf b{position:absolute;left:.25rem;bottom:.3rem;border-radius:.2rem;background:#ef4444;padding:0 .25rem;font-size:.75rem;line-height:1.35;color:#fff}.cd .cd-suck{position:absolute;inset:-2px;border-radius:.75rem}.cd.is-live .cd-suck.on{animation:cdRing .7s ease-out forwards}@keyframes cdRing{0%{box-shadow:0 0 #f59e0b99}to{box-shadow:0 0 0 12px #f59e0b00}}.cd .cd-csv{position:absolute;inset:.4rem .2rem auto;display:flex;flex-direction:column;align-items:center}.cd .cd-csv-icon{display:inline-flex;width:2.2rem;height:2.7rem;align-items:center;justify-content:center;border-radius:.35rem;background:linear-gradient(160deg,#10b981,#047857);font-size:.75rem;font-weight:800;color:#fff;box-shadow:0 8px 16px -6px #04785799}.cd .cd-done{position:absolute;left:0;right:0;bottom:.45rem;margin-inline:auto;width:-moz-max-content;width:max-content;border-radius:9999px;background:#10b981;padding:.15rem .6rem;font-size:.75rem;font-weight:800;color:#fff}.cd .cd-row{position:relative;display:flex;flex:1 1 0;min-height:0;align-items:center;gap:.4rem;border-radius:.4rem;padding:0 .3rem;font-size:.75rem;font-weight:600}.cd .cd-scan{position:absolute;inset:0;border-radius:.4rem;background:linear-gradient(90deg,transparent,rgba(253,230,138,.9),transparent);background-size:50% 100%;background-repeat:no-repeat;pointer-events:none}.cd.is-live .cd-scan.on{animation:cdSweep .28s linear forwards}.cd:not(.is-live) .cd-scan{display:none}@keyframes cdSweep{0%{background-position:-60% 0}to{background-position:160% 0}}.cd .cd-kamoku{position:relative;flex-shrink:0;white-space:nowrap;border-radius:9999px;padding:.1rem .5rem;font-weight:700}.cd .cd-kamoku--ok{background:#ecfdf5;color:#047857;box-shadow:0 0 0 1px #a7f3d0}.cd .cd-kamoku--warn{background:#fef3c7;color:#92400e;box-shadow:0 0 0 1px #fcd34d}.cd.is-done .cd-kamoku--warn.cd-glow{animation-name:cdGlowAmber}@keyframes cdGlowAmber{0%{box-shadow:0 0 0 1px #fcd34d,0 0 #f59e0b8c}70%,to{box-shadow:0 0 0 1px #fcd34d,0 0 0 8px #f59e0b00}}.cd .cd-person{display:flex;max-height:3rem;align-items:center;gap:.6rem;overflow:hidden;border-radius:.75rem;padding:.25rem .5rem;transition:background-color .4s ease,box-shadow .4s ease,opacity .3s ease,translate .5s var(--cd-out),max-height .45s var(--cd-out),padding .45s var(--cd-out)!important}.cd .cd-person.out{max-height:0;padding-block:0}.cd.is-live .cd-sent.out{translate:0 -60%;scale:.92;transition:opacity .3s ease .05s,translate .4s cubic-bezier(.5,0,.75,0),scale .4s ease}.cd .cd-person--flag:has(.cd-flag.on),.cd:not(.is-live) .cd-person--flag{background:#fffbeb;box-shadow:0 0 0 1px #fde68a}.cd .cd-avatar{display:inline-flex;width:2rem;height:2rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:9999px;background:linear-gradient(135deg,#34d399,#0f766e);font-size:.75rem;font-weight:800;color:#fff}.cd .cd-flag{position:relative;flex-shrink:0;border-radius:9999px;background:#fbbf24;padding:.15rem .55rem;font-size:.75rem;font-weight:800;color:#111827}.cd.is-playing .cd-flag.on:after{content:"";position:absolute;inset:0;border-radius:inherit;animation:cdRing 1.2s ease-out .2s 2}.cd .cd-draft{background:#fff;box-shadow:0 0 0 1px #ddd6fe,0 -14px 30px -8px #4c1d9547}.cd .cd-draft-text{font-size:.75rem;font-weight:600;line-height:1.65;color:#1f2937}.cd .cd-send{position:relative;display:inline-flex;overflow:hidden;border-radius:9999px;background:linear-gradient(135deg,#1d4ed8,#1e3a8a);padding:.35rem 1.1rem;font-size:.75rem;font-weight:800;color:#fff}.cd .cd-tap{position:absolute;left:50%;top:50%;width:2.2rem;height:2.2rem;margin:-1.1rem 0 0 -1.1rem;border-radius:9999px;background:#ffffffb3}.cd.is-live .cd-tap.on{animation:cdTap .55s ease-out forwards}.cd:not(.is-live) .cd-tap{display:none}@keyframes cdTap{0%{scale:.2;opacity:.9}to{scale:2.4;opacity:0}}.cd .cd-lbub{max-width:82%;border-radius:1rem 1rem 1rem .3rem;background:#fff;padding:.45rem .75rem;font-size:.75rem;font-weight:600;line-height:1.6;color:#0f172a;box-shadow:0 1px 2px #0f172a14}.cd .cd-plan{border-radius:.75rem;background:#ffffffeb;padding:.45rem .6rem;box-shadow:0 0 0 1px #a7f3d0}.cd .cd-yr{flex-shrink:0;white-space:nowrap;border-radius:9999px;background:#10b981;padding:.1rem .5rem;font-size:.75rem;font-weight:800;color:#fff}.cd .cd-link{display:block;height:2px;flex:1;border-radius:9999px;background:#6ee7b7}.cd .cd-rec{width:.6rem;height:.6rem;flex-shrink:0;border-radius:9999px;background:#ef4444}.cd.is-playing .cd-rec{animation:cdRec 1.2s ease-in-out infinite}@keyframes cdRec{50%{opacity:.35}}.cd .cd-wave{display:inline-flex;height:1rem;align-items:center;gap:2px}.cd .cd-wave i{width:3px;height:40%;border-radius:9999px;background:#60a5fa}.cd .cd-wave i:nth-child(2n){height:75%}.cd .cd-wave i:nth-child(3n){height:55%}.cd.is-playing .cd-wave i{animation:cdWave .9s ease-in-out infinite alternate}.cd.is-playing .cd-wave i:nth-child(2){animation-delay:-.3s}.cd.is-playing .cd-wave i:nth-child(3){animation-delay:-.6s}.cd.is-playing .cd-wave i:nth-child(4){animation-delay:-.15s}.cd.is-playing .cd-wave i:nth-child(5){animation-delay:-.45s}.cd.is-playing .cd-wave i:nth-child(6){animation-delay:-.75s}.cd.is-playing .cd-wave i:nth-child(7){animation-delay:-.25s}@keyframes cdWave{0%{height:20%}to{height:100%}}.cd .cd-say{font-size:.75rem;font-weight:600;line-height:1.5;color:#1f2937}.cd .cd-who{margin-right:.3rem;border-radius:.3rem;background:#e5e7eb;padding:0 .3rem;font-weight:700;color:#4b5563}.cd .cd-who--c{background:#dbeafe;color:#1d4ed8}.cd .cd-miss{margin-top:auto;align-self:flex-start;border-radius:9999px;background:#fef3c7;padding:.1rem .55rem;font-size:.75rem;font-weight:800;color:#92400e;box-shadow:0 0 0 1px #fcd34d}.cd .cd-item{display:flex;align-items:center;gap:.35rem}.cd .cd-item--miss{color:#b45309}.cd .cd-chk{display:inline-flex;width:1rem;height:1rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:9999px;background:#10b981;font-size:.75rem;font-weight:800;color:#fff}.cd.is-live .cd-chk:not(.on){opacity:1;scale:1;background:#fff;color:transparent;box-shadow:inset 0 0 0 1.5px #d1d5db}.cd .cd-chk--miss{background:#fbbf24;color:#111827}.cd .cd-yen{font-weight:800;color:#0b0f17}.cd .cd-doc{position:relative;display:flex;width:28%;max-width:7.5rem;aspect-ratio:3 / 4;flex-direction:column;border-radius:.5rem;background:#fff;padding:.5rem;box-shadow:0 0 0 1px #e5e7eb,0 16px 30px -12px #0f172a73}.cd .cd-pdf-tag{position:absolute;right:-.35rem;top:.9rem;border-radius:.25rem;background:#ef4444;padding:0 .3rem;font-size:.75rem;font-weight:800;line-height:1.4;color:#fff}.cd .cd-stamp{position:absolute;left:0;right:0;top:4%;margin-inline:auto;width:-moz-max-content;width:max-content;border:2px solid #dc2626;border-radius:.4rem;background:#fffffff2;padding:.1rem .6rem;font-size:.875rem;font-weight:800;color:#dc2626}.cd.is-done .cd-stamp.cd-glow{animation-name:cdGlowRed}@keyframes cdGlowRed{0%{box-shadow:0 0 #dc262666}70%,to{box-shadow:0 0 0 10px #dc262600}}@media (prefers-reduced-motion: reduce){.cd *,.cd *:after{animation:none!important}}.bubble[data-astro-cid-znxowazf]{max-width:82%;border-radius:1rem;padding:.45rem .75rem;font-size:.75rem;line-height:1.55;font-weight:600}.bubble--me[data-astro-cid-znxowazf]{align-self:flex-end;background:#8de055;color:#0f172a;border-bottom-right-radius:.3rem}.bubble--ai[data-astro-cid-znxowazf]{align-self:flex-start;background:#fff;color:#0f172a;border-bottom-left-radius:.3rem;box-shadow:0 1px 2px #0f172a0f}.dots[data-astro-cid-znxowazf]{display:none;gap:3px;padding:.2rem 0}.dots[data-astro-cid-znxowazf] i[data-astro-cid-znxowazf]{width:5px;height:5px;border-radius:9999px;background:#94a3b8;animation:dot 1s ease-in-out infinite}.dots[data-astro-cid-znxowazf] i[data-astro-cid-znxowazf]:nth-child(2){animation-delay:.15s}.dots[data-astro-cid-znxowazf] i[data-astro-cid-znxowazf]:nth-child(3){animation-delay:.3s}@keyframes dot{0%,to{opacity:.3;translate:0 0}50%{opacity:1;translate:0 -2px}}.bubble[data-astro-cid-znxowazf].is-thinking .dots[data-astro-cid-znxowazf]{display:inline-flex}.bubble[data-astro-cid-znxowazf].is-thinking .txt[data-astro-cid-znxowazf]{display:none}.chat[data-astro-cid-znxowazf]{-webkit-mask-image:linear-gradient(to bottom,transparent,#000 1.75rem);mask-image:linear-gradient(to bottom,transparent,#000 1.75rem)}.line[data-astro-cid-znxowazf]{display:block;height:5px;border-radius:9999px;background:#cbd5e1;transform-origin:left}.line--total[data-astro-cid-znxowazf]{height:7px;margin-left:auto;background:linear-gradient(90deg,#3b82f6,#7c3aed)}.stamp[data-astro-cid-znxowazf]{position:absolute;right:8%;bottom:10%;rotate:-12deg;border:2px solid #dc2626;border-radius:.4rem;padding:.1rem .4rem;font-size:.75rem;font-weight:800;color:#dc2626;background:#ffffffd9}.check[data-astro-cid-znxowazf]{display:flex;align-items:center;gap:.45rem;line-height:1.35}.tick[data-astro-cid-znxowazf]{display:inline-flex;width:1.25rem;height:1.25rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:9999px;background:#10b981;color:#fff;font-size:.75rem;font-weight:800}.check--wait[data-astro-cid-znxowazf]{color:#b45309}.check--wait[data-astro-cid-znxowazf] .tick[data-astro-cid-znxowazf]{background:#f59e0b}.bar[data-astro-cid-znxowazf]{height:var(--h);background:linear-gradient(180deg,#3b82f6,#1e40af);transform-origin:bottom}.bar--now[data-astro-cid-znxowazf]{background:linear-gradient(180deg,#8b5cf6,#6d28d9)}.toast[data-astro-cid-znxowazf]{position:absolute;left:50%;top:0;z-index:1;translate:-50% 0;white-space:nowrap;border-radius:9999px;background:#0f172a;color:#fff;padding:.3rem .8rem;font-size:.75rem;font-weight:700;box-shadow:0 6px 16px #0f172a33}.demo[data-astro-cid-znxowazf].is-live [data-astro-cid-znxowazf][data-s]{opacity:0;translate:0 6px;transition:opacity .35s ease,translate .45s cubic-bezier(.16,1,.3,1),scale .45s cubic-bezier(.34,1.6,.64,1)}.demo[data-astro-cid-znxowazf].is-live [data-astro-cid-znxowazf][data-s].on{opacity:1;translate:none}.demo[data-astro-cid-znxowazf].is-live .line[data-astro-cid-znxowazf]{opacity:1;translate:none;scale:0 1;transition:scale .5s cubic-bezier(.16,1,.3,1)}.demo[data-astro-cid-znxowazf].is-live .line[data-astro-cid-znxowazf].on{scale:1 1}.demo[data-astro-cid-znxowazf].is-live .stamp[data-astro-cid-znxowazf]{translate:none;scale:1.8}.demo[data-astro-cid-znxowazf].is-live .stamp[data-astro-cid-znxowazf].on{scale:1}.demo[data-astro-cid-znxowazf].is-live .bar[data-astro-cid-znxowazf]{opacity:1;translate:none;scale:1 0;transition:scale .6s cubic-bezier(.16,1,.3,1)}.demo[data-astro-cid-znxowazf].is-live .bar[data-astro-cid-znxowazf].on{scale:1 1}.demo[data-astro-cid-znxowazf].is-live .trend-svg[data-astro-cid-znxowazf]{opacity:1;translate:none;clip-path:inset(-10% 100% -10% 0);transition:clip-path 1s ease}.demo[data-astro-cid-znxowazf].is-live .trend-svg[data-astro-cid-znxowazf].on{clip-path:inset(-10% -10% -10% 0)}.demo[data-astro-cid-znxowazf].is-live .toast[data-astro-cid-znxowazf]{translate:-50% -8px}.demo[data-astro-cid-znxowazf].is-live .toast[data-astro-cid-znxowazf].on{translate:-50% 0}.demo[data-astro-cid-znxowazf].is-live .bubble[data-astro-cid-znxowazf]:not(:global(.on)){display:none}@media (prefers-reduced-motion: reduce){.dots[data-astro-cid-znxowazf] i[data-astro-cid-znxowazf]{animation:none}}