.sp{--sp-butter:#ffe3ae;--sp-ink:#111;--sp-cream:#fffdf8;--sp-oatmeal:#eeeae1;--sp-coral:#f28c78;--sp-lilac:#c8beee;--sp-mint:#cbeecf;--sp-sky:#b8ccf0;--sp-spark:#f6be2c;--sp-violet:#6f5dc9;--sp-muted:#55534e;--sp-grad-sun:linear-gradient(150deg,#ffe3ae 0%,#fcc9a2 100%);--sp-grad-dusk:linear-gradient(150deg,#dcc4f6 0%,#b8ccf0 100%);--sp-grad-night:linear-gradient(180deg,#3f3591 0%,#6c5bc4 42%,#b49be6 74%,#f7d2c4 100%);--sp-card:#ffffffa8;--sp-card-line:#fffffff2;--sp-shadow:0 1px 2px #1111110a,0 24px 48px -28px #60489659;--sp-radius:28px;--sp-wrap:1240px;min-height:100vh;color:var(--sp-ink);background:radial-gradient(60vw 50vw at 0 0,#ffd6be8c,#0000 70%),radial-gradient(50vw 40vw at 100% 35%,#c8beee59,#0000 70%),radial-gradient(60vw 40vw at 0 85%,#ffe3ae59,#0000 70%),#fdf5ef;overflow-x:clip}.sp *{box-sizing:border-box}.sp a{text-decoration:none}.sp-wrap{width:100%;max-width:var(--sp-wrap);margin-inline:auto;padding-inline:20px}@media (min-width:768px){.sp-wrap{padding-inline:32px}}.sp-i{width:18px;height:18px}.sp-display{letter-spacing:-.045em;font-size:clamp(2.75rem,1.4rem + 5.6vw,5.25rem);font-weight:800;line-height:.98}.sp-display-sm{font-size:clamp(2.25rem,1.3rem + 3.6vw,3.75rem)}.sp-h2{letter-spacing:-.035em;font-size:clamp(1.75rem,1.2rem + 2vw,2.75rem);font-weight:800;line-height:1.05}.sp-h3{letter-spacing:-.015em;font-size:1.125rem;font-weight:700;line-height:1.25}.sp-lead{color:var(--sp-muted);max-width:34ch;font-size:clamp(1.0625rem,.95rem + .5vw,1.3125rem);line-height:1.5}.sp-body-lg{color:var(--sp-muted);max-width:56ch;font-size:1.0625rem;line-height:1.55}.sp-underline{white-space:nowrap;display:inline-block;position:relative}.sp-swoosh{width:104%;height:.2em;color:var(--sp-spark);position:absolute;bottom:-.14em;left:-2%;overflow:visible}.sp-logo{letter-spacing:-.04em;color:var(--sp-ink);align-items:center;gap:.4em;font-size:1.5rem;font-weight:800;line-height:1;display:inline-flex}.sp-mark{--m:1.3em;width:var(--m);height:var(--m);border-radius:calc(var(--m) * .28);background:var(--sp-ink);place-content:center;gap:calc(var(--m) * .1);grid-template-columns:auto auto;display:grid}.sp-mark i{width:calc(var(--m) * .25);height:calc(var(--m) * .25);background:#fff;border-radius:50%}.sp-logo.on-night{color:#fff}.sp-logo.on-night .sp-mark{background:#fff}.sp-logo.on-night .sp-mark i{background:var(--sp-ink)}.sp-btn{letter-spacing:-.01em;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:8px;height:42px;padding:0 18px;font-size:.9375rem;font-weight:700;transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s cubic-bezier(.2,.8,.2,1),background .2s;display:inline-flex}.sp-btn-lg{height:54px;padding:0 26px;font-size:1.0625rem}.sp-btn-ink{background:var(--sp-ink);color:#fff}.sp-btn-ink:hover{transform:translateY(-1px);box-shadow:0 12px 24px -12px #11111180}.sp-btn-ghost{color:var(--sp-ink)}.sp-btn-ghost:hover{background:#ffffffb3}.sp-btn-light{color:var(--sp-ink);background:#fff}.sp-btn-light:hover{transform:translateY(-1px);box-shadow:0 12px 28px -12px #140a3c8c}.sp-btn:focus-visible{outline:2px solid var(--sp-ink);outline-offset:3px}.sp-night .sp-btn:focus-visible{outline-color:#fff}.sp-nav{z-index:2;justify-content:space-between;align-items:center;gap:12px;padding-top:20px;padding-bottom:12px;display:flex;position:relative}.sp-nav-logo{border-radius:10px}.sp-nav-links{align-items:center;gap:4px;display:flex}@media (max-width:420px){.sp-nav .sp-btn{padding:0 14px;font-size:.875rem}}.sp-sparkle{fill:var(--sp-spark);pointer-events:none;animation:4.8s ease-in-out infinite sp-twinkle;position:absolute}@keyframes sp-twinkle{0%,to{transform:scale(1)rotate(0)}50%{transform:scale(.82)rotate(12deg)}}.sp-planet,.sp-clouds,.sp-orbit{pointer-events:none;position:absolute}.sp-hero{align-items:center;gap:40px;padding-top:40px;padding-bottom:40px;display:grid;position:relative}.sp-hero-copy{z-index:1;flex-direction:column;gap:24px;display:flex;position:relative}.sp-cta-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sp-hero-spark-a{width:22px;top:6px;right:24px}.sp-hero-spark-b{width:14px;animation-delay:-2s;top:40px;right:8px}.sp-hero-art{padding:28px 0 0;position:relative}.sp-hero-planet{z-index:2;width:min(26%,150px);top:-14%;right:-2%;transform:rotate(-6deg)}.sp-hero-art:after{content:"";z-index:0;filter:blur(10px);pointer-events:none;background:radial-gradient(closest-side,#c8beeebf,#fcd6c473 60%,#0000);border-radius:50%;height:46%;position:absolute;bottom:-14%;left:-6%;right:-6%}@media (min-width:1024px){.sp-hero{grid-template-columns:5fr 7fr;gap:24px;padding-top:56px;padding-bottom:72px}.sp-hero-spark-a{width:30px;top:28px;left:40%;right:auto}.sp-hero-spark-b{width:18px;top:84px;left:44%;right:auto}}.sp-laptop{z-index:1;width:100%;max-width:760px;margin-inline:auto;position:relative;container-type:inline-size}.sp-screen{aspect-ratio:16/10;background:#fff8ec;border:1.1em solid #1c1b22;border-bottom-width:1.6em;border-radius:1.6em 1.6em 0 0;grid-template-columns:13em 1fr;font-size:1.75cqw;display:grid;position:relative;overflow:hidden;box-shadow:0 30px 60px -30px #3c286e80}.sp-base{background:linear-gradient(#e9e3f4,#cfc6e3);border-radius:0 0 3cqw 3cqw;height:3.4cqw;margin:0 -5%;position:relative;box-shadow:0 18px 30px -18px #3c286e73}.sp-base:before{content:"";background:#bdb3d6;border-radius:0 0 1cqw 1cqw;width:16%;height:40%;position:absolute;top:0;left:50%;transform:translate(-50%)}.sp-screen svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1.15em;height:1.15em}.sp-m-side{background:#fff;border-right:1px solid #f0eadf;flex-direction:column;gap:.35em;padding:1.3em 1em;display:flex}.sp-m-logo{letter-spacing:-.04em;align-items:center;gap:.45em;margin:0 0 .8em .35em;font-size:1.15em;font-weight:800;display:flex}.sp-mark-xs{--m:1.15em}.sp-m-nav{color:#3b3a36;border-radius:.7em;align-items:center;gap:.6em;padding:.5em .7em;font-weight:600;display:flex}.sp-m-nav.is-active{background:var(--sp-ink);color:#fff}.sp-m-label{letter-spacing:.06em;text-transform:uppercase;color:#8c8a84;margin:.9em 0 .1em .9em;font-size:.75em;font-weight:700}.sp-m-new{border:1.5px solid var(--sp-ink);border-radius:999px;align-self:flex-start;align-items:center;gap:.4em;margin-top:auto;padding:.55em .9em;font-size:.92em;font-weight:700;display:inline-flex}.sp-m-main{background:linear-gradient(160deg,#fff6e2,#fff1ea);flex-direction:column;min-width:0;padding:1.6em 1.8em;display:flex}.sp-m-greet{letter-spacing:-.04em;align-items:center;gap:.4em;font-size:1.85em;font-weight:800;line-height:1.1;display:inline-flex;position:relative}.sp-m-greet .sp-sparkle{width:.7em;height:.7em;position:static}.sp-m-sub{color:#7a776f;margin:.35em 0 1.2em;font-weight:500}.sp-m-grid{flex:1;grid-template-columns:1fr 1fr 1fr;gap:.9em;min-height:0;display:grid}.sp-m-card{background:#fff;border-radius:1em;flex-direction:column;gap:.55em;min-width:0;padding:1em 1.1em;display:flex;overflow:hidden;box-shadow:0 1px 2px #1111110d,0 10px 20px -14px #3c286e4d}.sp-m-span-2{grid-column:span 2}.sp-m-card-title{letter-spacing:-.02em;margin-bottom:.15em;font-weight:800}.sp-m-card-title b{color:#8c8a84;margin-left:.3em;font-weight:600}.sp-m-row{white-space:nowrap;text-overflow:ellipsis;background:#faf7f1;border-radius:.6em;align-items:center;gap:.6em;padding:.35em .55em;font-size:.95em;font-weight:500;display:flex;overflow:hidden}.sp-m-check{border:1.5px solid #9a978f;border-radius:50%;flex:none;width:1.1em;height:1.1em}.sp-m-quick{letter-spacing:-.03em;background:var(--sp-grad-dusk);justify-content:flex-end;font-size:1.3em;font-weight:800;position:relative}.sp-m-quick .sp-sparkle{width:1.1em;top:.7em;right:.8em}.sp-m-draft{letter-spacing:-.01em;font-weight:700}.sp-m-lines{flex-direction:column;gap:.45em;display:flex}.sp-m-lines i{background:#efeae0;border-radius:1em;height:.45em}.sp-m-lines i:last-child{width:62%}.sp-section{padding-top:40px;padding-bottom:40px}@media (min-width:1024px){.sp-section{padding-top:56px;padding-bottom:56px}}.sp-section-head{flex-direction:column;gap:14px;max-width:780px;margin-bottom:28px;display:flex}.sp-card{background:var(--sp-card);border:1px solid var(--sp-card-line);border-radius:var(--sp-radius);box-shadow:var(--sp-shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:relative}.sp-types{grid-template-columns:1fr;gap:16px;display:grid}@media (min-width:720px){.sp-types{grid-template-columns:1fr 1fr}}@media (min-width:1080px){.sp-types{grid-template-columns:repeat(6,1fr)}.sp-types>.sp-type{grid-column:span 2}.sp-types>.sp-type:nth-child(n+4){grid-column:span 3}}@media (min-width:720px) and (max-width:1079px){.sp-types>.sp-type:last-child{grid-column:span 2}}.sp-type{flex-direction:column;gap:12px;padding:24px;display:flex;overflow:hidden}.sp-type>p{color:var(--sp-muted);line-height:1.5}.sp-type-head{align-items:center;gap:12px;display:flex}.sp-type-icon{background:var(--tone);border-radius:14px;place-items:center;width:44px;height:44px;display:grid}.sp-type-icon svg,.sp-demo svg,.sp-chip svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.sp-coral{--tone:#fce3db}.sp-sky{--tone:var(--sp-sky)}.sp-mint{--tone:var(--sp-mint)}.sp-butter{--tone:var(--sp-butter)}.sp-lilac{--tone:var(--sp-lilac)}.sp-demo{background:var(--tone);border-radius:20px;flex-direction:column;justify-content:center;gap:8px;min-height:150px;margin-top:auto;padding:14px;display:flex}.sp-demo-row{background:#ffffffd9;border-radius:14px;align-items:center;gap:10px;min-width:0;padding:10px 12px;font-size:.875rem;display:flex}.sp-demo-icon{background:var(--sp-cream);border-radius:9px;flex:none;place-items:center;width:30px;height:30px;display:grid}.sp-demo-icon svg{width:16px;height:16px}.sp-demo-text{flex-direction:column;flex:1;min-width:0;display:flex}.sp-demo-text b{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.sp-demo-text small{color:var(--sp-muted);font-size:.75rem}.sp-demo-check{border:1.5px solid #8e8b83;border-radius:50%;flex:none;place-items:center;width:20px;height:20px;display:grid}.sp-demo-check.is-on{background:var(--sp-ink);border-color:var(--sp-ink);color:#fff}.sp-demo-check svg{stroke-width:3px;width:12px;height:12px}.sp-demo-row.is-done b{color:var(--sp-muted);text-decoration:line-through}.sp-demo-due{background:var(--sp-butter);border-radius:999px;flex:none;padding:3px 9px;font-size:.75rem;font-weight:700}.sp-demo-notes{align-items:flex-start;position:relative}.sp-sticky{background:#fff6de;border-radius:6px 16px 16px;max-width:86%;padding:12px 14px;font-size:.875rem;font-weight:500;line-height:1.4;display:block;transform:rotate(-2deg);box-shadow:0 10px 18px -12px #78501473}.sp-sticky-b{background:#fff;align-self:flex-end;max-width:70%;transform:rotate(2.5deg)}.sp-demo-editor{border:6px solid var(--tone);background:#fff;justify-content:flex-start;align-items:stretch;gap:10px}.sp-demo-editor b{letter-spacing:-.02em;font-size:1rem;font-weight:800;line-height:1.25}.sp-demo-lines{flex-direction:column;gap:7px;display:flex}.sp-demo-lines i{background:#efeae0;border-radius:9px;height:7px}.sp-demo-lines i:nth-child(2){width:88%}.sp-demo-lines i:nth-child(3){width:54%}.sp-demo-editor small{color:var(--sp-muted);align-items:center;gap:5px;margin-top:auto;font-size:.75rem;font-weight:600;display:inline-flex}.sp-demo-editor small svg{stroke-width:2.6px;width:13px;height:13px}.sp-home{gap:28px;padding:28px;display:grid;overflow:hidden}@media (min-width:960px){.sp-home{grid-template-columns:5fr 6fr;align-items:center;padding:44px}}.sp-home-copy{flex-direction:column;gap:16px;display:flex}.sp-swatches{flex-wrap:wrap;gap:8px;margin:8px 0 0;padding:0;list-style:none;display:flex}.sp-swatches li{border-radius:50%;width:34px;height:34px;box-shadow:inset 0 0 0 1px #1111111f}.sp-desk{background:var(--sp-grad-sun);border-radius:24px;grid-template-columns:1fr 1fr;gap:12px;min-height:280px;padding:16px;display:grid;position:relative}.sp-desk .sp-sparkle{width:26px;top:-10px;right:18px}.sp-widget{background:#ffffffe6;border-radius:18px;flex-direction:column;gap:8px;min-width:0;padding:14px;font-size:.8125rem;display:flex;box-shadow:0 12px 24px -18px #783c1480}.sp-widget-title{letter-spacing:-.02em;font-size:.9375rem;font-weight:800}.sp-widget-row{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:8px;font-weight:500;display:flex;overflow:hidden}.sp-widget-row svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:15px;height:15px}.sp-widget .sp-m-check{width:15px;height:15px}.sp-w-today{grid-column:span 2}.sp-w-quick{background:var(--sp-grad-dusk)}.sp-widget-input{color:var(--sp-muted);background:#ffffffd9;border-radius:10px;padding:8px 10px}.sp-w-writing{grid-column:span 2}.sp-features{grid-template-columns:1fr;gap:16px;display:grid}@media (min-width:640px){.sp-features{grid-template-columns:1fr 1fr}}@media (min-width:1024px){.sp-features{grid-template-columns:repeat(3,1fr)}}.sp-feature{flex-direction:column;gap:10px;padding:24px;display:flex}.sp-feature p{color:var(--sp-muted);line-height:1.5}.sp-chip{border-radius:16px;place-items:center;width:52px;height:52px;margin-bottom:6px;display:grid;box-shadow:inset 0 0 0 1px #fff9}.sp-chip svg{width:22px;height:22px}.sp-chip-lilac{background:linear-gradient(150deg,#e6ddfb,var(--sp-lilac))}.sp-chip-butter{background:linear-gradient(150deg,#fff0cf,var(--sp-butter))}.sp-chip-coral{background:linear-gradient(150deg,#fcd2c7,var(--sp-coral))}.sp-chip-mint{background:linear-gradient(150deg,#e4f7e6,var(--sp-mint))}.sp-chip-sky{background:linear-gradient(150deg,#e2eafa,var(--sp-sky))}.sp-chip-oatmeal{background:linear-gradient(150deg,#f7f4ee,var(--sp-oatmeal))}.sp-night{isolation:isolate;background:var(--sp-grad-night);color:#fff;text-align:center;border-radius:36px;padding:64px 24px 140px;position:relative;overflow:hidden}@media (min-width:768px){.sp-night{padding:88px 48px 180px}}.sp-night-copy{z-index:2;flex-direction:column;align-items:center;gap:20px;display:flex;position:relative}.sp-night .sp-body-lg{color:#ffffffdb}.sp-night .sp-cta-row{justify-content:center}.sp-stars{z-index:0;opacity:.85;background-image:radial-gradient(1.5px 1.5px at 12% 18%,#fff 98%,#0000),radial-gradient(1px 1px at 22% 42%,#fff 98%,#0000),radial-gradient(1.5px 1.5px at 34% 12%,#fff 98%,#0000),radial-gradient(1px 1px at 48% 30%,#fff 98%,#0000),radial-gradient(1.5px 1.5px at 63% 9%,#fff 98%,#0000),radial-gradient(1px 1px at 72% 36%,#fff 98%,#0000),radial-gradient(1.5px 1.5px at 86% 20%,#fff 98%,#0000),radial-gradient(1px 1px at 92% 48%,#fff 98%,#0000),radial-gradient(1px 1px at 6% 55%,#fff 98%,#0000),radial-gradient(1px 1px at 58% 52%,#fff 98%,#0000);position:absolute;inset:0}.sp-night .sp-sparkle{fill:#fff;z-index:1}.sp-night-spark-a{width:26px;top:44px;left:10%}.sp-night-spark-b{width:16px;animation-delay:-1.6s;top:28%;right:12%}.sp-night-spark-c{width:12px;animation-delay:-3s;top:60%;left:20%}.sp-night-clouds{z-index:1;width:108%;height:150px;bottom:-2px;left:-4%}.sp-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 24px;padding-top:24px;padding-bottom:40px;font-size:.875rem;display:flex}.sp-footer-brand{align-items:center;gap:14px;display:flex}.sp-footer-brand .sp-logo{font-size:1.25rem}.sp-footer-brand>span:last-child{color:var(--sp-muted);font-weight:600}.sp-footer-links{gap:20px;font-weight:600;display:flex}.sp-footer-links a:hover{text-decoration:underline}.sp-footer-legal{color:var(--sp-muted);width:100%;margin:0}@media (min-width:768px){.sp-footer-legal{width:auto}}@container (max-width:520px){.sp-screen{grid-template-columns:1fr;font-size:2.9cqw}.sp-m-side{display:none}.sp-m-grid{grid-template-columns:1fr 1fr}.sp-m-grid>.sp-m-card:nth-child(n+3){display:none}.sp-m-grid>.sp-m-span-2{grid-column:span 1}}.sp-plans{grid-template-columns:1fr;gap:16px;max-width:880px;display:grid}@media (min-width:768px){.sp-plans{grid-template-columns:1fr 1fr}}.sp-plan{flex-direction:column;gap:16px;padding:28px;display:flex}.sp-plan.is-pro{box-shadow:var(--sp-shadow),inset 0 0 0 2px var(--sp-ink)}.sp-plan-price{color:var(--sp-muted)}.sp-plan-price b{letter-spacing:-.04em;color:var(--sp-ink);margin-right:4px;font-size:2.5rem;font-weight:800}.sp-plan-list{flex:1;gap:10px;margin:0;padding:0;list-style:none;display:grid}.sp-plan-list li{align-items:flex-start;gap:10px;line-height:1.4;display:flex}.sp-plan-list .sp-i{flex:none;margin-top:2px}.sp-plan .sp-btn{align-self:flex-start}.sp-plan-note{color:var(--sp-muted);font-size:.875rem}.sp-hero-note{color:var(--sp-muted);margin-top:-10px;font-size:.9375rem}.sp-never{flex-direction:column;gap:22px;padding:32px 24px;display:flex}@media (min-width:768px){.sp-never{padding:48px}}.sp-never-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.sp-never-list li{letter-spacing:-.01em;align-items:center;gap:12px;font-size:1.125rem;font-weight:600;display:flex}.sp-never-x{background:var(--sp-ink);color:#fff;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;display:grid}.sp-never-x svg{width:16px;height:16px}.sp-plan-save{margin-top:4px;font-size:.875rem;display:block}.sp-never-close{color:var(--sp-muted);font-size:1.0625rem}.sp-questions{gap:12px;max-width:780px;display:grid}.sp-question{padding:0}.sp-question summary{cursor:pointer;letter-spacing:-.01em;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;font-size:1.0625rem;font-weight:700;list-style:none;display:flex}.sp-question summary::-webkit-details-marker{display:none}.sp-question summary .sp-i{flex:none;transition:transform .2s}.sp-question[open] summary .sp-i{transform:rotate(45deg)}.sp-question p{color:var(--sp-muted);padding:0 24px 22px;line-height:1.55}.sp-question summary:focus-visible{outline:2px solid var(--sp-ink);outline-offset:-2px;border-radius:var(--sp-radius)}.sp-night-note{color:#ffffffb8;font-size:.9375rem}@media (prefers-reduced-motion:reduce){.sp-question summary .sp-i{transition:none}}.sp-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--sp-muted);margin-bottom:-4px;font-size:.8125rem;font-weight:700}.sp-night .sp-eyebrow{color:#ffffffb3}.sp-caption{color:var(--sp-muted);margin-top:12px;font-size:.875rem}.sp-mess{grid-template-columns:1fr;gap:12px;margin:0 0 72px;padding:0;list-style:none;display:grid}@media (min-width:640px){.sp-mess{grid-template-columns:1fr 1fr}}@media (min-width:1024px){.sp-mess{grid-template-columns:repeat(4,1fr)}}.sp-mess li{letter-spacing:-.01em;align-items:center;gap:12px;padding:18px 20px;font-weight:600;line-height:1.3;display:flex}.sp-mess li span{font-size:1.5rem;line-height:1}.sp-types-head{margin-top:0}.sp-type .sp-type-line{letter-spacing:-.015em;color:var(--sp-ink);font-size:1.0625rem;font-weight:700;line-height:1.3}.sp-pro{background:var(--sp-ink);color:#fff;letter-spacing:.02em;vertical-align:middle;border-radius:999px;align-items:center;height:20px;margin-left:8px;padding:0 8px;font-size:.6875rem;font-weight:700;display:inline-flex}.sp-type-head .sp-pro{margin-left:auto}.sp-m-emoji{text-align:center;width:1.15em;font-size:1em;line-height:1}.sp-m-board{flex:1;grid-template-rows:1fr 1fr;grid-template-columns:1.2fr 1fr;gap:.4em;min-height:5.2em;display:grid}.sp-m-board i{background:50%/cover no-repeat;border-radius:.55em}.sp-m-board i:first-child{grid-row:span 2}.sp-demo-cards{flex-direction:row;justify-content:flex-start;align-items:stretch;gap:10px}.sp-demo-card{background:#ffffffe6;border-radius:14px;flex-direction:column;flex:1;gap:4px;min-width:0;padding:8px 8px 10px;display:flex}.sp-demo-card i{aspect-ratio:16/10;background:50%/cover no-repeat;border-radius:9px;margin-bottom:4px;display:block}.sp-demo-card b{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.8125rem;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.sp-demo-card small{color:var(--sp-muted);font-size:.6875rem}.sp-demo-when{align-items:center;gap:4px;font-weight:600;display:inline-flex}.sp-demo-when svg{width:12px;height:12px}.sp-demo-row.is-done{background:#ffffff80}.sp-demo-row.is-done .sp-demo-check.is-on{background:#8e8b83;border-color:#8e8b83}.sp-sticky-list{flex-direction:column;gap:6px;display:flex;transform:rotate(-1.5deg)}.sp-sticky-list b{font-weight:700}.sp-sticky-list>span{align-items:center;gap:8px;display:flex}.sp-sticky-list i{border:1.5px solid #8e8b83;border-radius:50%;flex:none;place-items:center;width:15px;height:15px;display:grid}.sp-sticky-list i.is-on{background:var(--sp-ink);border-color:var(--sp-ink);color:#fff}.sp-sticky-list i svg{stroke-width:3.4px;width:9px;height:9px}.sp-sticky-list>span:has(i.is-on){color:var(--sp-muted);text-decoration:line-through}.sp-demo-board{grid-template-rows:repeat(4,30px);grid-template-columns:1.25fr 1fr;grid-template-areas:"a b""a b""a c""d c";gap:8px;display:grid}.sp-demo-board i{background:50%/cover no-repeat;border-radius:12px;box-shadow:0 0 0 3px #ffffffd9}.sp-demo-board i:first-child{grid-area:a}.sp-demo-board i:nth-child(2){grid-area:b}.sp-demo-board i:nth-child(3){grid-area:c}.sp-demo-board i:nth-child(4){grid-area:d}.sp-shapes{grid-template-columns:1fr;gap:12px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:640px){.sp-shapes{grid-template-columns:1fr 1fr}}@media (min-width:1080px){.sp-shapes{grid-template-columns:repeat(5,1fr)}}.sp-shape{flex-direction:column;gap:6px;padding:22px 20px;display:flex}.sp-shape-emoji{margin-bottom:6px;font-size:1.9rem;line-height:1}.sp-shape b{letter-spacing:-.015em;align-items:center;font-size:1.0625rem;font-weight:800;display:flex}.sp-shape>span:last-child{color:var(--sp-muted);font-size:.9375rem;line-height:1.45}