: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;--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)}details{font-size:var(--fs-xs);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(--s5);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}.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}.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}}.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:76px;color:var(--accent);justify-content:center;align-items:center;display:flex}.name{font-size:var(--fs-sm);font-weight:600}.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}.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-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}.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}.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{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}.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}