:root{--cobalt:#2f3cff;--lemon:#ffd23f;--pink:#ff9ecf;--ink:#17121f;--cream:#fff4d6;--tomato:#ff5c39;--plum:#5b3f8f;--dusk:#2c2440;--rule:#5d5470;--rule-text:#c4bad6;--bar-h:64px;--gut:clamp(16px, 4vw, 48px);--hand:"Patrick Hand", "Segoe Print", "Bradley Hand", sans-serif;--marker:"Gochi Hand", "Patrick Hand", "Segoe Print", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;scrollbar-color:var(--lemon) var(--ink)}*,:before,:after{box-sizing:border-box}html{background:var(--ink);-webkit-text-size-adjust:100%}:root:has(.bar .ruler){scrollbar-width:none}:root:has(.bar .ruler)::-webkit-scrollbar{display:none}body{background:var(--ink);color:var(--cream);font:400 21px/1.38 var(--hand);-webkit-font-smoothing:antialiased;margin:0}::selection{background:var(--ink);color:var(--lemon)}.t-ink ::selection{background:var(--lemon);color:var(--ink)}.t-cobalt ::selection{background:var(--lemon);color:var(--ink)}.t-plum ::selection{background:var(--lemon);color:var(--ink)}.bar ::selection{background:var(--lemon);color:var(--ink)}:focus-visible{outline:3px solid var(--focus,var(--lemon));outline-offset:4px}a{color:inherit;text-underline-offset:.18em;text-decoration-thickness:2px}code{font:inherit;white-space:nowrap}.skip{z-index:20;background:var(--lemon);color:var(--ink);font:22px/1 var(--marker);padding:10px 16px 8px;text-decoration:none;position:fixed;top:-80px;left:12px}.skip:focus{top:12px}.t-cobalt{--page:var(--cobalt);--fg:var(--cream);--soft:#d4d7ff;--btn-bg:var(--lemon);--btn-fg:var(--ink);--focus:var(--lemon)}.t-lemon{--page:var(--lemon);--fg:var(--ink);--soft:#4a3a00;--btn-bg:var(--ink);--btn-fg:var(--lemon);--focus:var(--ink)}.t-ink{--page:var(--ink);--fg:var(--cream);--soft:#cfc6dd;--btn-bg:var(--lemon);--btn-fg:var(--ink);--focus:var(--lemon)}.t-pink{--page:var(--pink);--fg:var(--ink);--soft:#5a1f3c;--btn-bg:var(--ink);--btn-fg:var(--pink);--focus:var(--ink)}.t-plum{--page:var(--plum);--fg:var(--cream);--soft:#e3d6f5;--btn-bg:var(--lemon);--btn-fg:var(--ink);--focus:var(--lemon)}.bar{z-index:10;height:var(--bar-h);padding:0 var(--gut);background:var(--ink);color:var(--cream);--focus:var(--lemon);grid-template-columns:auto minmax(0,1fr);grid-auto-columns:auto;grid-auto-flow:column;align-items:center;gap:clamp(16px,2.4vw,32px);display:grid;position:fixed;inset:0 0 auto}.mark{font:400 32px/1 var(--marker);color:var(--lemon);text-decoration:none}.ruler{--head:0px;height:40px;position:relative}.ruler:before{content:"";background:repeating-linear-gradient(90deg, var(--rule) 0 2px, transparent 2px 12px);height:6px;position:absolute;inset:10px 0 auto}.ruler:after{content:"";background:var(--rule);height:2px;position:absolute;inset:16px 0 auto}.ruler ol{margin:0;padding:0;list-style:none;position:absolute;inset:0}.ruler li{top:0;left:calc(var(--at,0) * (100% - 4px));width:4px;height:40px;position:absolute}.ruler a{font:15px/1 var(--hand);color:var(--rule-text);white-space:nowrap;padding:23px 0 0;text-decoration:none;position:absolute;top:0;left:0}.ruler a:before{content:"";background:currentColor;width:4px;height:14px;position:absolute;top:4px;left:0}.ruler li:last-child a,.ruler li:last-child a:before{left:auto;right:0}.ruler a:hover,.ruler a[aria-current]{color:var(--lemon)}.ruler li.tight a{width:4px;height:22px;padding-top:0;font-size:0}.playhead{background:var(--lemon);width:4px;height:22px;transform:translateX(var(--head));pointer-events:none;position:absolute;top:0;left:0}.playhead:before{content:"";background:var(--lemon);width:12px;height:6px;position:absolute;top:0;left:-4px}.boil-switch{color:var(--cream);font:400 24px/1 var(--marker);cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:8px 2px;display:inline-flex}.lamp{background:var(--dusk);outline:2px solid var(--rule);outline-offset:-2px;width:32px;height:18px;position:relative}.lamp:after{content:"";background:var(--rule-text);width:10px;height:10px;position:absolute;top:4px;left:4px}.boil-switch[aria-checked=true] .lamp{background:var(--lemon);outline:0}.boil-switch[aria-checked=true] .lamp:after{background:var(--ink);left:18px}.boil-switch:hover .lamp{outline:2px solid var(--cream);outline-offset:-2px}.btn{background:var(--btn-bg,var(--lemon));color:var(--btn-fg,var(--ink));font:400 27px/1 var(--marker);white-space:nowrap;cursor:pointer;border:0;align-items:center;gap:14px;padding:15px 22px 13px;text-decoration:none;display:inline-flex}.btn:hover{background:var(--fg,var(--cream));color:var(--page,var(--ink))}.btn:active{transform:translateY(2px)}.bar-link{font:400 24px/1 var(--marker);color:var(--cream);text-decoration:none}.bar-link:hover{color:var(--lemon)}.btn-bar{background:var(--lemon);color:var(--ink);gap:0;padding:11px 16px 9px;font-size:22px}.btn-bar:hover{background:var(--cream);color:var(--ink)}.px-arrow{fill:currentColor;shape-rendering:crispedges;width:24px;height:21px}.card{padding:calc(var(--bar-h) + 36px) var(--gut) 20px;background:var(--page);color:var(--fg);grid-template-columns:minmax(0,1fr);align-content:start;gap:28px;scroll-margin-top:0;display:grid;position:relative}.heading{font:400 clamp(44px, 9vw, 96px)/1 var(--marker);color:var(--fg);margin:0}.has-art .heading{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.art{aspect-ratio:5/4;position:relative}.art canvas{image-rendering:pixelated;display:block;position:absolute;top:0;left:0}.card-hero .art{aspect-ratio:5/4}.art-tall{aspect-ratio:4/5}.art-short{aspect-ratio:2}.art-wide{aspect-ratio:16/9}.copy{max-width:36ch}.copy p{text-wrap:pretty;margin:0 0 14px}.copy p:last-child{margin-bottom:0}.lede{font-size:24px;line-height:1.32}.note{color:var(--soft);font-size:18px}.actions{flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:26px;display:flex}.actions .note{max-width:24ch;margin:0}.credit{border-top:2px solid var(--soft);font:16px/1 var(--hand);letter-spacing:.05em;color:var(--soft);justify-content:space-between;gap:16px;margin:12px 0 0;padding-top:10px;display:flex}.chips{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.chips+.note{margin-top:18px}.chip{border:2px solid var(--fg);color:var(--fg);font:400 24px/1 var(--marker);cursor:pointer;background:0 0;padding:9px 16px 7px}.chip:hover{background:color-mix(in srgb, var(--fg) 12%, transparent)}.chip[aria-pressed=true]{background:var(--fg);color:var(--page)}.chip[data-word][aria-pressed=true]:after{content:" · still";font-family:var(--hand);font-size:.72em}.maker{margin-top:28px;font-size:20px}.tl{--u:0;--lab:40px;padding:10px 10px 12px calc(var(--lab) + 10px);background:var(--ink);color:var(--cream);font:14px/1 var(--hand);gap:5px;display:grid;position:relative}.tl-ruler{height:16px;position:relative}.tl-beats{background:repeating-linear-gradient(90deg, var(--rule) 0 2px, transparent 2px 6.25%);position:absolute;inset:4px 0 0}.tl-row{background:#211a2c;height:32px;position:relative}.tl-lyrics{height:26px}.tl-head-label{top:50%;left:calc(-1 * var(--lab));color:var(--rule-text);position:absolute;transform:translateY(-50%)}.tl-clip,.tl-word{top:3px;bottom:3px;left:calc(var(--a) * 1%);width:calc((var(--b) - var(--a)) * 1%);white-space:nowrap;border-right:2px solid var(--ink);align-items:center;padding:1px 8px 0;display:flex;position:absolute;overflow:hidden}.tl-word{background:var(--dusk);color:var(--cream);padding:1px 4px 0}.tl-word.sung{background:var(--tomato);color:var(--ink)}.c-title{background:var(--lemon);color:var(--ink)}.c-draw{background:var(--pink);color:var(--ink)}.c-doodle{background:var(--cream);color:var(--ink)}.c-audio{background:var(--dusk);color:var(--lemon);padding:0}.tl-audio{height:40px}.tl-wave{width:100%;height:100%;color:var(--lemon);image-rendering:pixelated;display:block}.tl-playhead{top:8px;bottom:8px;left:calc(var(--lab) + 10px + var(--u) * (100% - var(--lab) - 22px));background:var(--cream);width:2px;position:absolute}.tl-playhead:before{content:"";background:var(--cream);width:10px;height:6px;position:absolute;top:0;left:-4px}.watch{aspect-ratio:16/9;border:2px solid var(--fg);background:var(--ink);margin:0;position:relative}.watch-video{object-fit:contain;background:var(--ink);width:100%;height:100%;display:block}.watch-play{cursor:pointer;--focus:var(--ink);background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;inset:0}.watch-play[hidden]{display:none}.watch-label{background:var(--lemon);color:var(--ink);font:400 27px/1 var(--marker);white-space:nowrap;align-items:center;gap:14px;padding:15px 22px 13px;display:inline-flex}.watch-play:hover .watch-label{background:var(--cream)}.watch-play:active .watch-label{transform:translateY(2px)}.watch-len{font:16px/1 var(--hand);letter-spacing:.05em;border-left:2px solid;padding-left:14px}.px-play{fill:currentColor;shape-rendering:crispedges;width:12px;height:24px}.reels{scroll-snap-type:x mandatory;grid-auto-columns:min(72%,300px);grid-auto-flow:column;gap:20px;padding-bottom:12px;display:grid;overflow-x:auto}.reel{scroll-snap-align:start;margin:0}.reel-video{aspect-ratio:9/16;border:2px solid var(--fg);background:var(--dusk);cursor:pointer;width:100%;height:auto;display:block}.reel-cap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;margin-top:10px;display:flex}.reel-name{color:var(--soft);font-size:18px;line-height:1.2}.reel-len{letter-spacing:.05em;margin-left:4px;font-size:16px}.reel-sound{padding:7px 12px 5px;font-size:20px}.reel-sound[aria-pressed=true]:after{content:" on";font-family:var(--hand);font-size:.8em}.watch-link{text-underline-offset:.22em;white-space:nowrap;align-items:center;gap:10px;padding:6px 0 4px;font-size:21px;line-height:1;text-decoration:underline;text-decoration-thickness:2px;display:inline-flex}.watch-link .px-play{width:8px;height:16px}.watch-link:hover{color:var(--lemon)}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.plans{gap:40px clamp(24px,3vw,48px);margin-top:12px;display:grid}.plan{border-top:2px solid var(--soft);flex-direction:column;align-items:flex-start;padding-top:18px;display:flex}.plan :where(p){margin:0}.plan-body{flex-direction:column;align-items:flex-start;display:flex}.plan-name{min-height:36px;font:400 27px/1.1 var(--marker);flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0;display:flex}.plan-head{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.plan-price{flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-top:14px;display:flex}.plan-amount{font:60px/1 var(--hand)}.plan-per{font:16px/1 var(--hand);letter-spacing:.05em;color:var(--soft)}.plan-for{max-width:34ch;color:var(--soft);text-wrap:pretty;margin-top:10px;font-size:18px;line-height:1.3}.plan-list{gap:8px;margin:18px 0 0;padding:0;font-size:19px;line-height:1.3;list-style:none;display:grid}.plan-list li{text-wrap:pretty;padding-left:20px;position:relative}.plan-list li:before{content:"";background:var(--soft);width:6px;height:6px;position:absolute;top:.5em;left:0}.plan-list .plan-more:before{background:var(--lemon)}.plan-go{margin-top:24px}.plan-star{border-top:4px solid var(--lemon);padding-top:16px}.plan-star .plan-name,.plan-star .plan-amount{color:var(--lemon)}.plan-tag{border:2px solid var(--lemon);font:16px/1 var(--hand);letter-spacing:.05em;padding:5px 8px 3px}.plan-period{border:0;min-width:0;margin:0;padding:0}.plan-period .chip{padding:7px 12px 5px;font-size:20px;position:relative}.plan-period input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.plan-period .chip:has(input:checked){background:var(--fg);color:var(--page)}.plan-period .chip:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:4px}:is(.plan-pro:has(input[value=weekly]:checked) [data-period]:not([data-period~=weekly]),.plan-pro:has(input[value=monthly]:checked) [data-period]:not([data-period~=monthly]),.plan-pro:has(input[value=annual]:checked) [data-period]:not([data-period~=annual])){display:none}.quiet-link{text-underline-offset:.22em;font-size:19px;line-height:1.3;text-decoration:underline;text-decoration-thickness:2px}.quiet-link:hover{color:var(--lemon)}.compare summary{align-items:center;gap:12px;list-style:none;display:inline-flex}.compare summary::-webkit-details-marker{display:none}.compare summary .px-arrow{width:16px;height:14px}.compare[open] summary{background:var(--fg);color:var(--page)}.compare[open] summary .px-arrow{transform:rotate(90deg)}.compare-scroll{scrollbar-color:var(--fg) transparent;margin-top:22px;position:relative;overflow-x:auto}.compare-table{border-collapse:collapse;width:100%;min-width:860px;font-size:18px;line-height:1.25}.compare-table th,.compare-table td{text-align:left;vertical-align:top;border-bottom:2px solid color-mix(in srgb, var(--soft) 35%, var(--page));padding:11px 16px 9px 0;font-weight:400}.compare-table thead th{vertical-align:bottom;font:400 22px/1.1 var(--marker);border-bottom-color:var(--fg)}.compare-table .compare-star{color:var(--lemon)}.compare-table tbody th,.compare-table thead th:first-child{z-index:1;background:var(--page);width:24%;color:var(--soft);position:sticky;left:0}.compare-table .yes:before{content:"";background:var(--fg);width:18px;height:12px;margin-top:4px;display:block;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 6' shape-rendering='crispEdges'%3E%3Cpath d='M7 0h2v1h-2zM6 1h2v1h-2zM0 2h1v1h-1zM5 2h2v1h-2zM0 3h2v1h-2zM4 3h2v1h-2zM1 4h4v1h-4zM2 5h2v1h-2z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 6' shape-rendering='crispEdges'%3E%3Cpath d='M7 0h2v1h-2zM6 1h2v1h-2zM0 2h1v1h-1zM5 2h2v1h-2zM0 3h2v1h-2zM4 3h2v1h-2zM1 4h4v1h-4zM2 5h2v1h-2z'/%3E%3C/svg%3E") 50%/contain no-repeat}.compare-table .no:before{content:"";background:var(--soft);width:14px;height:2px;margin-top:10px;display:block}.compare-note{max-width:62ch;margin:14px 0 0}.faq{gap:26px;margin:0;display:grid}.faq dt{font:400 27px/1.1 var(--marker)}.faq dd{text-wrap:pretty;max-width:36ch;margin:8px 0 0}.faq-more{margin:0}.bar-page{grid-template-columns:minmax(0,1fr) auto auto}.card-doc .art{aspect-ratio:3}.doc{max-width:62ch}.doc h2{font:400 27px/1.1 var(--marker);margin:40px 0 10px}.doc p{text-wrap:pretty;margin:0 0 14px}.doc .lede{margin-bottom:0}.doc>.lede+p{margin-top:14px}.doc ul{margin:0 0 14px;padding-left:1.2em}.doc li{text-wrap:pretty;margin-bottom:8px}.acct>.lede+p{margin-top:14px}.acct-who{color:var(--lemon);overflow-wrap:anywhere;font-weight:400}.acct-go{margin-top:26px}.acct-rows{margin-top:36px}.acct-row{border-top:2px solid var(--soft);gap:10px 32px;padding:18px 0 28px;display:grid}.doc .acct-row h2{margin:0}.acct-val>*{margin:0 0 10px}.acct-val>:last-child{margin-bottom:0}.acct-val .note{max-width:46ch}.acct-val .plan-list{margin:14px 0 16px}.acct-plan{font:400 44px/1 var(--marker);flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.acct-star,.acct-star .plan-tag{color:var(--lemon)}.meter{outline:2px solid var(--fg);outline-offset:-2px;max-width:360px;height:18px;margin-top:4px}.meter span{width:calc(var(--used) * 100%);background:var(--lemon);min-width:2px;height:100%;display:block}.acct-error{border:2px solid var(--lemon);max-width:46ch;margin:0 0 14px;padding:10px 14px 8px}.acct-actions{flex-wrap:wrap;gap:12px;display:flex}.acct-end{border-top:2px solid var(--soft);flex-wrap:wrap;align-items:center;gap:14px 24px;padding-top:24px;display:flex}.doc .acct-end .note{max-width:46ch;margin:0}.chip:disabled{border-color:var(--soft);color:var(--soft);cursor:progress}.chip:disabled:hover{background:0 0}@media (min-width:700px){.acct-row{grid-template-columns:8.5em minmax(0,1fr)}.doc .acct-row h2{padding-top:6px}}.foot{padding:22px var(--gut) 26px;background:var(--ink);color:var(--cream);font:18px/1.3 var(--hand);--focus:var(--lemon)}.foot ul{flex-wrap:wrap;gap:10px 28px;margin:0;padding:0;list-style:none;display:flex}.foot a:hover{color:var(--lemon)}@media (max-width:1099px){.ruler a{width:4px;height:22px;padding-top:0;font-size:0}}@media (max-width:699px){:root{--bar-h:56px}body{font-size:19px}.mark{font-size:26px}.bar{grid-template-columns:auto minmax(0,1fr);gap:12px}.bar-link{display:none}.ruler{visibility:hidden}.wide-only{display:none}.boil-switch{gap:8px;font-size:21px}.lede{font-size:21px}.btn{font-size:24px}.watch-label{gap:10px;padding:12px 16px 10px;font-size:22px}.watch-len{padding-left:10px}.tl{--lab:24px;font-size:12px}.tl-clip{font-size:0}.tl-word{padding:1px 2px 0;font-size:11px}.plan-amount{font-size:52px}.compare-table{min-width:760px;font-size:16px}.compare-table thead th{font-size:19px}.compare-table tbody th,.compare-table thead th:first-child{width:128px}}@media (min-width:640px){.plans{grid-template-columns:repeat(2,minmax(0,1fr))}.plan{grid-row:span 3;grid-template-rows:subgrid;align-content:start;justify-items:start;row-gap:0;display:grid}}@media (min-width:1000px){.card{min-height:100svh;padding-top:calc(var(--bar-h) + 40px);grid-template-rows:minmax(340px,1fr) auto;align-content:stretch;gap:28px clamp(40px,5vw,80px)}.card .art{aspect-ratio:auto}.credit{grid-column:1/-1;align-self:end}.card-hero{grid-template-rows:minmax(340px,1fr) auto auto}.card-hero .copy{flex-wrap:wrap;align-items:flex-end;gap:20px 56px;max-width:none;display:flex}.card-hero .lede{max-width:32ch;margin:0}.card-hero .actions{margin:0}.card-split{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.card-split .art{grid-area:1/1}.card-split .copy{grid-area:1/2;align-self:end}.card-split.flip{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.card-split.flip .art{grid-column:2}.card-split.flip .copy{grid-column:1}.card-cut{grid-template-rows:minmax(240px,1fr) auto auto;grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.card-cut .art{grid-area:1/1}.card-cut .copy{grid-area:1/2;align-self:end}.card-cut .tl{grid-area:2/1/auto/-1}.card-cut .tl-row{height:38px}.card-cut .tl-audio{height:48px}.card-reels{grid-template-rows:minmax(160px,1fr) auto auto;grid-template-columns:minmax(0,4fr) minmax(0,8fr)}.card-reels .art{grid-area:1/1}.card-reels .copy{grid-area:2/1}.card-reels .reels{width:min(100%, calc((100svh - var(--bar-h) - 200px) * 9 / 16 * 3 + 48px));grid-area:1/2/3;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row;place-self:center end;gap:24px;padding-bottom:0;overflow:visible}.card-watch{grid-template-rows:minmax(200px,1fr) auto auto;grid-template-columns:minmax(0,4fr) minmax(0,8fr)}.card-watch .art{grid-area:1/1}.card-watch .copy{grid-area:2/1}.card-watch .watch{grid-area:1/2/3;align-self:center}.card-faq{grid-template-rows:minmax(200px,1fr) auto auto;grid-template-columns:minmax(0,4fr) minmax(0,8fr)}.card-faq .art{grid-area:1/1}.card-faq .faq-more{grid-area:2/1}.card-faq .faq{grid-area:1/2/3;grid-template-columns:repeat(2,minmax(0,1fr));align-self:center;gap:40px clamp(32px,4vw,64px)}.card-doc{grid-template-rows:auto auto auto;align-content:start}.card-doc .art{aspect-ratio:11/2}.card-account{grid-template-rows:auto minmax(0,1fr) auto;align-content:stretch}.card-pricing{grid-template-rows:minmax(240px,1fr) auto auto auto;grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.card-pricing .art{grid-area:1/1}.card-pricing .copy{grid-area:1/2;align-self:end}.card-pricing .plans{grid-area:2/1/auto/-1;grid-template-columns:repeat(4,minmax(0,1fr))}.card-pricing .compare{grid-area:3/1/auto/-1}.card-end{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.card-end .art{aspect-ratio:3/2;grid-area:1/1;align-self:center}.card-end .copy{grid-area:1/2;align-self:end}}