.demo-frame{background:var(--paper);width:100%;position:relative;overflow:hidden}.mini{transform-origin:0 0;transform:scale(var(--s,.84));background:var(--paper);color:var(--ink);font:13px/1.5 var(--sans);text-align:left;-webkit-font-smoothing:antialiased;user-select:none;pointer-events:none;position:absolute;top:0;left:0;overflow:hidden}.mini *,.mini :before,.mini :after{box-sizing:border-box}.mini p{margin:0}.mini [hidden]{display:none!important}.mini svg{display:block}.m-header{border-bottom:1px solid var(--line);align-items:center;gap:12px;height:48px;padding:0 10px 0 20px;display:flex;position:relative}.m-logo{font:600 22px/1 var(--sans);letter-spacing:-.035em;flex:none;align-items:center;gap:2px;display:flex}.m-logo svg{width:22px;height:22px}.m-logo path,.m-mark path{fill:none;stroke:var(--accent);stroke-width:5.4px;stroke-linecap:round;stroke-linejoin:round}.m-slash{color:var(--line-strong);flex:none;margin:0 -8px 0 -2px;font-size:18px;font-weight:300;line-height:1}.m-notepad{flex:none;align-items:center;gap:6px;height:30px;padding:0 8px;font-size:13.5px;font-weight:500;display:flex}.m-notepad svg{fill:none;width:10px;height:10px;stroke:var(--faint);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.m-mid{flex:1;justify-content:flex-end;align-items:center;gap:2px;min-width:0;display:flex}.m-icon{width:30px;height:30px;color:var(--muted);border-radius:8px;flex:none;place-items:center;transition:background-color .14s;display:grid}.m-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.m-icon.hot{color:var(--ink);background:var(--sunk)}.m-tools{background:var(--sunk);border-radius:10px;align-items:center;gap:2px;margin-right:6px;padding:3px;display:flex}.m-tools .m-icon{border-radius:7px;width:30px;height:28px;transition:background-color .2s,color .2s}.m-tools .m-icon.lit{color:var(--accent);background:var(--raised);box-shadow:0 1px 2px #3c2d1414}.m-tools i{background:var(--line-strong);width:1px;height:16px;margin:0 3px}.m-find{background:var(--paper);opacity:0;transition:opacity .2s ease, transform .26s var(--ease);align-items:center;gap:10px;padding:0 16px 0 20px;display:flex;position:absolute;inset:0;transform:translateY(-4px)}.m-find.open{opacity:1;transform:none}.m-find svg{fill:none;width:17px;height:17px;stroke:var(--muted);stroke-width:2px;stroke-linecap:round}.m-find-field{color:var(--ink);font-size:15px}.m-find-field:empty:before{content:"Search titles";color:var(--faint)}.m-eyebrow{height:18px;font:11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--faint);justify-content:space-between;align-items:center;display:flex}.m-eyebrow svg{fill:none;width:15px;height:15px;stroke:var(--muted);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.m-split{grid-template-columns:304px minmax(0,1fr);height:calc(100% - 48px);display:grid}.m-editor{background:var(--raised);border-right:1px solid var(--line);flex-direction:column;gap:4px;min-height:0;padding:20px 16px 16px 20px;display:flex}.m-title{min-height:42px;font:22px/1.35 var(--serif);letter-spacing:-.01em;color:var(--ink);padding:6px 0;position:relative}.m-title:empty:before,.m-title[data-empty]:before{content:"Title";color:var(--faint)}.m-details{flex:1;min-height:0;padding:2px 0;font-size:14px;line-height:1.6}.m-details:empty:before,.m-details[data-empty]:before{content:"Write anything.";color:var(--faint)}.m-footer{justify-content:flex-end;align-items:center;gap:10px;display:flex}.m-hint{text-align:right;font:11px var(--mono);color:var(--faint);flex-grow:1}.m-label{height:28px;font:500 12px var(--sans);color:var(--muted);align-items:center;gap:6px;margin-left:-9px;padding:0 10px 0 9px;display:inline-flex}.m-label i{width:9px;height:9px;box-shadow:inset 0 0 0 1.5px var(--line-strong);border-radius:50%}.m-add{height:32px;font:500 14px var(--sans);color:var(--accent-ink);background:var(--accent);transition:transform .14s var(--ease), background-color .14s ease;border-radius:9px;align-items:center;padding:0 14px;display:inline-flex}.m-add.press{background:var(--accent-hover);transform:scale(.95)}.m-line{align-items:center;gap:10px;min-height:22.4px;display:flex}.m-box{width:16px;height:16px;box-shadow:inset 0 0 0 1.5px var(--line-strong);transition:background-color .2s ease, box-shadow .2s ease, transform .42s var(--spring), opacity .16s ease;border-radius:5px;flex:none;place-items:center;display:grid}.m-box svg{fill:none;stroke:#fff;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;width:11px;height:11px;transition:stroke-dashoffset .26s var(--ease) .1s}.m-box.born{opacity:0;transform:scale(.4)}.m-done .m-box{background:var(--accent);box-shadow:inset 0 0 0 1.5px var(--accent)}.m-done .m-box svg{stroke-dashoffset:0}.m-text{white-space:pre;transition:color .3s .14s;position:relative}.m-text:after{content:"";transform-origin:0;height:1.2px;transition:transform .38s var(--glide) .16s;background:currentColor;position:absolute;top:54%;left:0;right:0;transform:scaleX(0)}.m-done .m-text{color:var(--faint)}.m-done .m-text:after{transform:scaleX(1)}.m-sym{color:var(--faint);transition:opacity .16s ease, transform .2s var(--ease)}.m-sym.gone{opacity:0;transform:scale(.7)}.m-num{min-width:14px;color:var(--faint);font-variant-numeric:tabular-nums;flex:none}.m-dot{background:var(--ink);border-radius:50%;flex:none;width:5px;height:5px;margin:0 5px}.m-h{font:500 19px/1.4 var(--serif);letter-spacing:-.01em;margin-top:8px}.mini strong{font-weight:640}.mini em{font-style:italic}.m-caret{vertical-align:-.16em;background:var(--accent);border-radius:1px;width:1.5px;height:1.05em;margin:0 -.75px;animation:1.1s ease-in-out infinite m-breathe;display:inline-block}@keyframes m-breathe{0%,45%{opacity:1}55%,to{opacity:0}}.m-list{flex-direction:column;min-height:0;display:flex}.m-bar{justify-content:space-between;align-items:center;height:40px;padding:6px 10px 0 24px;display:flex}.m-rows{flex-direction:column;margin:4px 8px 16px 12px;padding:4px;display:flex}.m-rows:has(.m-row){background:var(--raised);box-shadow:var(--shadow-card);border-radius:12px}.m-row{border-radius:8px;flex-direction:column;gap:2px;padding:10px 14px;display:flex;position:relative}.m-row+.m-row:before{content:"";background:linear-gradient(90deg, transparent, var(--line) 36px, var(--line) calc(100% - 36px), transparent);height:1px;position:absolute;top:0;left:10px;right:10px}.m-eye{align-items:center;gap:6px;min-width:0;height:20px;display:flex}.m-row-line{align-items:center;gap:8px;min-width:0;display:flex}.m-row-grid{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3px 12px;display:grid}.m-row-grid>.m-row-title{grid-area:1/1;min-width:0}.m-row-grid>.m-date{grid-area:1/2;justify-self:end}.m-row-grid>.m-row-line{grid-area:2/1;min-height:20px}.m-row-grid>.m-row-tags{grid-area:2/2;justify-self:end;align-items:center;gap:6px;min-width:0;display:flex}.m-row-tags>.m-pill{min-width:0;max-width:120px}.m-row-line .m-preview{flex:1;min-width:0;max-height:1.5em}.m-row-line .m-preview>*{white-space:nowrap;text-overflow:ellipsis;flex:none;overflow:hidden}.m-row-line .m-preview>:not(:first-child){display:none}.m-card .m-eye{margin-top:auto;padding-top:6px}.m-eye .m-date{margin-left:auto}.m-pill{isolation:isolate;height:20px;font:500 11.5px/1 var(--sans);border-radius:999px;align-items:center;padding:0 8px;display:inline-flex;position:relative}.m-pill:before{content:"";z-index:-1;border-radius:inherit;background:var(--pill);opacity:.14;position:absolute;inset:0}.m-pill span{color:var(--pill);filter:brightness(var(--label-ink))}.m-row-title{min-width:0;font:17px/1.3 var(--serif);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.m-badge{font:11px/1.5 var(--mono);color:var(--muted);background:var(--sunk);border-radius:999px;flex:none;align-items:center;gap:3px;padding:1px 7px;display:inline-flex}.m-badge svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:10px;height:10px}.m-date{font:10.5px var(--mono);color:var(--faint);flex:none}.m-preview{max-height:3em;color:var(--muted);overflow-wrap:anywhere;flex-direction:column;margin:0;font-size:13px;line-height:1.5;display:flex;overflow:hidden}.m-row.arriving{animation:m-arrive .52s var(--glide) both}@keyframes m-arrive{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}.m-row.leaving{opacity:0;transition:opacity .26s}.m-cards{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:12px;padding:10px 18px 88px 24px;display:grid;position:relative}.m-bar-full{justify-content:flex-start;gap:14px;padding-left:24px}.m-dock.m-dock-wide{left:100px;right:100px}.m-card{background:var(--raised);box-shadow:var(--shadow-card);transition:box-shadow .22s ease, opacity .22s ease, scale .26s var(--ease), rotate .26s var(--ease), translate .34s var(--spring);border-radius:12px;flex-direction:column;gap:6px;padding:13px 14px 13px 16px;display:flex}.m-card .m-row-title{-webkit-line-clamp:2;white-space:normal;-webkit-box-orient:vertical;font-size:18px;line-height:1.25;display:-webkit-box}::highlight(leaf-search){color:#1f1c17;background-color:#f6c4406b}.m-card .m-lines{max-height:6em;color:var(--muted);flex-direction:column;font-size:13px;line-height:1.5;display:flex;overflow:hidden}.m-task{align-items:center;gap:8px;display:flex}.m-box{width:11px;height:11px;box-shadow:inset 0 0 0 1.3px var(--line-strong);border-radius:3px;flex:none}.m-task.done{color:var(--faint);text-decoration:line-through;text-decoration-color:var(--line-strong)}.m-task.done .m-box{background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M2 5.2l2 2 4-4.4' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 8px no-repeat;box-shadow:none}.m-card{rotate:0deg;scale:1}.m-card.m-held{opacity:.32}.m-card.m-landing{opacity:0;transition:none}.m-card.m-carry{z-index:4;transform-origin:0 0;box-shadow:var(--shadow-float);pointer-events:none;position:absolute}.m-card.m-lean-l{translate:-6px;rotate:-.5deg}.m-card.m-lean-r{translate:6px;rotate:.5deg}.m-stitch{background:repeating-linear-gradient(to bottom, var(--faint) 0 3px, transparent 3px 7px);opacity:0;pointer-events:none;width:2px;transition:opacity .14s;position:absolute}.m-stitch.m-across{z-index:1;background:repeating-linear-gradient(to right, var(--faint) 0 3px, transparent 3px 7px);width:auto;height:2px}.m-stitch.on{opacity:.8}.m-card-inner{display:contents}.m-card.fading{opacity:0}.m-ldot{background:var(--dot,transparent);width:8px;height:8px;box-shadow:inset 0 0 0 1.5px var(--dot,var(--line-strong));border-radius:50%;flex:none;display:inline-block}.m-filter{height:30px;font:500 12.5px var(--sans);color:var(--muted);border-radius:8px;align-items:center;gap:6px;margin-right:6px;padding:0 8px 0 10px;display:inline-flex}.m-filter svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.m-filter-lines{width:13px;height:13px}.m-filter-chevron{opacity:.7;width:10px;height:10px}.m-count{flex:1}.m-bar-full{padding-right:24px}.m-seg{grid-template-columns:repeat(var(--count,3), minmax(0, 1fr));background:var(--sunk);border-radius:8px;flex:none;margin-right:2px;padding:2px;display:grid;position:relative}.m-seg-thumb{width:calc((100% - 4px) / var(--count,3));background:var(--raised);box-shadow:var(--shadow-card);transform:translateX(calc(100% * var(--index,0)));border-radius:6px;position:absolute;top:2px;bottom:2px;left:2px}.m-seg-option{height:24px;font:500 12px var(--sans);color:var(--muted);justify-content:center;align-items:center;gap:5px;padding:0 9px;display:inline-flex;position:relative}.m-seg-option.on{color:var(--ink)}.m-seg.icon-only .m-seg-text{display:none}.m-seg-option svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linejoin:round;width:13px;height:13px}.m-board{align-items:stretch;gap:24px;padding:10px 18px 0 40px;display:flex;position:relative}.m-newcol{width:24px;height:24px;color:var(--faint);justify-content:center;align-items:center;display:flex;position:absolute;top:15px;left:8px}.m-newcol svg{width:12px;height:12px}.m-newcol:after{content:"";background:repeating-linear-gradient(to bottom, var(--faint) 0 3px, transparent 3px 7px);opacity:.5;width:2px;height:40px;position:absolute;top:24px;left:11px;mask-image:linear-gradient(#000,#0000)}.m-lane{background:color-mix(in srgb, var(--sunk) 55%, transparent);width:224px;transition:box-shadow .22s ease, background-color .22s ease, scale .26s var(--ease), rotate .26s var(--ease);border-radius:12px;flex-direction:column;flex:none;margin:0 -8px;padding:0 8px 14px;display:flex;position:relative}.m-lane:not(.moving){background:color-mix(in srgb, var(--dot) 14%, color-mix(in srgb, var(--sunk) 55%, var(--paper)))}.m-board-seeded .m-lane:not(.m-spine){width:200px}.m-lane.m-spine{align-items:center;gap:6px;width:36px;padding:13px 0 14px}.m-spine-name{font:600 12.5px var(--sans);white-space:nowrap;writing-mode:vertical-rl;padding:4px 3px}.m-lane.moving{z-index:4;background:var(--paper);box-shadow:var(--shadow-float);rotate:-.6deg}.m-lane-head{flex:none;align-items:center;gap:7px;height:34px;padding:0 4px 0 6px;display:flex}.m-lane-name{font:600 12.5px var(--sans)}.m-lane-count{font:11px var(--mono);color:var(--faint);display:inline-block}.m-lane-cards{flex-direction:column;gap:8px;display:flex}.m-bcard{background:color-mix(in srgb, var(--raised) 88%, transparent);height:104px;box-shadow:var(--shadow-card);transition:box-shadow .22s ease, opacity .14s ease, translate .34s var(--spring);border-radius:12px;flex-direction:column;flex:none;gap:3px;padding:10px 12px 9px;display:flex;position:relative;overflow:hidden}.m-bcard.m-held{opacity:.32}.m-bcard.m-landing{opacity:0;transition:none}.m-bcard.m-carry{z-index:6;background:var(--raised);transform-origin:0 0;box-shadow:var(--shadow-float);pointer-events:none;position:absolute}.m-bcard.m-lean-u{translate:0 -4px}.m-bcard.m-lean-d{translate:0 4px}.m-bcard-title{font:500 16px/1.3 var(--serif);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.m-bcard-title:before{content:"";vertical-align:.12em;background:var(--dot,transparent);width:7px;height:7px;box-shadow:inset 0 0 0 1.5px var(--dot,var(--line-strong));transition:background-color var(--fast) ease, box-shadow var(--fast) ease;border-radius:50%;margin-right:.42em;display:inline-block}.m-bcard-preview{-webkit-line-clamp:2;line-clamp:2;color:var(--muted);overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.m-bcard-preview>span{display:block}.m-bcard-preview>.m-task{text-indent:-17px;padding-left:17px}.m-bcard-preview .m-box{vertical-align:-1px;text-indent:0;width:10px;height:10px;margin-right:7px;display:inline-block}.m-bcard-foot{align-items:center;gap:6px;margin-top:auto;display:flex}.m-bcard-date{font:10.5px var(--mono);color:var(--faint);margin-left:auto}.m-bcard-progress{height:17px;font:10px var(--mono);color:var(--muted);background:var(--sunk);border-radius:999px;align-items:center;padding:0 6px;display:inline-flex}.m-bcard-progress.complete{color:var(--accent);background:var(--accent-soft)}.m-edgetab{font:11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:var(--raised);box-shadow:var(--shadow-card);writing-mode:vertical-rl;flex-direction:row;align-items:center;gap:10px;padding:14px 8px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.m-edgetab.left{border-radius:0 12px 12px 0;left:0}.m-edgetab svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.m-edgetab.right{border-radius:12px 0 0 12px;right:0}.m-edgetab b{width:18px;height:18px;font:600 10px var(--sans);color:var(--accent-ink);background:var(--accent);writing-mode:horizontal-tb;border-radius:50%;place-items:center;display:grid}.m-full{background:var(--raised);flex-direction:column;height:calc(100% - 48px);padding:28px 120px 16px;display:flex}.m-full .m-title{min-height:52px;font-size:30px}.m-full .m-details{font-size:14px}.m-panel-rows{margin:4px 8px 0}.m-dock{background:var(--raised);height:52px;box-shadow:var(--shadow-float);transition:height .48s var(--glide);border-radius:12px;flex-direction:column;display:flex;position:absolute;bottom:14px;left:10px;right:10px;overflow:hidden}.m-dock.open{height:268px}.m-dock-bar{flex:none;align-items:center;gap:12px;height:52px;padding:0 12px;transition:opacity .18s;display:flex}.m-dock.open .m-dock-bar{opacity:0}.m-plus{width:28px;height:28px;color:var(--accent-ink);background:var(--accent);border-radius:7px;flex:none;place-items:center;display:grid}.m-plus svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;width:13px;height:13px}.m-dock-label{font:17px var(--serif);color:var(--faint)}.m-composer{opacity:0;flex-direction:column;gap:4px;padding:16px 12px 12px 18px;transition:opacity .22s;display:flex;position:absolute;inset:0}.m-dock.open .m-composer{opacity:1;transition-delay:.14s}.m-cursor{z-index:20;will-change:transform;width:20px;height:24px;margin:-2px 0 0 -2px;transition-property:transform,opacity;transition-duration:.6s,.3s;transition-timing-function:cubic-bezier(.35,.1,.2,1),ease;position:absolute;top:0;left:0}.m-cursor svg{filter:drop-shadow(0 1.5px 2px #1e190f47);transform-origin:3px 2px;width:20px;height:24px;transition:transform .12s var(--ease);overflow:visible}.m-cursor path{fill:#fff;stroke:#1d1c19;stroke-width:1.3px;stroke-linejoin:round}.m-cursor.down svg{transform:scale(.86)}.m-cursor.away{opacity:0}.m-ring{z-index:19;background:var(--accent-soft);pointer-events:none;width:28px;height:28px;animation:m-ring .48s var(--glide) forwards;border-radius:50%;margin:-14px 0 0 -14px;position:absolute;top:0;left:0}@keyframes m-ring{0%{opacity:1;scale:.3}to{opacity:0;scale:1.3}}.m-reading{animation:9s ease-in-out infinite alternate m-read}@keyframes m-read{to{transform:translateY(-46px)}}@media (prefers-reduced-motion:reduce){.m-caret,.m-reading{animation:none}}.m-tree{flex-direction:column;display:flex;position:absolute;inset:88px 0 0}.m-tstage{flex-grow:1;min-height:0;margin-bottom:72px;position:relative}.m-twrap canvas,.m-corner{transition:opacity .42s var(--ease)}.m-tree.resting canvas,.m-tree.resting .m-corner{opacity:0}.m-twrap canvas{width:100%;height:100%;display:block}.m-corner{font:11px/14px var(--mono);letter-spacing:.04em;color:var(--faint);font-variant-numeric:tabular-nums;position:absolute;bottom:13px;left:14px}.m-toggle{height:26px;font:500 12px var(--sans);color:var(--muted);background:var(--raised);box-shadow:var(--shadow-card);border-radius:999px;align-items:center;gap:6px;padding:0 10px;display:inline-flex;position:absolute;bottom:12px;right:14px}.m-toggle svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;width:13px;height:13px}.m-ttip{z-index:3;max-width:240px;color:var(--paper);background:var(--ink);box-shadow:var(--shadow-float);animation:m-tip .16s var(--ease);border-radius:8px;flex-direction:column;gap:1px;margin:14px 0 0 14px;padding:7px 10px;font-size:12px;line-height:1.35;display:flex;position:absolute}.m-ttip.left{animation:none;transform:translate(calc(-100% - 28px))}@keyframes m-tip{0%{opacity:0;transform:translateY(3px)}}.m-ttip .t1{white-space:nowrap;font-weight:500}.m-ttip .t2{opacity:.72}.m-ttip .t3{opacity:.5;margin-top:2px;font-size:11px}.m-ttip .t3:empty{display:none}.m-tuck{z-index:12;pointer-events:none;position:absolute}.m-tuck-paper,.m-tuck-old,.m-tuck-new{position:absolute}.m-tuck-paper,.m-tuck-new{inset:0}.m-tuck-paper{background:var(--raised);border-radius:10px}.m-tuck-paper:after{content:"";border-radius:inherit;box-shadow:0 0 0 1px var(--line), 0 14px 36px -14px #3c2d1461;opacity:0;position:absolute;inset:0}.m-tuck-new>.m-row:before{display:none}.m-ldot{position:relative}.m-dot-ring{box-shadow:0 0 0 1.5px var(--dot,var(--line-strong));pointer-events:none;border-radius:50%;position:absolute;inset:0}.m-sym.gone{filter:blur(1.5px)}.m-box.born{transform:scale(.35)rotate(-25deg)}.m-line .m-box{position:relative}.m-line .m-box:before{content:"";border-radius:inherit;background:var(--accent);opacity:0;transition:transform .26s var(--spring), opacity .12s ease;position:absolute;inset:0;transform:scale(.3)}.m-line .m-box svg{position:relative}.m-done .m-box{background:0 0}.m-done .m-box:before{opacity:1;transform:none}.m-tag{color:var(--accent);background-color:#1f6b4514;border-radius:4px;font-weight:500}.m-tag-sweep{background-image:linear-gradient(var(--accent-soft), var(--accent-soft));animation:m-tag-sweep .62s var(--ease) both;background-repeat:no-repeat}@keyframes m-tag-sweep{0%{background-position:0 0;background-size:0% 100%}50%{background-position:0 0;background-size:100% 100%}to{background-position:100% 0;background-size:0% 100%}}.m-card .m-task.done{text-decoration:none}.m-task-text{background-image:linear-gradient(var(--line-strong), var(--line-strong));transition:color .22s ease, background-size .36s var(--ease) 90ms;background-position:0 58%;background-repeat:no-repeat;background-size:0% 1px}.m-task.done .m-task-text{background-size:100% 1px}.m-card .m-box{transition:background-color .2s,box-shadow .2s;position:relative}.m-badge{transition:color .22s,background-color .22s}.m-badge.complete{color:var(--accent);background:var(--accent-soft)}.m-badge-icon{width:10px;height:10px;display:inline-grid;position:relative}.m-badge-icon>svg{transition:opacity .14s ease, transform .22s var(--spring);grid-area:1/1}.m-badge-mark{opacity:0;transform:scale(.4)rotate(-40deg)}.m-badge .m-badge-mark path{stroke-width:6px}.m-badge.complete .m-badge-icon>svg:first-child{opacity:0;transform:scale(.4)}.m-badge.complete .m-badge-mark{opacity:1;transition-delay:80ms;transform:none}.m-burst i{background:var(--accent);opacity:0;border-radius:0 100%;width:10px;height:10px;position:absolute;top:0;left:0}.m-burst i:nth-child(2){background:var(--label-sage)}.m-burst i:nth-child(3){background:var(--label-moss,#6b8a2e)}.m-burst i:first-child{animation:m-drift-1 1.2s var(--ease) 60ms both}.m-burst i:nth-child(2){animation:m-drift-2 1.3s var(--ease) .15s both}.m-burst i:nth-child(3){animation:m-drift-3 1.15s var(--ease) .23s both}@keyframes m-drift-1{0%{opacity:0;transform:translateY(3px)rotate(0)scale(.5)}20%{opacity:1}to{opacity:0;transform:translate(-12px,-32px)rotate(-70deg)scale(1)}}@keyframes m-drift-2{0%{opacity:0;transform:translateY(3px)rotate(0)scale(.5)}20%{opacity:1}to{opacity:0;transform:translate(7px,-40px)rotate(60deg)scale(.9)}}@keyframes m-drift-3{0%{opacity:0;transform:translateY(3px)rotate(0)scale(.5)}20%{opacity:1}to{opacity:0;transform:translate(24px,-28px)rotate(120deg)scale(.8)}}