.search-demo{--cycle:10s}.sd-results .ui-row{animation-name:sd-dim}@keyframes sd-dim{0%,50%{opacity:1}56%,90%{opacity:.3}95%,to{opacity:1}}.sd-results .ui-row.is-hit{animation-name:sd-hit}@keyframes sd-hit{0%,50%{background:0 0}56%,90%{background:var(--color-blue-50)}95%,to{background:0 0}}.sd-type{white-space:nowrap;vertical-align:bottom;max-width:0;animation-name:sd-type;animation-timing-function:steps(14,end);display:inline-block;overflow:hidden}@keyframes sd-type{0%,12%{max-width:0}30%,90%{max-width:34ch}95%,to{max-width:0}}.sd-answer{margin:var(--space-3)var(--space-4)var(--space-4);padding:var(--space-3)var(--space-4);border-radius:var(--radius-sm);background:var(--color-blue-50);color:var(--color-blue-800);font-size:var(--text-sm);gap:var(--space-2);animation-name:sd-answer;display:flex}.sd-answer svg{width:1rem;height:1rem;color:var(--color-blue-700);flex-shrink:0;margin-top:2px}@keyframes sd-answer{0%,44%{opacity:0;transform:translateY(6px)}50%,90%{opacity:1;transform:none}95%,to{opacity:0}}.hero-demo{--cycle:14s}.hero-demo .demo__window{grid-template-columns:minmax(0,1fr);display:grid}@media (min-width:640px){.hero-demo .demo__window{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}}.hd-doc{padding:var(--space-4);border-right:0;border-bottom:1px solid var(--color-line);background:var(--color-surface-2)}@media (min-width:640px){.hd-doc{border-bottom:0;border-right:1px solid var(--color-line)}}.hd-paper{border:1px solid var(--color-line);box-shadow:var(--shadow-sm);background:#fff;border-radius:4px;padding:14px 14px 18px;position:relative;overflow:hidden}.hd-paper__head{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.hd-paper__logo{background:var(--color-blue-200);border-radius:2px;width:56px;height:12px}.hd-line{background:var(--color-line);border-radius:3px;height:6px;margin-top:7px}.hd-line.w60{width:60%}.hd-line.w80{width:80%}.hd-line.w45{width:45%}.hd-line.w70{width:70%}.hd-line.w35{width:35%}.hd-line[data-anim=read]{animation-name:hd-read;animation-timing-function:step-end}.hd-line:first-child{animation-delay:.6s}.hd-line:nth-child(2){animation-delay:1s}.hd-line:nth-child(3){animation-delay:1.4s}.hd-line:nth-child(4){animation-delay:1.8s}.hd-line:nth-child(5){animation-delay:2.2s}.hd-line:nth-child(6){animation-delay:2.6s}@keyframes hd-read{0%{background:var(--color-line)}4%{background:var(--color-blue-300)}8%,92%{background:var(--color-ink-2)}96%,to{background:var(--color-line)}}.hd-total{border-top:1px solid var(--color-line);color:var(--color-muted);justify-content:space-between;margin-top:14px;padding-top:8px;font-size:11px;display:flex}.hd-total b{color:var(--color-ink);font-variant-numeric:tabular-nums}.hd-scan{background:var(--color-blue-500);height:2px;animation-name:hd-scan;animation-timing-function:var(--ease-inout);position:absolute;top:0;left:0;right:0;box-shadow:0 0 transparent}@keyframes hd-scan{0%{opacity:1;transform:translateY(0)}22%{opacity:1;transform:translateY(190px)}25%,to{opacity:0;transform:translateY(190px)}}.hd-status{margin-top:var(--space-3);font-size:var(--text-xs);color:var(--color-muted);align-items:center;gap:6px;display:inline-flex}.hd-status i{background:var(--color-blue-500);border-radius:50%;width:8px;height:8px;animation-name:hd-dot}@keyframes hd-dot{0%,22%{background:var(--color-blue-500)}25%,92%{background:var(--color-success)}96%,to{background:var(--color-blue-500)}}.hd-status .t1,.hd-status .t2{animation-timing-function:step-end}.hd-status .t1{animation-name:hd-t1}.hd-status .t2{animation-name:hd-t2;position:absolute}@keyframes hd-t1{0%,24%{opacity:1}25%,95%{opacity:0}96%,to{opacity:1}}@keyframes hd-t2{0%,24%{opacity:0}25%,95%{opacity:1}96%,to{opacity:0}}.hd-status{white-space:nowrap;position:relative}.hd-form{padding:var(--space-4);gap:var(--space-3);align-content:start;display:grid}.hd-form .ui-field,.hd-form .ui-chips{min-height:2.25rem}.hd-form,.hd-form>*,.hd-form>div>*,.hd-form .ui-field{min-width:0}.hd-form .ui-field{overflow:hidden}.hd-type{white-space:nowrap;vertical-align:bottom;max-width:0;animation-timing-function:steps(24,end);display:inline-block;overflow:hidden}.hd-type[data-anim=name]{animation-name:hd-type-name}@keyframes hd-type-name{0%,27%{max-width:0}36%,94%{max-width:44ch}97%,to{max-width:0}}.hd-type[data-anim=amount]{animation-name:hd-type-amount}@keyframes hd-type-amount{0%,37%{max-width:0}40%,94%{max-width:12ch}97%,to{max-width:0}}.hd-type[data-anim=date]{animation-name:hd-type-date}@keyframes hd-type-date{0%,40%{max-width:0}43%,94%{max-width:12ch}97%,to{max-width:0}}.hd-pop{animation-timing-function:var(--ease-out)}.hd-pop[data-anim=folder]{animation-name:hd-pop-folder}@keyframes hd-pop-folder{0%,45%{opacity:0;transform:translateY(6px)}49%,94%{opacity:1;transform:none}97%,to{opacity:0}}.hd-pop[data-anim=tag1]{animation-name:hd-pop-tag1}.hd-pop[data-anim=tag2]{animation-name:hd-pop-tag2}.hd-pop[data-anim=tag3]{animation-name:hd-pop-tag3}@keyframes hd-pop-tag1{0%,50%{opacity:0;transform:translateY(6px)}53%,94%{opacity:1;transform:none}97%,to{opacity:0}}@keyframes hd-pop-tag2{0%,53%{opacity:0;transform:translateY(6px)}56%,94%{opacity:1;transform:none}97%,to{opacity:0}}@keyframes hd-pop-tag3{0%,56%{opacity:0;transform:translateY(6px)}59%,94%{opacity:1;transform:none}97%,to{opacity:0}}.ui-chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.hd-search{border-top:1px solid var(--color-line);padding:var(--space-4);background:var(--color-surface);grid-column:1/-1}.hd-search .ui-input{margin-bottom:var(--space-3)}.hd-type[data-anim=query]{animation-name:hd-type-query;animation-timing-function:steps(16,end)}@keyframes hd-type-query{0%,64%{max-width:0}72%,94%{max-width:24ch}97%,to{max-width:0}}.hd-result{border:1px solid var(--color-line);border-radius:var(--radius-sm)}.hd-result .ui-row{animation-name:hd-dim}@keyframes hd-dim{0%,72%{opacity:1}76%,94%{opacity:.35}97%,to{opacity:1}}.hd-result .ui-row.is-hit{animation-name:hd-hit}@keyframes hd-hit{0%,72%{background:0 0}76%,94%{background:var(--color-blue-50)}97%,to{background:0 0}}.hd-result .ui-row>span{min-width:0}.hd-result .ui-row>span:nth-child(2){flex:auto}.hd-result .ui-row .ui-title{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.hd-result .ui-row.is-hit mark{color:inherit;background:0 0;animation-name:hd-mark}@keyframes hd-mark{0%,72%{background:0 0}76%,94%{background:var(--color-blue-200)}97%,to{background:0 0}}.hd-count{right:var(--space-4);animation-name:hd-count;animation-timing-function:step-end;position:absolute}@keyframes hd-count{0%,74%{opacity:0}76%,94%{opacity:1}97%,to{opacity:0}}.hd-search__head{font-size:var(--text-xs);color:var(--color-muted);margin-bottom:var(--space-2);justify-content:space-between;display:flex;position:relative}.scan-demo{--cycle:9s;padding:var(--space-4);justify-content:center;display:flex}.scan-phone{border-radius:var(--radius-xl);width:min(17rem,100%);padding:var(--space-3);background:#1c2430}.scan-view{aspect-ratio:9/16;border-radius:var(--radius-lg);background:#2a3442;position:relative;overflow:hidden}.scan-page{background:#f7f5f0;border-radius:2px;width:72%;height:66%;animation-name:scan-page;position:absolute;top:12%;left:14%;transform:rotate(-3deg)}@keyframes scan-page{0%,20%{transform:rotate(-3deg)translateY(0)}30%,62%{transform:rotate(0)translateY(0)}70%,to{transform:rotate(0)translateY(-140%)}}.scan-page i{background:#c9c5bb;border-radius:2px;height:3px;margin:9px 12px 0;display:block}.scan-page i:first-child{background:var(--color-blue-300);width:40%;height:6px;margin-top:14px}.scan-page i:nth-child(3){width:70%}.scan-page i:nth-child(5){width:55%}.scan-page i:nth-child(7){width:30%}.scan-corner{border:2.5px solid var(--color-blue-500);width:18px;height:18px;animation-name:scan-corner;animation-timing-function:var(--ease-out);position:absolute}.scan-corner.tl{border-bottom:0;border-right:0;top:9%;left:11%}.scan-corner.tr{border-bottom:0;border-left:0;top:9%;right:11%}.scan-corner.bl{border-top:0;border-right:0;bottom:19%;left:11%}.scan-corner.br{border-top:0;border-left:0;bottom:19%;right:11%}@keyframes scan-corner{0%,8%{opacity:0;transform:scale(1.4)}20%,62%{opacity:1;transform:scale(1)}70%,to{opacity:0}}.scan-corner.tl{--dx:4%}.scan-hint{text-align:center;color:#fff;font-size:11px;animation-name:scan-hint;animation-timing-function:step-end;position:absolute;top:4%;left:0;right:0}.scan-hint span{display:block;position:absolute;left:0;right:0}.scan-hint .h1{animation-name:hint-1}.scan-hint .h2{animation-name:hint-2}.scan-hint .h3{animation-name:hint-3}.scan-hint .h1,.scan-hint .h2,.scan-hint .h3{font:inherit;color:inherit;letter-spacing:0;animation-timing-function:step-end}@keyframes hint-1{0%,20%{opacity:1}21%,to{opacity:0}}@keyframes hint-2{0%,20%{opacity:0}21%,62%{opacity:1}63%,to{opacity:0}}@keyframes hint-3{0%,62%{opacity:0}63%,to{opacity:1}}.scan-shutter{background:rgba(255,255,255,.25);border:3px solid #fff;border-radius:50%;width:44px;height:44px;margin-left:-22px;animation-name:shutter;position:absolute;bottom:4%;left:50%}@keyframes shutter{0%,60%{background:rgba(255,255,255,.25);transform:scale(1)}63%{background:#fff;transform:scale(.85)}66%,to{background:rgba(255,255,255,.25);transform:scale(1)}}.scan-stack{align-items:flex-end;gap:4px;display:flex;position:absolute;bottom:5%;left:6%}.scan-stack b{width:22px;height:28px;animation-name:stack-in;animation-timing-function:var(--ease-out);background:#f7f5f0;border:1px solid #c9c5bb;border-radius:2px}.scan-stack b:nth-child(2){animation-name:stack-in-2}.scan-stack b:nth-child(3){animation-name:stack-in-3}@keyframes stack-in{0%,to{opacity:1}}@keyframes stack-in-2{0%,to{opacity:1}}@keyframes stack-in-3{0%,66%{opacity:0;transform:translateY(-40px)scale(1.6)}76%,to{opacity:1;transform:none}}.scan-count{color:#fff;white-space:nowrap;font-size:11px;position:absolute;bottom:8%;right:6%}.scan-count small{position:absolute;bottom:0;right:0}.scan-count .n2{animation-name:n2;animation-timing-function:step-end}.scan-count .n3{animation-name:n3;animation-timing-function:step-end}@keyframes n2{0%,75%{opacity:1}76%,to{opacity:0}}@keyframes n3{0%,75%{opacity:0}76%,to{opacity:1}}.scan-flash{opacity:0;background:#fff;animation-name:flash;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes flash{0%,62%{opacity:0}63%{opacity:.8}68%,to{opacity:0}}.hw-demo{--cycle:9s}.hw-receipt{border:1px solid var(--color-line);padding:var(--space-4);font-family:var(--font-mono);color:var(--color-ink-2);max-width:20rem;box-shadow:var(--shadow-sm);background:#fff;border-radius:4px;margin-left:auto;margin-right:auto;font-size:12px}.hw-receipt .row{justify-content:space-between;padding:3px 0;display:flex}.hw-receipt .row.total{border-top:1px dashed var(--color-line-2);color:var(--color-ink);margin-top:6px;padding-top:8px;font-weight:700}.hw-scribble{width:190px;height:44px;margin-top:6px;display:block}.hw-scribble path{fill:none;stroke:#2b3a8f;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:100px;animation-timing-function:linear}.hw-scribble .s1{animation-name:hw-s1}.hw-scribble .s2{animation-name:hw-s2}.hw-scribble .s3{animation-name:hw-s3}.hw-scribble .s4{animation-name:hw-s4}.hw-scribble .s5{animation-name:hw-s5}.hw-scribble .s6{animation-name:hw-s6}.hw-scribble .s7{animation-name:hw-s7}.hw-scribble .s8{animation-name:hw-s8}.hw-scribble .s9{animation-name:hw-s9}@keyframes hw-s1{0%{stroke-dashoffset:100px}2%,92%{stroke-dashoffset:0}96%,to{stroke-dashoffset:100px}}@keyframes hw-s2{0%,1%{stroke-dashoffset:100px}3.5%,92%{stroke-dashoffset:0}96%,to{stroke-dashoffset:100px}}@keyframes hw-s3{0%,2%{stroke-dashoffset:100px}5%,92%{stroke-dashoffset:0}96%,to{stroke-dashoffset:100px}}@keyframes hw-s4{0%,3%{stroke-dashoffset:100px}6.5%,92%{stroke-dashoffset:0}96%,to{stroke-dashoffset:100px}}@keyframes hw-s5{0%,4%{stroke-dashoffset:100px}8%,92%{stroke-dashoffset:0}96%,to{stroke-dashoffset:100px}}@keyframes hw-s6{0%,5%{stroke-dashoffset:100px}9.5%,92%{stroke-dashoffset:0}96%,to{stroke-dashoffset:100px}}@keyframes hw-s7{0%,6%{stroke-dashoffset:100px}11%,92%{stroke-dashoffset:0}96%,to{stroke-dashoffset:100px}}@keyframes hw-s8{0%,7%{stroke-dashoffset:100px}12.5%,92%{stroke-dashoffset:0}96%,to{stroke-dashoffset:100px}}@keyframes hw-s9{0%,8%{stroke-dashoffset:100px}15%,92%{stroke-dashoffset:0}96%,to{stroke-dashoffset:100px}}.hw-read{align-items:center;gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-3);border-radius:var(--radius-sm);background:var(--color-blue-50);color:var(--color-blue-800);font-family:var(--font-sans);font-size:var(--text-sm);animation-name:hw-read;display:flex}.hw-read svg{width:1rem;height:1rem;color:var(--color-blue-700);flex-shrink:0}@keyframes hw-read{0%,25%{opacity:0;transform:translateY(6px)}28%,92%{opacity:1;transform:none}96%,to{opacity:0}}.pd-dash{--cycle:9s}.pd-dash .n-old,.pd-dash .n-new{animation-timing-function:step-end}.pd-dash .n-old{animation-name:pd-old}.pd-dash .n-new{animation-name:pd-new}@keyframes pd-old{0%,44%{opacity:1}45%,95%{opacity:0}96%,to{opacity:1}}@keyframes pd-new{0%,44%{opacity:0}45%,95%{opacity:1}96%,to{opacity:0}}.pd-dash .ui-row.new{background:var(--color-blue-50);animation-name:pd-row;animation-timing-function:var(--ease-out)}@keyframes pd-row{0%,30%{opacity:0;max-height:0;padding-top:0;padding-bottom:0;transform:translateY(-8px)}42%,95%{opacity:1;max-height:4rem;padding-block:var(--space-2);transform:none}to{opacity:0;max-height:0;padding-top:0;padding-bottom:0}}.pd-dash .ui-row.new{overflow:hidden}.pd-dash .tick{animation-name:pd-tick}@keyframes pd-tick{0%,44%{background:var(--color-surface-2)}46%{background:var(--color-blue-100)}60%,to{background:var(--color-surface-2)}}.pd-import{--cycle:9s}.pd-type{white-space:nowrap;vertical-align:bottom;max-width:0;animation-name:pd-type;animation-timing-function:steps(22,end);display:inline-block;overflow:hidden}@keyframes pd-type{0%,12%{max-width:0}30%,93%{max-width:30ch}97%,to{max-width:0}}.pd-pop{animation-timing-function:var(--ease-out)}.pd-pop.f1{animation-name:pd-f1}.pd-pop.f2{animation-name:pd-f2}.pd-pop.f3{animation-name:pd-f3}.pd-pop.f4{animation-name:pd-f4}@keyframes pd-f1{0%,34%{opacity:0;transform:translateY(6px)}40%,93%{opacity:1;transform:none}97%,to{opacity:0}}@keyframes pd-f2{0%,42%{opacity:0;transform:translateY(6px)}47%,93%{opacity:1;transform:none}97%,to{opacity:0}}@keyframes pd-f3{0%,47%{opacity:0;transform:translateY(6px)}52%,93%{opacity:1;transform:none}97%,to{opacity:0}}@keyframes pd-f4{0%,52%{opacity:0;transform:translateY(6px)}57%,93%{opacity:1;transform:none}97%,to{opacity:0}}.pd-import .btn{animation-name:pd-press;animation-timing-function:step-end}@keyframes pd-press{0%,70%{background:var(--color-blue-600)}71%,74%{background:var(--color-blue-800)}75%,to{background:var(--color-blue-600)}}.pd-done{animation-name:pd-done;animation-timing-function:var(--ease-out)}@keyframes pd-done{0%,74%{opacity:0;transform:translateY(6px)}79%,93%{opacity:1;transform:none}97%,to{opacity:0}}.pd-chat{--cycle:10s}.pd-chat .bubble--me{animation-name:pd-q;animation-timing-function:var(--ease-out)}@keyframes pd-q{0%,to{opacity:1;transform:none}}.pd-chat .status{animation-name:pd-status;animation-timing-function:step-end}@keyframes pd-status{0%,34%{opacity:0}36%,54%{opacity:1}56%,to{opacity:0}}.pd-chat .a{animation-name:pd-a;animation-timing-function:var(--ease-out)}@keyframes pd-a{0%,56%{opacity:0;transform:translateY(8px)}62%,94%{opacity:1;transform:none}98%,to{opacity:0}}.pd-chat .src{animation-name:pd-src;animation-timing-function:var(--ease-out)}@keyframes pd-src{0%,66%{opacity:0}72%,94%{opacity:1}98%,to{opacity:0}}.share-demo{--cycle:10s}.share-demo .demo__window{grid-template-columns:minmax(0,1fr);display:grid}@media (min-width:640px){.share-demo .demo__window{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}.share-tree{padding:var(--space-3);border-bottom:1px solid var(--color-line)}@media (min-width:640px){.share-tree{border-bottom:0;border-right:1px solid var(--color-line)}}.share-tree .ui-folder.lvl2{padding-left:var(--space-8)}.share-tree .ui-folder[data-anim=select]{animation-name:folder-select;animation-timing-function:step-end}@keyframes folder-select{0%,12%{color:var(--color-ink-2);background:0 0}13%,92%{background:var(--color-blue-50);color:var(--color-blue-800);font-weight:500}93%,to{background:0 0}}.share-panel{padding:var(--space-4)}.share-panel h4{font-size:var(--text-sm);font-weight:var(--weight-semibold);margin-bottom:var(--space-3)}.member{align-items:center;gap:var(--space-3);padding:var(--space-2)0;border-bottom:1px solid var(--color-line);display:flex}.member .avatar{width:2rem;height:2rem;font-size:11px}.member .role{font-size:var(--text-xs);color:var(--color-muted);border:1px solid var(--color-line-2);border-radius:var(--radius-sm);white-space:nowrap;padding:2px 8px}.member .role:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:auto}.member .role:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:auto}.member .role:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:auto}.member .role:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.member .role:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.member .role:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.member.new{animation-name:member-in}@keyframes member-in{0%,40%{opacity:0;transform:translateY(6px)}48%,92%{opacity:1;transform:none}96%,to{opacity:0}}.member.new .role{animation-name:role;animation-timing-function:step-end}@keyframes role{0%,60%{color:var(--color-muted);background:0 0}61%,to{background:var(--color-blue-50);color:var(--color-blue-800);border-color:var(--color-blue-200)}}.share-input{margin-top:var(--space-3)}.share-type{white-space:nowrap;vertical-align:bottom;max-width:0;animation-name:share-type;animation-timing-function:steps(18,end);display:inline-block;overflow:hidden}@keyframes share-type{0%,18%{max-width:0}34%,40%{max-width:24ch}41%,to{max-width:0}}.share-done{margin-top:var(--space-3);font-size:var(--text-xs);color:var(--color-success);align-items:center;gap:6px;animation-name:share-done;display:flex}.share-done svg{width:14px;height:14px}@keyframes share-done{0%,66%{opacity:0}72%,92%{opacity:1}96%,to{opacity:0}}.sync-demo{--cycle:8s}.devices{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.device{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-lg);font-size:var(--text-xs);color:var(--color-muted);overflow:hidden}.device__head{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);border-bottom:1px solid var(--color-line);background:var(--color-surface-2);display:flex}.device__head b{color:var(--color-ink);font-weight:var(--weight-medium)}.device .state{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.device .state svg{width:12px;height:12px;color:var(--color-success)}.device .ui-row{padding:var(--space-2)var(--space-3);gap:var(--space-2)}.device .ui-thumb{width:1.5rem;height:1.9rem}.device .ui-thumb:before{box-shadow:0 4px 0 var(--color-line-2),0 8px 0 var(--color-line-2);top:6px;left:4px;right:4px}.device .ui-thumb:after{box-shadow:none;top:18px;left:4px}.device .ui-title{font-size:11px}.device .ui-row.new{background:var(--color-blue-50)}.device .ui-row.new .ui-sub{color:var(--color-blue-800)}.device[data-anim=d1] .ui-row.new{animation-name:dev-1}.device[data-anim=d2] .ui-row.new{animation-name:dev-2}.device[data-anim=d3] .ui-row.new{animation-name:dev-3}.device .state{animation-timing-function:step-end}.device[data-anim=d1] .state{animation-name:st-1}.device[data-anim=d2] .state{animation-name:st-2}.device[data-anim=d3] .state{animation-name:st-3}@keyframes dev-1{0%,8%{opacity:0;transform:translateY(-6px)}16%,92%{opacity:1;transform:none}96%,to{opacity:0}}@keyframes dev-2{0%,34%{opacity:0;transform:translateY(-6px)}42%,92%{opacity:1;transform:none}96%,to{opacity:0}}@keyframes dev-3{0%,48%{opacity:0;transform:translateY(-6px)}56%,92%{opacity:1;transform:none}96%,to{opacity:0}}@keyframes st-1{0%,16%{opacity:0}17%,92%{opacity:1}93%,to{opacity:0}}@keyframes st-2{0%,42%{opacity:0}43%,92%{opacity:1}93%,to{opacity:0}}@keyframes st-3{0%,56%{opacity:0}57%,92%{opacity:1}93%,to{opacity:0}}.sync-line{background:var(--color-blue-200);height:2px;margin:var(--space-4)10% 0;border-radius:1px;position:relative;overflow:hidden}.sync-line i{background:var(--color-blue-600);width:30%;animation-name:sync-move;animation-timing-function:var(--ease-inout);position:absolute;top:0;bottom:0}@keyframes sync-move{0%,16%{left:-30%}56%,to{left:100%}}@media (max-width:639px){.devices{grid-template-columns:1fr}.sync-line{display:none}}.inbox-demo{--cycle:11s}.inbox-demo .ui-row{animation-timing-function:var(--ease-out)}.inbox-demo .ui-row:first-child{animation-name:in-1}.inbox-demo .ui-row:nth-child(2){animation-name:in-2}.inbox-demo .ui-row:nth-child(3){animation-name:in-3}.inbox-demo .ui-row:nth-child(4){animation-name:in-4}@keyframes in-1{0%,to{opacity:1;transform:none}}@keyframes in-2{0%,to{opacity:1;transform:none}}@keyframes in-3{0%,to{opacity:1;transform:none}}@keyframes in-4{0%,28%{opacity:0;transform:translateY(-8px)}36%,95%{opacity:1;transform:none}to{opacity:0;transform:translateY(-8px)}}.inbox-demo .chip{animation-timing-function:var(--ease-out);flex:0 auto;min-width:0}.inbox-demo .chip>svg{flex:none}.inbox-demo .chip>span{text-overflow:ellipsis;min-width:0;overflow:hidden}.inbox-demo .ui-row:first-child .chip{animation-name:ch-1}.inbox-demo .ui-row:nth-child(2) .chip{animation-name:ch-2}.inbox-demo .ui-row:nth-child(3) .chip{animation-name:ch-3}.inbox-demo .ui-row:nth-child(4) .chip{animation-name:ch-4}@keyframes ch-1{0%,to{opacity:1;transform:none}}@keyframes ch-2{0%,to{opacity:1;transform:none}}@keyframes ch-3{0%,to{opacity:1;transform:none}}@keyframes ch-4{0%,34%{opacity:0;transform:translate(6px)}40%,to{opacity:1;transform:none}}.inbox-demo .ui-title{display:block}.inbox-demo .ui-row>span:nth-child(2){flex:1;min-width:0}.inbox-badge{margin-left:auto}.inbox-badge b{text-align:center;border-radius:var(--radius-full);background:var(--color-blue-600);color:#fff;min-width:1.5rem;font-size:11px;font-weight:var(--weight-semibold);padding:1px 6px;display:inline-block}.inbox-badge .b1{animation-name:b1}.inbox-badge .b2{animation-name:b2}.inbox-badge .b3{animation-name:b3}.inbox-badge .b4{animation-name:b4}.inbox-badge b{right:var(--space-4);animation-timing-function:step-end;position:absolute;top:50%;transform:translateY(-50%)}@keyframes b1{0%,to{opacity:0}}@keyframes b2{0%,to{opacity:0}}@keyframes b3{0%,28%{opacity:1}29%,to{opacity:0}}@keyframes b4{0%,28%{opacity:0}29%,96%{opacity:1}97%,to{opacity:0}}.inbox-demo .demo__bar{position:relative}@media (prefers-reduced-motion:reduce){.hero-demo .hd-scan{display:none}.hero-demo .hd-line[data-anim=read]{background:var(--color-ink-2)}.hero-demo .hd-status i{background:var(--color-success)}.hero-demo .hd-status .t1{opacity:0}.hero-demo .hd-status .t2{opacity:1}.hd-pop{opacity:1;transform:none}.hd-count{opacity:1}.hd-type,.sd-type{max-width:none}.hd-result .ui-row{opacity:.35}.hd-result .ui-row.is-hit{opacity:1;background:var(--color-blue-50)}.hd-result .ui-row.is-hit mark{background:var(--color-blue-200)}.sd-answer{opacity:1;transform:none}.sd-results .ui-row{opacity:.3}.sd-results .ui-row.is-hit{opacity:1;background:var(--color-blue-50)}.sync-demo .sync-line i{display:none}.device .ui-row.new{opacity:1;transform:none}.device .state{opacity:1}.scan-corner{opacity:1;transform:none}.scan-page{transform:none}.scan-hint .h1,.scan-hint .h2{opacity:0}.scan-hint .h3{opacity:1}.scan-stack b{opacity:1;transform:none}.scan-count .n2{opacity:0}.scan-count .n3{opacity:1}.hw-scribble path{stroke-dashoffset:0}.hw-read{opacity:1;transform:none}.share-tree .ui-folder[data-anim=select]{background:var(--color-blue-50);color:var(--color-blue-800);font-weight:500}.member.new{opacity:1;transform:none}.member.new .role{background:var(--color-blue-50);color:var(--color-blue-800);border-color:var(--color-blue-200)}.share-type{max-width:0}.share-done{opacity:1}.inbox-demo .ui-row,.inbox-demo .chip{opacity:1;transform:none}.inbox-badge b,.inbox-badge .b1,.inbox-badge .b2,.inbox-badge .b3{opacity:0}.inbox-badge .b4{opacity:1}.pd-dash .n-old{opacity:0}.pd-dash .n-new{opacity:1}.pd-dash .ui-row.new{opacity:1;max-height:none}.pd-type{max-width:none}.pd-pop,.pd-done,.pd-chat .a,.pd-chat .src,.pd-chat .bubble--me{opacity:1;transform:none}.pd-chat .status{opacity:0}}.pd-dash .pd-dash__list{height:8.25rem;overflow:hidden}@media (max-width:479px){.inbox-demo .ui-row{row-gap:var(--space-1);flex-wrap:wrap}.inbox-demo .ui-row>span:nth-child(2){flex:calc(100% - 3rem)}.inbox-demo .ui-row .chip{min-width:0;max-width:calc(100% - 8.5rem);margin-left:3rem}.inbox-demo .ui-row .ui-amount{margin-left:auto}.inbox-demo .ui-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}}