.sq{min-height:420px;color:var(--ink);font-family:var(--body);flex-direction:column;display:flex;position:relative}.sq-top{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.sq-count{font-family:var(--mono);letter-spacing:.14em;color:#8a5600;font-size:.8rem}.sq-bar{gap:6px;display:flex}.sq-bar span{background:#211f1829;border-radius:2px;width:34px;height:4px;transition:background .3s}.sq-bar span.is-done{background:var(--solar)}.sq-bar span.is-now{background:var(--ink)}.sq-body{flex-direction:column;flex:1;justify-content:center;display:flex}.sq-q{font-family:var(--display);letter-spacing:-.015em;outline:none;margin:0 0 8px;font-size:clamp(1.55rem,3.2vw,2.3rem);font-weight:800;line-height:1.08}.sq-hint{color:var(--muted);margin:0 0 22px;font-size:1.04rem;line-height:1.45}.sq-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.sq-tiles--col{grid-template-columns:1fr}.sq-tile{text-align:left;box-sizing:border-box;cursor:pointer;width:100%;min-height:58px;font-family:var(--body);color:var(--ink);background:var(--card);border:1.5px solid #211f1838;border-radius:2px;align-items:center;gap:14px;padding:12px 16px;font-size:1rem;transition:border-color .15s,background .15s;display:flex}.sq-tile:hover:not(:disabled){border-color:var(--amber)}.sq-tile:disabled{opacity:.6;cursor:default}.sq-tile-text{flex-direction:column;gap:2px;display:flex}.sq-tile-text b{font-size:1.05rem;font-weight:600}.sq-tile-text span{color:var(--muted);font-size:.88rem}.sq-key{min-width:28px;height:28px;font:600 .75rem var(--mono);color:var(--ink);border:1.5px solid #211f1859;border-radius:2px;place-items:center;display:inline-grid}.sq-tile.is-on{background:var(--ink);border-color:var(--ink);color:var(--paper)}.sq-tile.is-on .sq-tile-text span{color:#cfc8b6}.sq-tile.is-on .sq-key{background:var(--solar);border-color:var(--solar)}.sq-in{box-sizing:border-box;border:0;border-bottom:2px solid var(--ink);width:100%;font:500 clamp(1.4rem,3vw,2rem)var(--body);color:var(--ink);background:0 0;border-radius:0;padding:8px 0}.sq-in--sm{font-size:clamp(1.15rem,2.4vw,1.6rem)}.sq-in::placeholder{color:#8a8576}.sq-in:focus{border-bottom-color:var(--amber);outline:none}.sq-pair{grid-template-columns:1fr;gap:20px;display:grid}.sq-label{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:2px;font-size:.72rem;display:block}.sq-small{color:var(--muted);margin:14px 0 0;font-size:.88rem}.sq-small a{color:var(--ink)}.sq-err{color:#a12a1a;margin:16px 0 0;font-size:1rem;font-weight:600}.sq-actions{align-items:center;gap:16px;margin-top:24px;display:flex}.sq-enter{color:var(--muted);font-size:.88rem}.sq-foot{margin-top:18px}.sq-back{color:var(--ink);font:600 1rem var(--body);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:10px 0;display:inline-flex}.sq-back:hover{color:#8a5600}.sq-done{flex-direction:column;align-items:flex-start;display:flex}.sq-done-tag{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#3f7d4e;align-items:center;gap:8px;margin-bottom:12px;font-size:.78rem;display:inline-flex}.sq-trap{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.sq-spark{display:none}.sq button:focus-visible,.sq input:focus-visible,.sq a:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.sq-in:focus-visible{outline:none}@media (min-width:560px){.sq-pair{grid-template-columns:1fr 1fr}}@media (max-width:480px){.sq-tiles{grid-template-columns:1fr}.sq-bar span{width:24px}}@media (prefers-reduced-motion:reduce){.sq-bar span,.sq-tile{transition:none}}.sq--card{min-height:460px}.sqp{background:var(--paper);grid-template-columns:minmax(0,5fr) minmax(0,7fr);min-height:calc(100vh - 120px);display:grid}.sqp-brand{background-color:var(--ink);color:var(--paper);background-image:linear-gradient(#f7f2e70d 1px,#0000 1px),linear-gradient(90deg,#f7f2e70d 1px,#0000 1px);background-size:60px 60px;flex-direction:column;justify-content:flex-end;padding:56px 48px;display:flex;position:relative;overflow:hidden}.sqp-brand .eyebrow{color:var(--solar)}.sqp-brand h1{font-family:var(--display);letter-spacing:-.015em;margin:14px 0 28px;font-size:clamp(1.9rem,3.4vw,2.7rem);font-weight:800;line-height:1.05}.sqp-point{gap:14px;margin-bottom:18px;display:flex}.sqp-point svg{width:22px;height:22px;stroke:var(--solar);flex:none;margin-top:2px}.sqp-point b{font-size:1.05rem;display:block}.sqp-point span{color:#a69f8e;font-size:.95rem}.sqp-mark{width:420px;height:420px;color:var(--solar);opacity:.09;pointer-events:none;position:absolute;top:40px;right:-120px}.sqp-form{flex-direction:column;justify-content:center;padding:48px 64px;display:flex}.sqp-form .sq{min-height:520px}@media (max-width:860px){.sqp{grid-template-columns:1fr;min-height:0}.sqp-brand{justify-content:flex-start;padding:28px 20px}.sqp-brand h1{margin:10px 0 0;font-size:1.7rem}.sqp-point{display:none}.sqp-mark{width:220px;height:220px;top:-30px;right:-60px}.sqp-form{padding:28px 20px 40px}.sqp-form .sq{min-height:0}}