.page-state{--front:#f97415;--edge:#d15a05;--ease-push:cubic-bezier(.3,.7,.4,1);text-align:center;min-height:60vh;color:var(--f1);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:32px 16px;display:flex}:where(.dark) .page-state{--surface:#182130;--raised:#223047;--line:#ffffff1a;--line-strong:#ffffff29;--f1:#eef2f8;--f2:#c3ccd9;--f3:#8d99ab;--f4:#6b778a;--live:#ee6375}.ps-in{flex-direction:column;align-items:center;gap:14px;width:100%;max-width:440px;display:flex}.ps-brand{letter-spacing:-.01em;font-size:22px;font-weight:800;line-height:1.1;text-decoration:none}.ps-brand .h{color:#fb923c}.ps-brand .s{color:#60a5fa;margin-left:5px}.ps-of{color:var(--f4);margin:-10px 0 0;font-size:11.5px}.ps-of .b{color:#f97316}.ps-of .w{color:var(--f3)}.ps-art{width:min(240px,62vw);height:auto}.page-state h1{letter-spacing:-.02em;color:var(--f1);margin:0;font-size:22px;font-weight:800;line-height:1.25}.ps-sub{max-width:36ch;color:var(--f2);text-wrap:pretty;overflow-wrap:anywhere;margin:-6px 0 0;font-size:14.5px;line-height:1.5}.ps-acts{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:4px;display:flex}.ps-push{cursor:pointer;font:inherit;background:0 0;border:0;padding:0 0 4px;text-decoration:none;position:relative}.ps-push .edge{background:var(--edge);border-radius:12px;position:absolute;inset:4px 0 0}.ps-push .front{background:var(--front);color:#fff;transition:transform 34ms var(--ease-push);border-radius:12px;align-items:center;gap:7px;padding:11px 22px;font-size:15px;font-weight:800;line-height:1.2;display:flex;position:relative}.ps-push:hover .front{transform:translateY(-1px)}.ps-push:active .front{transform:translateY(4px)}.ps-ghost{border:1px solid var(--line-strong);background:var(--surface);color:var(--f1);font:inherit;cursor:pointer;border-radius:12px;align-items:center;gap:7px;padding:11px 18px;font-size:14.5px;font-weight:700;line-height:1.2;text-decoration:none;display:inline-flex}.ps-ghost:hover{background:var(--raised)}.ps-link{font:inherit;color:var(--f3);cursor:pointer;background:0 0;border:0;padding:2px 4px;font-size:13.5px;font-weight:700;text-decoration:none}.ps-link:hover{color:var(--accent-text)}.page-state :focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 60%,transparent);outline-offset:2px}.ps-card{box-sizing:border-box;border:1px solid var(--line);background:var(--surface);text-align:left;width:100%;box-shadow:var(--card-sh);border-radius:14px;padding:14px 16px}.ps-card>b{color:var(--f1);font-size:13.5px;font-weight:800;display:block}.ps-card>p{color:var(--f2);margin:4px 0 0;font-size:13px;line-height:1.7}.page-state kbd{border:1px solid var(--line-strong);background:var(--raised);color:var(--f1);white-space:nowrap;border-bottom-width:2px;border-radius:6px;padding:1px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;font-weight:600;line-height:1.5;display:inline-block}.ps-rep-t{width:100%;font:inherit;color:var(--f1);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:8px;padding:0;font-size:14px;font-weight:800;display:flex}.ps-rep-t .ic{background:color-mix(in srgb,var(--accent) 13%,transparent);width:30px;height:30px;color:var(--accent-text);border-radius:9px;place-items:center;display:grid}.ps-rep-t .car{color:var(--f3);margin-left:auto}.ps-rep-b{flex-direction:column;gap:10px;margin-top:12px;display:flex}.ps-k{letter-spacing:.06em;text-transform:uppercase;color:var(--f3);font-size:11px;font-weight:800}.ps-ctx{background:var(--raised);border-radius:10px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.ps-ctx div{grid-template-columns:52px minmax(0,1fr);gap:8px;font-size:12px;display:grid}.ps-ctx span{color:var(--f3);font-weight:700}.ps-ctx code{color:var(--f2);overflow-wrap:anywhere;font-size:11.5px}.ps-ctx code.err{color:var(--live)}.ps-ta{box-sizing:border-box;resize:vertical;border:1px solid var(--line-strong);background:var(--surface);width:100%;min-height:80px;color:var(--f1);font:inherit;border-radius:10px;padding:10px 12px;font-size:14px;line-height:1.45}.ps-ta:focus{outline:2px solid color-mix(in srgb,var(--accent) 55%,transparent);outline-offset:1px;border-color:#0000}.ps-rep-f{justify-content:space-between;align-items:center;gap:10px;display:flex}.ps-rep-f small{color:var(--f3);font-size:12px}.ps-rep-f .ps-push .front{padding:8px 14px;font-size:13.5px}.ps-push:disabled{cursor:wait}.ps-push:disabled .front{opacity:.65;transform:none}.ps-done{color:var(--pass);justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.ps-help{border-top:1px solid var(--line);flex-direction:column;align-items:center;gap:8px;width:100%;padding-top:14px;display:flex}.ps-help>span{color:var(--f3);font-size:13px}.ps-help .ps-ghost{padding:8px 14px;font-size:13.5px}.ps-help .ps-ghost svg{color:#5865f2}.ps-foot{color:var(--f4);margin:0;font-size:11.5px}.ps-foot a{color:inherit}.ps-foot a:hover{color:var(--f2)}.ps-load{gap:18px;min-height:calc(100vh - 8rem)}.ps-load .ps-art{width:min(260px,64vw)}.ps-bar{background:var(--line);border-radius:4px;width:min(200px,50vw);height:4px;position:relative;overflow:hidden}.ps-bar i{border-radius:inherit;background:var(--front);width:40%;animation:1.2s cubic-bezier(.45,.05,.55,.95) infinite psRun;position:absolute;inset:0 auto 0 0}@keyframes psRun{0%{transform:translate(-100%)}to{transform:translate(250%)}}.ps-cap{color:var(--f3);margin:0;font-size:13px;font-weight:600}.ps-tip{border:1px solid var(--line);background:var(--surface);max-width:420px;box-shadow:var(--card-sh);border-radius:14px;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.ps-tip b{font-size:13px;font-weight:800}.ps-tip p{color:var(--f2);margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.6}.ps-term{max-width:440px;color:var(--f2);margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13.5px;line-height:1.6}.ps-term .p{color:var(--accent)}.ps-term .c{background:var(--accent);width:.6em;margin-left:2px;animation:1s step-end infinite psBlink;display:inline-block}@keyframes psBlink{50%{opacity:0}}.ps-pix{grid-template-columns:repeat(3,16px);gap:4px;display:grid}.ps-pix span{background:var(--pass);border-radius:3px;width:16px;height:16px;animation:1.2s ease-in-out infinite psPix}@keyframes psPix{0%,to{opacity:.25}50%{opacity:1}}.ps-load canvas{border-radius:12px}@media (prefers-reduced-motion:reduce){.ps-bar i,.ps-term .c,.ps-pix span{animation:none}.ps-bar i{opacity:.5;width:100%}}
