:root{--paper:#faf9f7;--ink:#1f1d1a;--body:#2e2b27;--muted:#75706a;--faint:#a09a92;--line:#d6d1c9;--hair:#eae7e1;--accent:#a8562f;--accent-dark:#8a4526;--accent-soft:#fbf3ee;--sans:system-ui,"Segoe UI",Roboto,sans-serif;--mono:ui-monospace,Menlo,Consolas,monospace}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:var(--accent)}a:hover{color:var(--accent-dark)}.shell{max-width:430px;margin:0 auto;min-height:100dvh}.screen,.shell{display:flex;flex-direction:column}.screen{flex-grow:1;padding:40px 24px 24px;gap:24px}.footer{padding:14px 24px calc(18px + env(safe-area-inset-bottom));border-top:1px solid var(--hair);display:flex;justify-content:center}.foot{letter-spacing:.03em;color:var(--faint);text-align:center}.foot,.mono{font-family:var(--mono);font-size:10px}.mono{letter-spacing:.09em;text-transform:uppercase;color:var(--accent)}.q{font-size:25px;line-height:1.28;margin:0;text-wrap:pretty}.hint{font-size:15px;line-height:1.45;color:var(--muted)}.p{font-size:17px;line-height:1.62;color:var(--body)}.opening,.p{margin:0;text-wrap:pretty}.opening{font-size:27px;line-height:1.24}.stack{display:flex;flex-direction:column;gap:12px}.grow{flex-grow:1}.opt{min-height:60px;width:100%;text-align:left;background:#ffffff;border:1px solid var(--line);border-radius:5px;padding:17px 16px;font-size:16px;line-height:1.3;font-family:inherit;color:var(--ink);cursor:pointer}.opt:hover{border-color:var(--accent)}.opt:active{background:var(--accent-soft)}.btn{min-height:52px;width:100%;background:var(--accent);color:var(--paper);border:1px solid var(--accent);border-radius:5px;font-size:16px;font-family:inherit;cursor:pointer}.btn:hover{background:var(--accent-dark)}.btn:disabled{opacity:.45;cursor:default}.btn2{min-height:52px;width:100%;background:#ffffff;color:var(--ink);border:1px solid var(--line);border-radius:5px;font-size:16px;font-family:inherit;cursor:pointer}.btn2:hover{border-color:var(--accent)}.link{min-height:48px;background:none;border:none;color:var(--muted);font-size:15px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.link,textarea{font-family:inherit}textarea{width:100%;background:#ffffff;border:1px solid var(--line);border-radius:5px;padding:16px;font-size:17px;line-height:1.5;color:var(--ink);resize:none}textarea:focus{outline:none;border-color:var(--accent)}.bars{display:flex;gap:5px}.bar{height:3px;flex-grow:1;background:#e0dbd3;border-radius:2px}.bar.on{background:var(--accent)}.rule{height:1px;background:#e0dbd3;border:none;margin:4px 0}.card{background:#ffffff;border:1px solid var(--line);border-radius:5px;padding:16px;display:flex;flex-direction:column;gap:7px}.card h3{font-size:18px;line-height:1.3;margin:0;font-weight:500}.card .why{font-size:13px;line-height:1.5;color:#857f77}.note{border:1px dashed #c9a48c;border-radius:5px;padding:12px 14px;background:var(--accent-soft);display:flex;flex-direction:column;gap:5px}.note p{margin:0;font-size:13px;line-height:1.5}.note p,.support{color:var(--muted)}.support{font-size:14px;line-height:1.55;padding-left:14px;border-left:2px solid var(--line)}.row{display:flex;gap:10px}.row>*{flex-grow:1;flex-basis:0}.dots{display:flex;gap:7px;justify-content:center}.dot{width:9px;height:9px;border-radius:50%;background:#eadfd7;animation:pulse 1.4s ease-in-out infinite}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,to{background:#eadfd7}50%{background:var(--accent)}}@media (prefers-reduced-motion:reduce){.dot{animation:none}}.centre{align-items:center;justify-content:center;text-align:center}pre.preview{font-family:var(--mono);font-size:11px;line-height:1.5;color:var(--muted);background:#ffffff;border:1px solid var(--line);border-radius:5px;padding:14px;white-space:pre-wrap;word-break:break-word;max-height:300px;overflow-y:auto;margin:0}