@property --n{syntax:"<integer>";inherits:false;initial-value:10}.d-frame{width:100%;max-width:600px;margin-inline:auto;container-type:inline-size}.demo{--ink:#0a0d14;--muted:#5b6372;--faint:#8a93a3;--line:#e9ebef;--line-2:#d5d9e0;--soft:#f1f3f6;--band:#f7f8fa;--blue:#2457f5;--blue-l:#eef2ff;--green:#16a34a;--green-d:#15803d;--green-l:#edf8f1;--amber:#d97706;--amber-l:#fdf6ea;--red:#dc2626;--red-l:#fdf1f1;--r:.6em;--r-lg:.875em;--ease:cubic-bezier(.2, .8, .2, 1);--spring:cubic-bezier(.34, 1.4, .5, 1);color:var(--ink);-webkit-user-select:none;user-select:none;pointer-events:none;font-size:2.66667cqw;line-height:1.35}.d-stage{perspective:1600px;width:37.5em;height:33.75em;position:relative}.d-glow{border-radius:var(--r-lg);background:var(--band);border:1px solid var(--line);position:absolute;inset:3.4em 0 .4em 2.6em}.d-rig{transform-style:preserve-3d;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .9s var(--ease);will-change:transform;position:absolute;inset:0}.tx:after{content:attr(data-t)}.d-qcard .tx:after{white-space:pre-wrap}.d-ell{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.d-panel{border-radius:var(--r-lg);border:1px solid var(--line);background:#fff;width:24.5em;height:25em;position:absolute;top:1.25em;left:0;overflow:hidden;transform:translateZ(0);box-shadow:0 1px 2px #0a0d140a,0 1.8em 3.2em -2em #0a0d1429}.d-panel-top{border-bottom:1px solid var(--line);align-items:center;gap:.6em;height:3.1em;padding:0 1.2em;display:flex}.d-panel-top svg{width:1.4em;height:1.4em}.d-panel-title{letter-spacing:-.01em;font-size:.92em;font-weight:600}.d-avatar{background:var(--soft);width:1.9em;height:1.9em;color:var(--ink);border-radius:50%;place-items:center;margin-left:auto;font-size:.72em;font-weight:600;display:grid}.d-screens{position:absolute;inset:3.1em 0 0}.d-scr{flex-direction:column;gap:.85em;padding:1.15em 1.2em;display:flex;position:absolute;inset:0}.d-scr-a,.d-scr-b{opacity:0}.d-scr-a,.d-scr-b,.d-scr-c{padding-right:2.4em}.d-row{gap:.4em;display:grid}.d-label{color:var(--muted);letter-spacing:.01em;font-size:.72em;font-weight:600}.d-pill{border-radius:var(--r);border:1px solid var(--line-2);background:#fff;align-items:center;gap:.5em;width:fit-content;max-width:100%;height:2.3em;padding:0 .85em;font-size:.82em;font-weight:500;display:inline-flex}.d-dot{background:var(--green);border-radius:50%;flex:none;width:.55em;height:.55em}.d-seg{border-radius:var(--r);background:var(--soft);grid-template-columns:1.25fr 1fr;padding:.22em;font-size:.78em;font-weight:500;display:grid;position:relative}.d-seg-hl{width:calc(55.5556% - .244444em);box-shadow:0 0 0 1px var(--line), 0 1px 2px #0a0d1414;background:#fff;border-radius:.45em;position:absolute;top:.22em;bottom:.22em;left:.22em}.d-seg-o{height:2.3em;color:var(--muted);justify-content:center;align-items:center;padding:0 .7em;display:flex;position:relative}.d-seg-on{color:var(--ink)}.d-input{border-radius:var(--r);border:1px solid var(--line-2);align-items:center;height:2.6em;padding:0 .9em;font-size:.86em;font-weight:500;display:flex;box-shadow:0 0 0 .25em #2457f500}.d-typewrap{white-space:nowrap;display:inline-block;position:relative}.d-type{display:inline-block}.d-caret{background:var(--blue);opacity:0;border-radius:2px;width:2px;margin-left:1px;position:absolute;top:8%;bottom:8%;left:100%}.d-stepper{border-radius:var(--r);border:1px solid var(--line-2);align-items:center;gap:.9em;width:fit-content;height:2.3em;padding:0 .4em;font-size:.82em;font-weight:500;display:inline-flex}.d-stepper>b{background:var(--soft);width:1.7em;height:1.7em;color:var(--muted);border-radius:.4em;place-items:center;font-weight:600;display:grid}.d-btn{border-radius:var(--r);background:var(--blue);color:#fff;justify-content:center;align-items:center;gap:.45em;max-width:100%;height:2.75em;padding:0 1.2em;font-size:.86em;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.d-btn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1.2em;height:1.2em}.d-btn-prep{align-self:flex-start;margin-top:auto}.d-ripple{opacity:0;pointer-events:none;background:#ffffff8c;border-radius:50%;width:3em;height:3em;margin:-1.5em 0 0 -1.5em;position:absolute;top:50%;left:50%}.d-prep{color:var(--ink);align-items:center;gap:.7em;min-width:0;font-size:.84em;font-weight:500;display:flex}.d-prep-ic{flex:none;width:1.5em;height:1.5em;position:relative}.d-spin{border:.18em solid var(--blue-l);border-top-color:var(--blue);opacity:0;border-radius:50%;position:absolute;inset:0}.d-prep-ok{position:absolute;inset:0}.d-prep-ok circle,.d-ok svg circle{fill:var(--green)}.d-prep-ok path,.d-ok svg path{fill:none;stroke:#fff;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:14}.d-compo{border-radius:var(--r);background:var(--blue-l);width:fit-content;max-width:100%;height:2.3em;color:var(--blue);align-items:center;gap:.5em;margin-top:.4em;padding:0 .85em;font-size:.8em;font-weight:600;display:inline-flex}.d-compo svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;flex:none;width:1.2em;height:1.2em}.d-btn-approve{align-self:flex-start;margin-top:auto}.d-res-title{font-size:.92em;font-weight:600}.d-res-top{align-items:center;gap:1.1em;display:flex}.d-ring{flex:none;width:5.4em;height:5.4em;position:relative}.d-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.d-ring circle{fill:none;stroke-width:3.6px;stroke-linecap:round}.d-ring-bg{stroke:var(--soft)}.d-ring-fg{stroke:var(--blue);stroke-dasharray:100;stroke-dashoffset:17px}.d-ring-num{letter-spacing:-.02em;font-variant-numeric:tabular-nums;grid-auto-flow:column;place-content:center;align-items:baseline;font-size:1.25em;font-weight:600;display:grid;position:absolute;inset:0}.d-ring-num small{color:var(--muted);font-size:.6em;font-weight:600}.d-count:after{counter-reset:n var(--n);content:counter(n)}.d-res-meta{flex:1;gap:.35em;min-width:0;display:grid}.d-res-k{color:var(--muted);font-size:.8em;font-weight:500}.d-res-avg b{color:var(--ink)}.d-bar{background:var(--soft);border-radius:999px;height:.5em;overflow:hidden}.d-bar i{border-radius:inherit;background:var(--blue);transform-origin:0;width:78%;height:100%;display:block}.d-map-h{justify-content:space-between;align-items:center;gap:.6em;margin-top:.15em;font-size:.78em;font-weight:600;display:flex}.d-map-topic{color:var(--muted);font-weight:500}.d-map{grid-template-columns:repeat(5,1fr);gap:.38em;display:grid;position:relative}.d-cell{border-radius:.3em;height:1.55em}.d-c-g{background:#3fb37a}.d-c-l{background:#b9e4cb}.d-c-a{background:#f2cd6b}.d-c-r{background:#ea7a6e}.d-c-n{background:var(--soft)}.d-map-col{width:calc(20% + .256em);box-shadow:0 0 0 1.5px var(--ink);background:#0a0d1408;border-radius:.5em;position:absolute;top:-.28em;bottom:-.28em;left:calc(40% - .128em)}.d-qrows{gap:.4em;display:grid}.d-qrow{border-radius:var(--r);border:1px solid var(--line);height:2.35em;color:var(--ink);align-items:center;gap:.6em;min-width:0;padding:0 .6em;font-size:.76em;font-weight:500;display:flex}.d-qrow>b{background:var(--soft);border-radius:.4em;flex:none;place-items:center;width:1.6em;height:1.6em;font-size:.9em;font-weight:600;display:grid}.d-lvl{background:var(--soft);color:var(--muted);border-radius:.4em;flex:none;margin-left:auto;padding:.2em .55em;font-size:.88em;font-style:normal;font-weight:500}.d-plane{background:var(--blue);opacity:0;--fx:14.5em;--fy:-7.5em;border-radius:50%;place-items:center;width:2.3em;height:2.3em;display:grid;position:absolute;top:21.2em;left:11.5em;transform:translateZ(70px);box-shadow:0 .5em 1.2em -.5em #2457f5b3}.d-plane svg{fill:#fff;width:1.15em;height:1.15em;margin-left:-.1em}.d-phone{background:var(--ink);border-radius:2.4em;width:14.25em;height:28.6em;padding:.42em;position:absolute;top:4.4em;right:.4em;transform:translateZ(40px);box-shadow:inset 0 0 0 1px #ffffff12,0 2.4em 3.6em -2em #0a0d1466,0 .4em 1em -.6em #0a0d1440}.d-screen{background:var(--band);border-radius:2em;height:100%;position:relative;overflow:hidden}.d-notch{z-index:3;background:var(--ink);border-radius:999px;width:4.2em;height:1.05em;margin-left:-2.1em;position:absolute;top:.5em;left:50%}.d-chat{background:#e6ebf0;flex-direction:column;display:flex;position:absolute;inset:0}.d-chat-top{border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:.5em;padding:2.1em .9em .7em;display:flex}.d-chat-top svg{width:1.75em;height:1.75em}.d-chat-back{color:var(--blue);font-size:1.2em;line-height:1}.d-chat-name{line-height:1.2;display:grid}.d-chat-name b{font-size:.78em}.d-chat-name small{color:var(--muted);font-size:.66em}.d-chat-body{flex-direction:column;flex:1;justify-content:flex-end;gap:.35em;padding:.8em .75em 1.4em;display:flex}.d-bubble{transform-origin:0 100%;background:#fff;border-radius:.9em .9em .9em .3em;gap:.25em;max-width:92%;padding:.65em .8em .55em;display:grid;position:relative;box-shadow:0 1px 1px #0a0d140f}.d-bubble b{font-size:.74em;line-height:1.3}.d-bubble>span{color:var(--muted);font-size:.68em}.d-bubble small{color:var(--faint);justify-self:end;font-size:.58em}.d-prev{max-width:80%;color:var(--muted);background:#fff;border-radius:.9em .9em .3em;align-self:flex-end;padding:.45em .7em;font-size:.66em}.d-today{color:#fff;background:#0a0d1438;border-radius:999px;align-self:center;margin:.4em 0 .2em;padding:.25em .7em;font-size:.6em;font-weight:600}.d-inline-btn{max-width:92%;height:2.3em;color:var(--blue);background:#fffc;border-radius:.7em;place-items:center;font-size:.74em;font-weight:600;display:grid;position:relative;overflow:hidden}.d-inline-btn .d-ripple{background:#2457f538}.d-sheet{z-index:2;background:var(--band);border-radius:1.2em 1.2em 0 0;flex-direction:column;gap:.6em;padding:1.1em .85em .85em;display:flex;position:absolute;inset:1.9em 0 0;box-shadow:0 -.6em 1.6em -1em #0a0d1440}.d-handle{background:var(--line-2);border-radius:999px;width:2.6em;height:.25em;margin-left:-1.3em;position:absolute;top:.45em;left:50%}.d-app-top{justify-content:space-between;align-items:center;display:flex}.d-streak{border:1px solid var(--line);height:1.9em;color:var(--ink);background:#fff;border-radius:.5em;align-items:center;padding:0 .7em;font-size:.66em;font-weight:600;display:inline-flex}.d-counter{background:var(--ink);height:1.9em;color:var(--faint);border-radius:.5em;align-items:center;padding:0 .7em;font-size:.68em;font-weight:600;display:inline-flex}.d-counter>b{color:#fff;margin-right:.2em}.d-tags{align-items:center;gap:.45em;min-width:0;font-size:.64em;font-weight:600;display:flex}.d-tag{border:1px solid var(--line);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;background:#fff;border-radius:.45em;min-width:0;padding:.35em .65em;overflow:hidden}.d-tag-topic{color:var(--muted);white-space:nowrap;font-weight:500}.d-prompt{color:var(--muted);font-size:.68em}.d-qcard{border:1px solid var(--line);background:#fff;border-radius:.75em;padding:.85em;font-size:.8em;font-weight:500;line-height:2}.d-blank{background:var(--green-l);border-bottom:2px solid var(--green);min-width:6.5em;color:var(--green-d);vertical-align:baseline;border-radius:.35em .35em .15em .15em;padding:0 .4em;font-weight:700;line-height:1.6;display:inline-block}.d-hint{color:var(--faint)}.d-ok{background:var(--green-l);color:var(--green-d);transform-origin:20%;border-radius:.75em;align-items:center;gap:.5em;padding:.55em .75em;font-size:.8em;display:flex}.d-ok svg{flex:none;width:1.4em;height:1.4em}.d-why{border:1px solid var(--line);background:#fff;border-radius:.75em;gap:.2em;padding:.6em .75em;display:grid}.d-why b{color:var(--blue);font-size:.72em}.d-why>span{color:var(--ink);font-size:.68em;line-height:1.45}.d-app-bottom{height:2.6em;margin-top:auto;position:relative}.d-app-bottom .d-btn{height:auto;font-size:.8em;position:absolute;inset:0}.d-btn-check{opacity:0}.d-insight{border-radius:var(--r-lg);border:1px solid var(--line);transform-origin:30% 100%;background:#fff;align-items:center;gap:.6em;max-width:21.5em;padding:.55em .6em .55em .75em;display:flex;position:absolute;top:23.6em;left:1.2em;transform:translateZ(90px);box-shadow:0 1.4em 2.6em -1.4em #0a0d144d,0 .15em .4em #0a0d140a}.d-insight-ic{flex:none;place-items:center;width:1.6em;height:2.2em;display:grid}.d-insight-ic svg{fill:none;width:1.25em;height:1.25em;stroke:var(--ink);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.d-insight-tx{min-width:0;font-size:.76em;font-weight:600;line-height:1.3}.d-insight-cta{border-radius:var(--r);background:var(--blue);color:#fff;white-space:nowrap;flex:none;padding:.55em .8em;font-size:.72em;font-weight:600}@container (max-width:519px){.demo{font-size:3.63636cqw}.d-stage{width:27.5em;height:38em}.d-panel{width:21.5em;height:23.2em;top:0}.d-glow{inset:2.2em 0 .2em 1.4em}.d-phone{width:13.2em;height:27.6em;top:9.8em;right:0}.d-insight{flex-wrap:wrap;max-width:13.4em;top:25em;left:0}.d-insight-tx{flex:8em}.d-plane{--fx:8.5em;--fy:-2.4em;top:19.4em;left:9em}.d-map-topic{display:none}.d-seg{border-radius:1.2em;grid-template-columns:1fr}.d-seg-hl{border-radius:1em;width:auto;height:2.3em;bottom:auto;right:.22em}}@keyframes d-in{0%{opacity:0;transform:translateY(.7em)scale(.98)}to{opacity:1;transform:none}}@keyframes d-pop{0%{opacity:0;transform:scale(.6)}55%{opacity:1;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@keyframes d-pop-z{0%{opacity:0;transform:translateZ(90px)translateY(1em)scale(.85)}60%{opacity:1;transform:translateZ(90px)translateY(-.15em)scale(1.02)}to{opacity:1;transform:translateZ(90px)}}@keyframes d-rise-panel{0%{transform:translateY(1.4em)rotateX(6deg)}to{transform:translateZ(0)}}@keyframes d-rise-phone{0%{transform:translateZ(40px)translateY(2.4em)rotate(2deg)}to{transform:translateZ(40px)}}@keyframes d-scr-a{0%,88%{opacity:1;transform:none}to{opacity:0;transform:translateY(-.6em)scale(.985)}}@keyframes d-scr-b{0%{opacity:0;transform:translateY(.8em)}8%,92%{opacity:1;transform:none}to{opacity:0;transform:translateY(-.6em)scale(.985)}}@keyframes d-seg-hl{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}@keyframes d-seg-on{0%{color:var(--muted)}to{color:var(--ink)}}@keyframes d-focus{0%{border-color:var(--line-2);box-shadow:0 0 0 .25em #2457f500}10%,85%{border-color:var(--blue);box-shadow:0 0 0 .25em #2457f524}to{border-color:var(--line-2);box-shadow:0 0 0 .25em #2457f500}}@keyframes d-type{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes d-caret-move{0%{left:0}to{left:100%}}@keyframes d-caret-life{0%,to{opacity:0}4%,30%,60%,96%{opacity:1}45%,75%{opacity:.15}}@keyframes d-press{0%,to{transform:none}40%{transform:scale(.94)}}@keyframes d-ripple{0%{opacity:.6;transform:scale(0)}to{opacity:0;transform:scale(4)}}@keyframes d-spin{to{transform:rotate(360deg)}}@keyframes d-gone{0%,70%{opacity:1}to{opacity:0}}@keyframes d-draw{0%{stroke-dashoffset:14px}to{stroke-dashoffset:0}}@keyframes d-fly{0%{opacity:0;transform:translateZ(70px)translate(0)scale(.5)}14%{opacity:1;transform:translateZ(70px) translate(calc(var(--fx) * .12), calc(var(--fy) * .5)) scale(1)}60%{opacity:1;transform:translateZ(70px) translate(calc(var(--fx) * .72), calc(var(--fy) * 1.15)) scale(1)}to{opacity:0;transform:translateZ(70px) translate(var(--fx), var(--fy)) scale(.4)}}@keyframes d-bubble{0%{opacity:0;transform:translateY(1em)scale(.86)}to{opacity:1;transform:none}}@keyframes d-sheet{0%{transform:translateY(105%)}to{transform:none}}@keyframes d-blank-ok{0%{background:var(--blue-l);border-bottom-color:var(--blue);color:var(--ink)}to{background:var(--green-l);border-bottom-color:var(--green);color:var(--green-d)}}@keyframes d-check-life{0%{opacity:.45;transform:none}18%{opacity:1;transform:none}40%{opacity:1;transform:scale(.95)}55%{opacity:1;transform:none}80%{opacity:1}to{opacity:0}}@keyframes d-ring{0%{stroke-dashoffset:100px}to{stroke-dashoffset:17px}}@keyframes d-count{0%{--n:0}to{--n:10}}@keyframes d-bar{0%{transform:scaleX(0)}to{transform:none}}@keyframes d-col{0%{opacity:0;transform:scale(1.15)}to{opacity:1;transform:none}}.is-playing .d-panel{animation:d-rise-panel .9s var(--ease) both}.is-playing .d-phone{animation:d-rise-phone 1s .1s var(--ease) both}.is-playing .d-scr-a{animation:2.75s both d-scr-a}.is-playing .d-a1{animation:d-in .45s .25s var(--ease) both}.is-playing .d-seg-hl{animation:d-seg-hl .4s .65s var(--spring) both}.is-playing .d-seg-on{animation:.3s .7s both d-seg-on}.is-playing .d-input{animation:1.45s .85s both d-focus}.is-playing .d-type-topic{animation:.95s steps(15,end) .95s both d-type}.is-playing .d-caret-topic{animation:.95s steps(15,end) .95s both d-caret-move,1.3s .9s both d-caret-life}.is-playing .d-a4{animation:d-in .45s 1.95s var(--ease) both}.is-playing .d-btn-prep .d-ripple{animation:.6s ease-out 2.3s both d-ripple}.is-playing .d-scr-b{animation:5.6s 2.55s both d-scr-b}.is-playing .d-prep-1{animation:d-in .4s 2.75s var(--ease) both}.is-playing .d-prep-2{animation:d-in .4s 3.2s var(--ease) both}.is-playing .d-prep-3{animation:d-in .4s 3.65s var(--ease) both}.is-playing .d-prep-1 .d-spin{opacity:1;animation:.7s linear 2.75s both d-spin,.45s 2.75s both d-gone}.is-playing .d-prep-2 .d-spin{opacity:1;animation:.7s linear 3.2s both d-spin,.5s 3.2s both d-gone}.is-playing .d-prep-3 .d-spin{opacity:1;animation:.7s linear 3.65s both d-spin,.45s 3.65s both d-gone}.is-playing .d-prep-1 .d-prep-ok{animation:d-pop .4s 3.15s var(--ease) both}.is-playing .d-prep-2 .d-prep-ok{animation:d-pop .4s 3.65s var(--ease) both}.is-playing .d-prep-3 .d-prep-ok{animation:d-pop .4s 4.05s var(--ease) both}.is-playing .d-prep-1 .d-prep-ok path{animation:.3s ease-out 3.25s both d-draw}.is-playing .d-prep-2 .d-prep-ok path{animation:.3s ease-out 3.75s both d-draw}.is-playing .d-prep-3 .d-prep-ok path{animation:.3s ease-out 4.15s both d-draw}.is-playing .d-compo{animation:d-pop .45s 4.15s var(--ease) both}.is-playing .d-qrow-1{animation:d-in .4s 3.25s var(--ease) both}.is-playing .d-qrow-2{animation:d-in .4s 3.75s var(--ease) both}.is-playing .d-qrow-3{animation:d-in .4s 4.15s var(--ease) both}.is-playing .d-btn-approve{animation:d-in .4s 4.25s var(--ease) both, d-press .32s 4.6s ease-out}.is-playing .d-btn-approve .d-ripple{animation:.6s ease-out 4.62s both d-ripple}.is-playing .d-btn-prep{animation:d-in .4s .35s var(--ease) both, d-press .32s 2.28s ease-out}.is-playing .d-plane{animation:.75s cubic-bezier(.4,0,.3,1) 4.7s both d-fly}.is-playing .d-bubble{animation:d-bubble .5s 5.1s var(--spring) both}.is-playing .d-inline-btn{animation:d-in .4s 5.35s var(--ease) both, d-press .3s 5.75s ease-out}.is-playing .d-inline-btn .d-ripple{animation:.6s ease-out 5.75s both d-ripple}.is-playing .d-sheet{animation:d-sheet .6s 6s var(--ease) both}.is-playing .d-blank{animation:.35s 7.85s both d-blank-ok}.is-playing .d-type-answer{animation:.85s steps(15,end) 6.65s both d-type}.is-playing .d-caret-answer{animation:.85s steps(15,end) 6.65s both d-caret-move,1.1s 6.6s both d-caret-life}.is-playing .d-btn-check{animation:1.3s 7.25s both d-check-life}.is-playing .d-btn-check .d-ripple{animation:.6s ease-out 7.62s both d-ripple}.is-playing .d-ok{animation:d-pop .45s 7.85s var(--spring) both}.is-playing .d-ok path{animation:.35s ease-out 8s both d-draw}.is-playing .d-why{animation:d-in .5s 8.15s var(--ease) both}.is-playing .d-btn-next{animation:d-in .4s 8.4s var(--ease) both}.is-playing .d-streak{animation:d-pop .5s 8.75s var(--spring) both}.is-playing .d-scr-c{animation:d-in .55s 8.05s var(--ease) both}.is-playing .d-ring-fg{animation:d-ring 1.1s 8.2s var(--ease) both}.is-playing .d-count{animation:d-count 1.1s 8.2s var(--ease) both}.is-playing .d-bar i{animation:d-bar .9s 8.35s var(--ease) both}.is-playing .d-cell{animation:d-pop .35s calc(8.35s + var(--i) * 25ms) var(--ease) both}.is-playing .d-map-col{animation:d-col .45s 8.95s var(--ease) both}.is-playing .d-insight{animation:d-pop-z .6s 9.1s var(--ease) both}