.gbar{top:calc(var(--nav-h) - 2px);transition:border-radius .2s,box-shadow .2s}.gbar.is-stuck{border-bottom-color:#16130f24;border-radius:14px;box-shadow:0 6px 22px -6px #16130f47}.grail{scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;background:#fbfaf7;border-bottom:2px solid #16130f1a;flex-wrap:nowrap;gap:6px;padding:9px 16px;display:flex;overflow:auto hidden}.grail::-webkit-scrollbar{display:none}.gchip{flex:none}@media (width>=640px){.grail{gap:7px;padding:10px 24px}}.gchip{cursor:pointer;color:#8a8175;width:30px;height:30px;transition:transform .28s var(--ease-out), background-color .28s var(--ease-out), border-color .28s var(--ease-out), color .28s var(--ease-out), box-shadow .28s var(--ease-out);background:#fff;border:2px solid #16130f2e;border-radius:9px;place-items:center;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px;font-weight:700;display:grid;position:relative}@media (width>=640px){.gchip{border-radius:10px;width:34px;height:34px;font-size:12.5px}}.gchip:hover{border-color:#16130f;transform:translateY(-2px)}.gchip.is-filled{color:#16130f;border-color:#16130f}.gchip.is-current{color:#fff;background:#16130f;border-color:#16130f;transform:translateY(-2px)scale(1.06);box-shadow:3px 3px #16130f33}.gchip.is-good{color:#066a4c;background:#e7f6ef;border-color:#0ca678}.gchip.is-weak{color:#c2410c;background:#fdece1;border-color:#f26522}.gchip.is-current.is-good{color:#fff;background:#0ca678}.gchip.is-current.is-weak{color:#fff;background:#f26522}.gchip.is-landing{animation:chip-land .5s var(--ease-out) both;animation-delay:var(--chip-d,0s)}@keyframes chip-land{0%{transform:scale(1)}45%{transform:scale(1.28)rotate(-6deg)}to{transform:scale(1)}}.gchip.is-current.is-landing{animation-name:chip-land-current}@keyframes chip-land-current{0%{transform:translateY(-2px)scale(1.06)}45%{transform:translateY(-2px)scale(1.32)rotate(-6deg)}to{transform:translateY(-2px)scale(1.06)}}.gstage{position:relative}.q{display:none}.q.is-current{display:block}.q.is-in{animation:q-in .34s var(--ease-out) both}@keyframes q-in{0%{opacity:0;transform:translateX(var(--q-from,18px))}to{opacity:1;transform:none}}.q-step{letter-spacing:.14em;text-transform:uppercase;color:#8a8175;margin:0 0 10px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;font-weight:700}.q-step span{color:#c2410c}.q-label{letter-spacing:-.01em;color:#16130f;font-family:Bricolage Grotesque,Figtree,sans-serif;font-size:1.35rem;font-weight:700;line-height:1.25;display:block}@media (width>=640px){.q-label{font-size:1.7rem}}.q-hint{color:#6b655b;max-width:54ch;margin-top:.5rem;font-size:14.5px;line-height:1.5;display:block}.q-lesson{color:#8a8175;margin-top:12px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11.5px}.q-lesson span{color:#f26522}.q-lesson a{color:#c2410c;font-weight:700}.q-lesson a:hover{text-decoration:underline}.gpager{background:#fff;align-items:center;gap:10px;padding:9px 16px;display:flex}@media (width>=640px){.gpager{gap:12px;padding:10px 24px}}.gnav{cursor:pointer;white-space:nowrap;color:#16130f;transition:transform .18s var(--ease-out), box-shadow .18s var(--ease-out), background-color .18s var(--ease-out);background:#fff;border:2px solid #16130f;border-radius:999px;align-items:center;gap:7px;padding:7px 14px;font-size:13.5px;font-weight:700;display:inline-flex}@media (width>=640px){.gnav{padding:8px 16px;font-size:14px}}.gnav:hover{transform:translate(-2px,-2px);box-shadow:3px 3px #16130f}.gnav:disabled{cursor:default;opacity:.35;box-shadow:none;transform:none}.gnav-primary{color:#fff;background:#f26522;border-color:#16130f}.gnav-one{color:#c2410c;background:#fdeee4}.gnav-one span[aria-hidden]{color:#f26522}.gnav-one.is-busy{pointer-events:none;opacity:.75}.gnav-one.is-busy span[aria-hidden]{animation:1.1s linear infinite one-spin;display:inline-block}@keyframes one-spin{to{transform:rotate(360deg)}}@media (width<=639px){.gchip{border-radius:8px;width:27px;height:27px;font-size:11.5px}}@media (prefers-reduced-motion:reduce){.gnav-one.is-busy span[aria-hidden]{animation:none}.gchip,.gnav{transition:none}.q.is-in,.gchip.is-landing{animation:none}}.abox{background:#fff;border:2px solid #16130f29;border-radius:12px;transition:border-color .18s,box-shadow .18s;overflow:hidden}.abox:focus-within{border-color:#16130f;box-shadow:4px 4px #16130f24}.ata{resize:none;color:#16130f;background:0 0;border:0;width:100%;min-height:128px;padding:13px 15px;font-size:15px;line-height:1.6;display:block}.ata:focus{outline:none}.ata::placeholder{color:#6b655ba6}.acap{text-align:right;color:#6b655b;margin:-6px 15px 8px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px}.acap.over{color:#c2410c;font-weight:700}.note{background:#fbfaf7;border-top:1px solid #16130f1f;padding:14px 15px 15px}.note[data-work="1"]{box-shadow:inset 3px 0 #f26522}.note-tag{color:#066a4c;letter-spacing:.01em;background:#e7f6ef;border-radius:999px;align-items:center;gap:6px;padding:3px 10px 3px 8px;font-size:11.5px;font-weight:700;display:inline-flex}.note-tag:before{content:"";background:#0ca678;border-radius:999px;width:7px;height:7px}.note[data-work="1"] .note-tag{color:#c2410c;background:#fdece1}.note[data-work="1"] .note-tag:before{background:#f26522}.note-quote{color:#6b655b;margin:10px 0 0;font-size:13px;font-style:italic;line-height:1.5}.note-line{color:#4a453e;border-left:2px solid #16130f24;margin-top:10px;padding-left:11px;font-size:14px;line-height:1.55}.note-line b{letter-spacing:.04em;text-transform:uppercase;color:#8a8175;margin-bottom:1px;font-size:11.5px;font-weight:700;display:block}.note-line.is-good{border-left-color:#0ca678}.note-line.is-good b{color:#066a4c}.note-line.is-weak{border-left-color:#f26522}.note-line.is-weak b{color:#c2410c}.note-try-wrap{background:#fff;border:1px solid #16130f24;border-radius:11px;margin-top:11px;overflow:hidden}.note-try-head{background:#f7f4ee;border-bottom:1px solid #16130f17;align-items:center;gap:8px;padding:7px 11px;display:flex}.note-try-head span{letter-spacing:.04em;text-transform:uppercase;color:#8a8175;font-size:11.5px;font-weight:700}.note-copy{cursor:pointer;color:#c2410c;transition:background-color .15s var(--ease-out), color .15s var(--ease-out);background:0 0;border:0;border-radius:6px;margin-left:auto;padding:2px 4px;font-size:11.5px;font-weight:700}.note-copy:hover{background:#fdece1}.note-copy.is-done{color:#066a4c}.note-try{color:#16130f;padding:11px;font-size:14.5px;line-height:1.6;display:block}.note-foot{color:#6b655b;margin-top:12px;font-size:13px}.note-foot a{color:#c2410c;font-weight:600}.note-foot a:hover{text-decoration:underline}.note{animation:note-in .42s var(--ease-out) both;animation-delay:var(--note-d,0s)}@keyframes note-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.note{animation:none}}.mystery{filter:blur(6px);user-select:none;pointer-events:none}@media (prefers-reduced-motion:reduce){.abox{transition:none}}
