.s-page .po-back{border-left:4px solid var(--s-go);background:var(--panel);border-radius:4px;padding:8px 12px}.s-page .po-done{border:1px solid var(--line);border-left:6px solid var(--s-go);background:var(--panel);border-radius:6px;gap:10px;padding:18px 18px 20px;display:grid}.s-page .po-done h2{font-family:var(--display);font-size:26px;font-weight:800;line-height:1.1}.s-page .po-done .po-when{color:var(--ink);font-size:19px;font-weight:750}.s-page .po-done p{color:var(--ink2)}.s-page .po-done ul{color:var(--ink2);gap:6px;margin:0;padding-left:20px;display:grid}.s-page .po-moves{font-size:13.5px;line-height:1.45}.s-page .po-code-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.s-page .po-code-row input{text-transform:uppercase;letter-spacing:.04em}.s-page .po-code-row input::placeholder{text-transform:none;letter-spacing:0}.s-page .po-code-btn{border:1.5px solid var(--ink);background:var(--panel);min-height:54px;color:var(--ink);font:700 16px var(--body);cursor:pointer;border-radius:8px;padding:0 18px}.s-page .po-code-btn:hover:not(:disabled){background:var(--bg)}.s-page .po-code-btn:disabled{opacity:.55;cursor:not-allowed}.s-page .po-code-ok:empty,.s-page .po-code-bad:empty{display:none}.s-page .po-code-ok{color:var(--s-go);font-weight:650}.s-page .po-code-bad{color:var(--alert);margin:0;font-size:14.5px;font-weight:650}.s-page .po-was{color:#98a2b3;font-weight:600}.s-page .po-code-slip{color:#0e7a4f;font-weight:650}