/* Noirplay · kody dostępu i okno zakupu. Samodzielne kolory, działa także na stronie klasycznej. */
.sg-access{display:grid;gap:8px;padding:14px;margin:4px 0;border-radius:16px;border:1px dashed #d2c8c8;background:rgba(235,131,145,.10);color:#fbfafa}
.sg-access label{font-weight:700;color:#eeeaea}
.sg-access input{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:1px}
.sg-access-help{margin:0;font-size:14px;line-height:1.55;color:#ded6d6}
.sg-link{background:none;border:0;padding:0;min-height:24px;color:#ddd5d5;font:inherit;font-weight:700;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.sg-link:focus-visible,.sg-buy :focus-visible{outline:3px solid #f2efef;outline-offset:3px}
.sg-buy{width:min(560px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;padding:26px;border-radius:24px;border:1px solid rgba(237,232,232,.3);background:#1a1a20;color:#fbfafa;box-shadow:0 40px 120px rgba(0,0,0,.8);font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
.sg-buy::backdrop{background:rgba(5,5,6,.75)}
.sg-buy-form{display:grid;gap:10px}
.sg-buy-head{display:flex;justify-content:space-between;align-items:center;gap:12px}
.sg-buy-head h2{margin:0;font-size:26px;letter-spacing:-.02em}
.sg-buy-close{min-width:44px;min-height:44px;border-radius:999px;border:1px solid rgba(237,232,232,.3);background:transparent;color:#fbfafa;font-size:18px;cursor:pointer}
.sg-buy-test{margin:0;padding:10px 12px;border-radius:12px;background:rgba(246,201,139,.12);border:1px solid #f6c98b;color:#fbe7c8;font-size:14px;font-weight:700}
.sg-buy-plans{border:0;padding:0;margin:4px 0;display:grid;gap:10px;min-width:0}
.sg-buy-plans legend{font-weight:700;color:#eeeaea;font-size:14px;margin-bottom:6px}
.sg-buy-plan{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:16px;border:1px solid rgba(237,232,232,.3);background:rgba(246,245,245,.05);cursor:pointer}
.sg-buy-plan:has(input:checked){border-color:#eb8391;background:rgba(235,131,145,.16);box-shadow:0 0 0 1px #eb8391 inset}
.sg-buy-plan input{width:20px;height:20px;accent-color:#eb8391;flex:none}
.sg-buy-plan span{flex:1;min-width:0}.sg-buy-plan b{display:block;font-size:16px}.sg-buy-plan small{color:#f1a6b0;font-size:13px}
.sg-buy-plan strong{font-size:20px;white-space:nowrap}
.sg-buy label{font-weight:700;color:#eeeaea;font-size:14px}
.sg-buy input[type=text],.sg-buy input[type=email]{width:100%;min-height:48px;padding:12px 14px;border-radius:14px;border:1px solid #8f7a8b;background:rgba(0,0,0,.28);color:#fbfafa;font:inherit}
.sg-check{display:flex;gap:12px;align-items:flex-start;font-weight:400!important;color:#ded6d6!important;line-height:1.5}
.sg-check input{width:20px;height:20px;margin-top:2px;flex:none;accent-color:#eb8391}
.sg-check a{color:#ddd5d5}
.sg-buy-hint{margin:0;font-size:13.5px;color:#cdb9c8;line-height:1.5}
.sg-buy-error{margin:4px 0;padding:12px 14px;border-radius:12px;border:2px solid #dbd4d4;background:rgba(232,116,131,.12);color:#f2f0f0;font-weight:700}
.sg-buy-submit{min-height:52px;border:0;border-radius:999px;background:linear-gradient(120deg,#eb8391,#d2c8c8 45%,#f6c98b);color:#19191f;font:inherit;font-weight:850;cursor:pointer}
.sg-buy-submit:disabled{opacity:.6;cursor:progress}
.sg-have-code{max-width:640px;margin:28px auto 0;display:grid;gap:8px}
.sg-have-code-row{display:flex;gap:10px;flex-wrap:wrap}
.sg-have-code-row input{flex:1 1 240px;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:1px}
.pay-page{padding:60px 0 20px}
.pay-box{max-width:680px;margin:0 auto;padding:36px;border-radius:28px;border:1px solid rgba(237,232,232,.26);background:linear-gradient(170deg,rgba(255,255,255,.06),rgba(255,255,255,.02))}
.pay-box h1{font-size:clamp(32px,4.4vw,48px);letter-spacing:-.03em;line-height:1.08;margin:14px 0 12px}
.pay-box h1:focus{outline:none}
.pay-code-box{margin-top:22px;padding:22px;border-radius:20px;border:1px solid rgba(210,200,200,.6);background:rgba(235,131,145,.12);display:grid;gap:12px}
.pay-code{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:clamp(22px,4vw,32px);font-weight:800;letter-spacing:2px;overflow-wrap:anywhere;user-select:all}
@media(max-width:720px){.pay-box,.sg-buy{padding:20px}}
@media (forced-colors: active){.sg-buy-plan:has(input:checked){outline:3px solid Highlight}.sg-buy-submit{border:2px solid ButtonText}}