:root{--bg:#fff;--surface:#f6f6f8;--card:#fff;--text:#1f1f23;--muted:#6b6b73;--line:#ebebef;--line-strong:#d4d4da;--accent-pink:#e46687;--pink-tint:#fdeef2;--pink-ink:#b6476a;--accent-blue:#4b82c3;--blue-tint:#eaf1fa;--blue-ink:#3d6fad;--pink-wash:#e466870d;--blue-wash:#4b82c30d;--pink-line:#f5c6d2;--blue-line:#c0d3ea;--accent-lavender:#7c63c9;--lavender-tint:#f1edfa;--lavender-ink:#5f49a3;--lavender-wash:#7c63c917;--lavender-line:#c6b8e8;--body-fill:#f1f2f6;--body-edge:#d9dbe3;--touch-green:#5cb979;--touch-green-a:.78;--touch-yellow:#f2c94c;--touch-yellow-a:.68;--touch-yellow-line:#b8891a;--done-fill:#5cb979;--done-tint:#5cb97924;--done-line:#5cb97973;--done-ink:#3a8a56;--illus-ratio:600 / 430;--on-accent:#fff;--r-lg:18px;--r-md:14px;--r-pill:999px;--shadow:0 1px 2px #1010180a;--shadow-pop:0 6px 20px #10101814;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--font:-apple-system,"SF Pro Text","Segoe UI",Helvetica,Arial,sans-serif;--serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;--mono:ui-monospace,"Cascadia Mono",Consolas,monospace;--font-display:var(--serif);--fs-xs:11px;--fs-sm:13px;--fs-md:15px;--fs-lg:18px;--fs-xl:40px;--fs-wordmark:32px;--fs-question:22px;--fw-display:600}[data-accent=pink]{--accent:var(--accent-pink);--accent-tint:var(--pink-tint);--accent-ink:var(--pink-ink);--accent-line:var(--pink-line);--accent-wash:var(--pink-wash)}[data-accent=neutral]{--accent:#1f1f23;--accent-tint:#f6f6f8;--accent-ink:#1f1f23;--accent-line:#d4d4da;--accent-wash:#1f1f230a}[data-accent=blue]{--accent:var(--accent-blue);--accent-tint:var(--blue-tint);--accent-ink:var(--blue-ink);--accent-line:var(--blue-line);--accent-wash:var(--blue-wash)}*{box-sizing:border-box;margin:0}body{font-family:var(--font);font-size:var(--fs-md);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}.app{background:var(--bg);flex-direction:column;max-width:430px;min-height:100dvh;margin:0 auto;display:flex}@media (width>=500px){.app{border-left:1px solid var(--line);border-right:1px solid var(--line)}}main{padding:var(--s5) var(--s4) var(--s6);flex:1}.stack{gap:var(--s3);flex-direction:column;display:flex}.row{gap:var(--s2);align-items:center;display:flex}.between{justify-content:space-between}h1{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:var(--fw-display);letter-spacing:-.005em;line-height:1.1}h2{font-size:var(--fs-lg);font-weight:600}.muted{color:var(--muted);font-size:var(--fs-sm);line-height:1.45}.lede{color:var(--muted);font-size:var(--fs-md);line-height:1.45}.empty{text-align:center;padding:var(--s5);color:var(--muted)}.masthead{gap:var(--s3);flex-direction:column;display:flex}.brand{text-align:center;justify-content:center;display:flex}.wordmark{font-family:var(--serif);font-size:var(--fs-wordmark);letter-spacing:.01em;line-height:1.05}.home{gap:var(--s4);margin-top:calc(-1 * var(--s3));flex-direction:column;display:flex}.hero{text-align:left;align-items:flex-start;gap:var(--s2);flex-direction:column;display:flex}.drawblock{gap:var(--s4);background:var(--surface);border-radius:var(--r-lg);padding:var(--s4);flex-direction:column;display:flex}.sectionlabel{font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 var(--s2) 2px;font-weight:600}.sectionlabel.posgroup{margin:var(--s4) 0 0 2px;font-size:var(--fs-sm);color:var(--accent-ink,var(--accent))}h2+.sectionlabel.posgroup{margin-top:var(--s1)}.btn{border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:var(--r-pill);padding:10px var(--s4);font:inherit;font-size:var(--fs-md);cursor:pointer;justify-content:center;align-items:center;gap:6px;display:inline-flex}.btn.sm{padding:6px var(--s3);font-size:var(--fs-sm)}.btn.on{background:var(--accent-tint);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.btn.primary{justify-content:center;align-items:center;gap:var(--s2);background:var(--accent);border-color:var(--accent);width:100%;min-height:52px;color:var(--on-accent);font-weight:600;display:flex}.tabs{gap:var(--s2);display:flex}.tab{border:1px solid var(--line);background:var(--card);color:var(--muted);border-radius:var(--r-pill);padding:9px var(--s2);font:inherit;font-size:var(--fs-sm);cursor:pointer;text-align:center;flex:1}.tab.on{background:var(--accent-tint);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.tabs.compact .tab{padding:6px var(--s2)}.tab:disabled{opacity:.4;cursor:not-allowed}.card{background:var(--card);border:1px solid var(--accent-line);border-radius:var(--r-lg);padding:var(--s4);box-shadow:var(--shadow);gap:var(--s3);flex-direction:column;display:flex}.tag{font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--accent-ink);background:var(--accent-tint);padding:2px var(--s2);border-radius:var(--r-pill)}.tiles{gap:var(--s3);align-content:start;display:grid}.tiles[data-cols="2"]{grid-template-columns:repeat(2,1fr)}.tiles[data-cols="3"]{grid-template-columns:repeat(3,1fr)}.tile{align-items:center;gap:var(--s2);padding:var(--s4) var(--s2) var(--s3);background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow);font:inherit;color:var(--text);cursor:pointer;flex-direction:column;display:flex}.tile svg{color:var(--accent)}.tile.on{background:var(--accent-tint);border-color:var(--accent);color:var(--accent-ink)}.tile span{font-size:var(--fs-sm);font-weight:600}.tiles.deck .tile{padding:23px 9px 18px}.features{gap:var(--s2);grid-template-columns:1fr 1fr;display:grid}.feature{justify-content:center;align-items:center;gap:var(--s1);aspect-ratio:5/4;background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);font:inherit;color:var(--text);cursor:pointer;padding:var(--s2);flex-direction:column;display:flex}.feature.tall{aspect-ratio:auto;grid-row:1/3}.feature svg,.feature-icon-img{color:var(--accent)}.feature span{font-size:var(--fs-sm);font-weight:600}.feature-icon-img{background-color:currentColor;width:75px;height:75px;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.nav{border-top:1px solid var(--line);background:var(--card);padding-bottom:env(safe-area-inset-bottom);display:flex;position:sticky;bottom:0}.nav button{padding:var(--s2) 0 6px;font:inherit;font-size:var(--fs-xs);color:var(--muted);cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;align-items:center;gap:2px;display:flex}.nav button.on{color:var(--accent-ink);font-weight:600}.question{font-family:var(--font-display);font-size:var(--fs-question);font-weight:var(--fw-display);line-height:1.3}.options{gap:var(--s4)}.field{justify-content:space-between;align-items:center;gap:var(--s3);display:flex}.field>span{font-size:var(--fs-md);font-weight:600}.field .tabs{flex:none;width:150px}.drop{animation:.18s ease-out drop}@keyframes drop{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.toast{left:50%;bottom:calc(76px + env(safe-area-inset-bottom));z-index:10;align-items:center;gap:var(--s2);max-width:min(360px,100vw - 32px);padding:var(--s3) var(--s4);background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-pop);font-size:var(--fs-sm);color:var(--text);cursor:pointer;animation:.2s ease-out rise;display:flex;position:fixed;transform:translate(-50%)}.toast svg{color:var(--accent);flex:none}@keyframes rise{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.drop,.toast{animation:none}}.modal-backdrop{z-index:20;padding:var(--s4);background:#1f1f2373;justify-content:center;align-items:center;animation:.15s ease-out modal-fade;display:flex;position:fixed;inset:0}.modal-card{background:var(--card);border-radius:var(--r-lg);width:100%;max-width:360px;padding:var(--s4);box-shadow:var(--shadow-pop);gap:var(--s3);flex-direction:column;animation:.15s ease-out modal-pop;display:flex}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.modal-backdrop,.modal-card{animation:none}}.illus{width:100%;aspect-ratio:var(--illus-ratio);object-fit:contain;background:var(--bg);border-radius:var(--r-md);display:block}.illus-ph{background:var(--bg);border-radius:var(--r-md);height:170px;color:var(--accent);justify-content:center;align-items:center;display:flex}.illus-icon-img{background-color:currentColor;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.illus-ph .illus-icon-img{width:150px;height:150px}.illus-ph.sm .illus-icon-img{width:84px;height:84px}.name{font-size:var(--fs-sm);font-weight:600}.card.ansrow .illus-ph.sm{border-radius:var(--r-md);flex:none;width:100px;height:100px}.illus-cap{margin:calc(var(--s2) * -1) auto 0;display:table}.view-cap{align-self:flex-start;margin-top:-2px}.illus-sm{object-fit:contain;background:var(--bg);border-radius:var(--r-md);flex:none;width:44px;height:44px}.illus-pos{object-fit:contain;background:var(--bg);border-radius:var(--r-md);flex:none;width:84px;height:84px}.card.posrow{padding:var(--s3);flex-direction:row;align-items:center}.card.posrow .posmain{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.card.posrow .name{margin:0}.cat{text-align:left;cursor:pointer;width:100%;font:inherit;color:var(--text);flex-direction:row;justify-content:space-between;align-items:center}.cat b{font-size:var(--fs-md);display:block}.cat .sub{font-size:var(--fs-sm);color:var(--muted);margin-top:2px;display:block}.backrow{align-items:center;gap:var(--s2);display:flex}.legal-h{margin-top:var(--s3)}.madeby{text-align:center;color:var(--muted);font-size:var(--fs-xs);margin-top:var(--s2)}.card.legal p{line-height:1.5}.maillink{color:var(--accent-ink);text-underline-offset:2px;overflow-wrap:anywhere;text-decoration:underline}.learn-story{gap:var(--s4);flex-direction:column;display:flex}.learn-lede{font-size:19px;font-weight:600;line-height:1.5}.learn-emphasis{text-align:center;color:var(--accent-ink);margin:0;font-size:17px;font-style:italic;line-height:1.5}.learn-story .reveal{opacity:0;transition:opacity .5s ease-out,transform .5s ease-out;transform:translateY(10px)}.learn-story .reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.learn-story .reveal{opacity:1;transition:none;transform:none}}.iconbtn{padding:var(--s2);margin-left:calc(-1 * var(--s2));cursor:pointer;color:var(--text);background:0 0;border:0;display:flex}.cta{gap:var(--s2);flex-direction:column;display:flex}.hint{text-align:center;color:var(--muted);font-size:var(--fs-sm)}.backlink{align-self:flex-start;align-items:center;gap:var(--s1);padding:var(--s1) 0;margin-left:calc(-1 * var(--s1));font:inherit;font-size:var(--fs-md);color:var(--text);cursor:pointer;background:0 0;border:0;display:inline-flex}.bl-head{align-items:flex-start}.bulb{padding:var(--s1);cursor:pointer;color:var(--accent-ink);font:inherit;background:0 0;border:0;flex-direction:column;align-items:center;gap:2px;margin-left:auto;display:flex}.bulb span{font-size:var(--fs-xs);color:var(--muted)}.idea{justify-content:space-between;align-items:center;gap:var(--s3);padding:var(--s2) 0;border-top:1px solid var(--line);font-size:var(--fs-md);display:flex}.idea:first-of-type{border-top:0}.roundbtn{border:1px solid var(--accent);background:var(--card);width:32px;height:32px;color:var(--accent-ink);cursor:pointer;border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.roundbtn:disabled{border-color:var(--line);color:var(--muted);cursor:default}.fab{background:var(--accent);width:56px;height:56px;color:var(--on-accent);cursor:pointer;box-shadow:var(--shadow);border:0;border-radius:50%;justify-content:center;align-self:center;align-items:center;display:flex}.bl-item{align-items:center;gap:var(--s2);flex-direction:row}.bl-item:focus-within{border-color:var(--accent)}.bl-input{min-width:0;font:inherit;font-size:var(--fs-md);color:var(--text);background:0 0;border:0;outline:none;flex:1}.bulb.on{background:var(--accent-tint);border-radius:var(--r-md)}.bulb.on span{color:var(--accent-ink);font-weight:600}.panelhead{justify-content:space-between;align-items:center;gap:var(--s2);display:flex}.bodymap{width:100%;max-width:260px;margin:0 auto;display:block}.zone{cursor:pointer}.zone:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.legend{gap:var(--s3);align-items:flex-start;display:flex}.legend svg{flex:none;margin-top:1px}.code{font-family:var(--mono);font-size:var(--fs-lg);letter-spacing:.08em}.field-input{border:1px solid var(--accent-line);border-radius:var(--r-pill);min-width:0;padding:10px var(--s4);font:inherit;font-size:var(--fs-md);color:var(--text);background:var(--bg);flex:1}.field-input:focus{border-color:var(--accent);outline:none}.err{color:var(--accent-ink)}.choice{padding:var(--s3);border:1px solid var(--line);border-radius:var(--r-md);background:var(--card);font:inherit;font-size:var(--fs-md);color:var(--text);cursor:pointer;text-align:left;align-items:center;display:flex}.choice.on{border-color:var(--accent);background:var(--accent-tint);color:var(--accent-ink);font-weight:600}.bl-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.bl-main-btn{font:inherit;text-align:left;cursor:pointer;color:inherit;background:0 0;border:0;margin:0;padding:0}.bl-sub{font-size:var(--fs-xs);letter-spacing:.02em;color:var(--done-ink);font-weight:600}.card.done{background:var(--done-tint);border-color:var(--done-line)}.check{border:1px solid var(--line-strong);width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.check.on{background:var(--done-fill);border-color:var(--done-fill);color:#fff}.cat{background:var(--accent-wash);gap:var(--s3)}.cat .lead{color:var(--accent-ink);flex:none;display:flex}.cat .txt{flex:1;min-width:0}.you-top{justify-content:space-between;align-items:center;display:flex}.avatar{background:var(--accent-tint);border:1px solid var(--accent-line);width:44px;height:44px;font-family:var(--font-display);color:var(--accent-ink);cursor:pointer;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:17px;font-weight:700;display:flex}.pair{gap:var(--s3);grid-template-columns:1fr 1fr;display:grid}.smallcard{text-align:left;background:var(--card);border:1px solid var(--accent-line);border-radius:var(--r-lg);padding:var(--s3);box-shadow:var(--shadow);font:inherit;color:var(--text);cursor:pointer;flex-direction:column;align-items:flex-start;gap:6px;display:flex}.smallcard svg{color:var(--accent-ink)}.smallcard b{font-size:var(--fs-sm)}.smallcard span{font-size:var(--fs-xs);color:var(--muted)}.bucketcard{text-align:left;background:var(--card);border:1px solid var(--accent-line);border-radius:var(--r-lg);width:100%;padding:var(--s4);box-shadow:var(--shadow);font:inherit;color:var(--text);cursor:pointer;flex-direction:column;gap:8px;display:flex}.bc-head{justify-content:space-between;align-items:center;display:flex}.bc-head b{font-size:var(--fs-md)}.bc-head span{font-size:var(--fs-xs);color:var(--muted)}.bl-preview{align-items:center;gap:var(--s2);font-size:var(--fs-sm);border-top:1px solid var(--line);padding-top:6px;display:flex}.bl-preview:first-of-type{border-top:0;padding-top:0}.bl-preview .dot{border:1.6px solid var(--accent);border-radius:50%;flex:none;width:8px;height:8px}.bl-preview.done{color:var(--muted);text-decoration:line-through}.bl-preview.done .dot{background:var(--done-fill);border-color:var(--done-fill)}.bucketcard .seeall{font-size:var(--fs-sm);color:var(--accent-ink);align-self:flex-end;font-weight:600}.auth,.splash{justify-content:center;gap:var(--s5);padding:var(--s6) var(--s5)}.splash{align-items:center}.wordmark-lg{font-family:var(--serif);letter-spacing:-.01em;text-align:center;font-size:56px;line-height:1.05}.tagline{text-align:center;color:var(--muted);font-size:var(--fs-md)}.center{text-align:center;align-self:center}.auth .btn{width:100%;min-height:52px}.stack[hidden]{display:none}.cat.locked .sub,.smallcard.locked span,.bucketcard.locked .bc-head span{color:var(--accent-ink);font-weight:600}.premium-teaser{background:var(--accent-wash);border-style:dashed}.premium-status p,.premium-list>b{margin:0}.premium-list{gap:var(--s3);flex-direction:column;display:flex}.pl-row{gap:var(--s3);align-items:flex-start;display:flex}.pl-row.on{background:var(--accent-wash);border-radius:var(--r-md);padding:var(--s2);margin:calc(var(--s2) * -1)}.pl-icon{color:var(--accent);flex:none;padding-top:1px}.pl-icon.soft{color:var(--muted)}.pl-text{flex-direction:column;gap:2px;min-width:0;display:flex}.plans{gap:var(--s3);grid-template-columns:1fr 1fr;display:grid}.plan{padding:var(--s4) var(--s2);border:1px solid var(--accent-line);border-radius:var(--r-lg);background:var(--card);text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex;position:relative}.plan.best{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.plan-note{font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;background:var(--accent);color:var(--on-accent);padding:2px var(--s2);border-radius:var(--r-pill);position:absolute;top:-10px}.plan-who{font-size:var(--fs-sm);color:var(--muted)}.plan-price{font-family:var(--serif);font-size:26px;line-height:1.1}.plan-per{font-size:var(--fs-sm);color:var(--muted)}.own-add{gap:var(--s3);flex-direction:column;display:flex}.iconpick{gap:var(--s2);grid-template-columns:repeat(5,1fr);display:grid}.iconopt{aspect-ratio:1;border:1px solid var(--line);border-radius:var(--r-md);background:var(--card);color:var(--muted);cursor:pointer;justify-content:center;align-items:center;padding:0;display:flex}.iconopt .illus-icon-img{width:70%;height:70%}.iconopt.on{border-color:var(--accent);background:var(--accent-tint);color:var(--accent)}.iconopt:focus-visible{outline:2px solid var(--text);outline-offset:2px}.own-item{align-items:center;gap:var(--s3);flex-direction:row}.own-item .bl-sub{color:var(--accent-ink)}.own-item .iconbtn{margin-left:auto;margin-right:calc(-1 * var(--s2));color:var(--muted)}.own-icon{width:44px;height:44px;color:var(--accent);flex:none;justify-content:center;align-items:center;display:flex}.own-icon .illus-icon-img{width:40px;height:40px}.swatches{gap:var(--s3);padding:var(--s1) 0;flex-wrap:wrap;display:flex}.swatch{border:3px solid var(--card);width:38px;height:38px;box-shadow:0 0 0 1px var(--line-strong);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:50%;padding:0}.swatch.on{box-shadow:0 0 0 2px var(--text)}.swatch:disabled{cursor:default;opacity:.7}.swatch:focus-visible{outline:2px solid var(--text);outline-offset:3px}.lock{align-items:center;gap:var(--s4)}.lock .stack{align-items:center;gap:var(--s2)}.pin-dots{gap:var(--s3);padding:var(--s2) 0;display:flex}.pin-dots .dot{border:1.5px solid var(--line-strong);background:0 0;border-radius:50%;width:14px;height:14px}.pin-dots .dot.on{background:var(--text);border-color:var(--text)}.pin-msg{text-align:center;min-height:1.4em;font-size:var(--fs-sm);margin:0}.pin-pad{gap:var(--s3) var(--s4);grid-template-columns:repeat(3,72px);justify-content:center;display:grid}.pin-key{border:1px solid var(--line);background:var(--card);width:72px;height:72px;color:var(--text);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:50%;font-size:26px}.pin-key:active{background:var(--surface)}.pin-key:disabled{opacity:.4;cursor:default}.pin-key:focus-visible{outline:2px solid var(--text);outline-offset:2px}.lock .linkbtn{color:var(--muted)}.tf{flex-direction:column;gap:6px;display:flex}.tf>span:first-child{font-size:var(--fs-sm);font-weight:600}.pw{align-items:center;gap:var(--s3);display:flex}.linkbtn{font:inherit;color:var(--accent-ink);text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.btn:disabled{opacity:.55;cursor:default}.hint .linkbtn,.muted .linkbtn{font-weight:600}.banner{background:var(--surface);color:var(--muted);font-size:var(--fs-sm);text-align:center;padding:var(--s2) var(--s3)}.tf .field-input{flex:none;width:100%}.tf .pw .field-input{flex:1;width:auto}.linkcode{font-family:var(--mono);letter-spacing:.12em;color:var(--text);-webkit-user-select:all;user-select:all;font-size:26px;font-weight:600}.nudge-text{font-size:var(--fs-lg);line-height:1.35}.nudge-acts{gap:var(--s2);flex-wrap:nowrap;flex:none;align-items:center;margin-left:auto}.nudge-acts .cardbtn:disabled{cursor:default;opacity:1}.loved-tag{align-items:center;gap:4px;display:inline-flex}.loved-tag svg{fill:currentColor}.loved-what{margin-top:var(--s1)}.verse-ref{font-size:var(--fs-sm);letter-spacing:.02em;color:var(--accent-ink);margin-bottom:var(--s2);font-weight:600;display:block}.verse-text{font-size:20px;font-style:italic;line-height:1.45}.verse-actions{gap:var(--s2);margin-top:var(--s3);flex-direction:column;display:flex}.verse-actions .btn.sm{align-self:center}.bl-text{font-size:var(--fs-md);overflow-wrap:anywhere}.nav button{position:relative}.nav .dot{background:var(--accent);border:2px solid var(--card);box-sizing:content-box;border-radius:50%;width:9px;height:9px;position:absolute;top:6px;left:calc(50% + 7px)}.stickybar{z-index:5;margin:calc(-1 * var(--s5)) calc(-1 * var(--s4)) 0;padding:calc(var(--s1) + env(safe-area-inset-top)) var(--s4) var(--s1);background:var(--bg);border-bottom:1px solid var(--line);position:sticky;top:0}.stickybar .backlink{padding:var(--s2) var(--s1) var(--s2) 0;margin-left:0}.card.setlist{padding-top:var(--s1);padding-bottom:var(--s1);gap:0}.setblock{gap:var(--s2);padding:var(--s3) 0;flex-direction:column;display:flex}.setblock+.setblock{border-top:1px solid var(--line)}.setrow{justify-content:space-between;align-items:center;gap:var(--s3);display:flex}.setmain{flex-direction:column;gap:2px;min-width:0;display:flex}.setrow .btn{flex:none}.acts-item.pink{border-color:var(--pink-line);background:var(--pink-wash)}.acts-item.pink .bl-sub{color:var(--pink-ink)}.acts-item.blue{border-color:var(--blue-line);background:var(--blue-wash)}.acts-item.blue .bl-sub{color:var(--blue-ink)}.acts-item.lavender{border-color:var(--lavender-line);background:var(--lavender-wash)}.acts-item.lavender .bl-sub{color:var(--lavender-ink)}.acts-draw{text-align:center;align-items:stretch;gap:var(--s3)}.acts-draw.empty{align-items:center}.acts-draw .row{justify-content:center}.bl-input-wrap{resize:none;margin:0;padding:0;line-height:1.35}.pos-orig{font-size:var(--fs-xs);color:var(--muted)}.flipcard{transform-origin:50%}.flipcard.turn0{animation:.26s cubic-bezier(.2,.7,.3,1) cardturn0}.flipcard.turn1{animation:.26s cubic-bezier(.2,.7,.3,1) cardturn1}@keyframes cardturn0{0%{opacity:.35;transform:perspective(900px)rotateY(-88deg)}to{opacity:1;transform:perspective(900px)rotateY(0)}}@keyframes cardturn1{0%{opacity:.35;transform:perspective(900px)rotateY(-88deg)}to{opacity:1;transform:perspective(900px)rotateY(0)}}@media (prefers-reduced-motion:reduce){.flipcard.turn0,.flipcard.turn1{animation:none}}.flipcard{position:relative}.flipcorner{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;justify-content:flex-end;align-items:flex-end;width:68px;height:68px;padding:0;display:flex;position:absolute;bottom:-1px;right:-1px}.flipcorner svg{display:block;overflow:visible}.fc-cut{fill:var(--bg)}.fc-flap{fill:var(--accent-tint);stroke:var(--accent);stroke-opacity:.5;stroke-width:1.2px;stroke-linejoin:round;filter:drop-shadow(-1.5px -1.5px 2.5px #1010181f)}.fc-arrow{fill:none;stroke:var(--accent);stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round}.flipcorner:active .fc-flap{stroke-opacity:.9}.flipcorner:focus-visible{outline:none}.flipcorner:focus-visible .fc-flap{stroke-opacity:1;stroke-width:2px}.flipcard:not(.is-back)>h2{padding-right:60px}.flipcard.is-back{padding-bottom:60px}.pos-desc{line-height:1.5}.card h2+.pos-orig{margin-top:calc(var(--s2) * -1)}.pos-note{background:var(--accent-tint);border-radius:var(--r-md);padding:var(--s3);flex-direction:column;gap:2px;display:flex}.pos-note p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.pos-note-label{font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--accent-ink)}.tagrow{gap:var(--s1);min-width:0}.tagrow .tag{white-space:nowrap}.tagrow .cardedit{margin:calc(-1 * var(--s2)) calc(-1 * var(--s1));color:var(--muted);flex:none}.cardtop{gap:var(--s2) var(--s1);flex-wrap:wrap}.cardacts{gap:var(--s2);flex:none;margin-left:auto}.cardbtn{border:1px solid var(--line);background:var(--card);width:40px;height:40px;color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.cardbtn:active{background:var(--surface)}.cardbtn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.cardbtn.on{background:var(--accent-tint);border-color:var(--accent);color:var(--accent)}.cardbtn.on svg{fill:currentColor}.note-area{border-radius:var(--r-md);resize:vertical;min-height:84px;line-height:1.4}.pos-by{font-size:var(--fs-sm);margin:0}.pos-clear{font-size:var(--fs-sm);color:var(--muted);align-self:flex-start}.namerow{align-items:center;gap:var(--s1);min-width:0;display:flex}.namerow .name{overflow-wrap:anywhere;min-width:0}.namerow .noteedit{margin:calc(-1 * var(--s2)) 0;color:var(--muted);flex:none}.namerow .posexpand{margin:calc(-1 * var(--s2)) calc(-1 * var(--s2)) calc(-1 * var(--s2)) auto;padding:var(--s2);color:var(--muted);flex:none}.namerow .posexpand:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:var(--r-md)}.card.posrow.open{align-items:stretch;gap:var(--s3);padding:var(--s4);flex-direction:column}.card.posrow.open .poshead{flex-direction:column;gap:2px;display:flex}.card.posrow.open .name{font-size:var(--fs-lg)}.card.posrow.open .posexpand{color:var(--accent)}.flame{color:var(--accent);flex:none}.flame text{fill:var(--accent-ink);font-family:var(--font)}.flame.lit path{fill:var(--accent-tint)}.challenge{text-align:center;align-items:center;gap:var(--s4);padding-top:var(--s5);padding-bottom:var(--s5)}.chal-streak{align-items:center;gap:var(--s1);font-size:var(--fs-sm);color:var(--accent-ink);flex-direction:column;font-weight:600;display:flex}.chal-text{margin:0}.chal-next{text-align:center;margin:0}.tabhead h2,.chal-none{margin:0}.chal-remind .iconbtn{margin:calc(-1 * var(--s2)) calc(-1 * var(--s2)) calc(-1 * var(--s2)) 0;color:var(--muted);flex:none}.chal-remind p{margin:0}.chal-from{align-self:center}.chal-hide{color:var(--muted);font-size:var(--fs-sm);align-self:center}.card.chalrow{gap:var(--s2)}.chalrow-text{font-size:var(--fs-md);align-items:center;gap:var(--s2);flex-wrap:wrap;display:flex}.own-hint{font-size:var(--fs-sm);margin:0}html.native .app{padding-top:env(safe-area-inset-top)}html.native body:before{content:"";height:env(safe-area-inset-top);background:var(--bg);z-index:30;position:fixed;top:0;left:0;right:0}html.native .stickybar{top:env(safe-area-inset-top);padding-top:var(--s1)}html.native img{-webkit-touch-callout:none;-webkit-user-drag:none}html.native{overscroll-behavior:none;overflow-x:hidden}html.native input,html.native textarea,html.native select{font-size:16px}html.native{scrollbar-width:none}html.native ::-webkit-scrollbar{display:none}@media (height<=900px){main{padding-bottom:var(--s4)}.feature:not(.tall){aspect-ratio:3/2}}@media (height<=760px){main{padding-top:var(--s4)}.home{gap:var(--s3)}.drawblock{gap:var(--s3);padding:var(--s3) var(--s4)}.home .masthead{gap:var(--s2)}.home .wordmark{font-size:28px}.home h1{font-size:34px}.tiles.deck .tile{padding:15px 9px 12px}.feature:not(.tall){aspect-ratio:2}.feature-icon-img{width:60px;height:60px}}
