.wpss-share,.wpss-fans,.wpss-locker,.wpss-branding{box-sizing:border-box;font-family:system-ui,sans-serif}.wpss-share{display:flex;flex-wrap:wrap;gap:.55rem;margin:1.2rem 0;align-items:center}.wpss-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.65rem 1rem;border:1px solid #31475f;border-radius:12px;background:#10243b;color:#fff!important;text-decoration:none!important;font:inherit;cursor:pointer}.wpss-button:hover{background:#263f5d}.wpss-button:focus-visible,.wpss-fan:focus-visible{outline:3px solid #007b79;outline-offset:3px}.wpss-status{font-size:.9rem}.wpss-fans{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin:1rem 0}.wpss-fan{display:flex;flex-direction:column;gap:.4rem;padding:1.2rem;border:1px solid #d1dce8;border-radius:16px;text-decoration:none!important;color:#10243b!important;background:#fff}.wpss-count{font-size:1.8rem;font-weight:800}.wpss-fan small{color:#465267}.wpss-locker{padding:1.5rem;border:1px solid #bccbd9;border-radius:18px;background:#f5f8fc;color:#10243b}.wpss-floating{position:fixed;left:12px;top:35%;max-width:150px;z-index:1000;padding:.5rem;background:#fff;border-radius:16px;box-shadow:0 4px 20px #0002}.wpss-floating .wpss-button{width:100%}.wpss-branding img{display:block;max-width:100%;height:auto;border-radius:16px;margin:1rem 0}.wpss-branding textarea{width:100%;min-height:100px;font-family:monospace}.wpss-page{max-width:1100px;margin:auto;padding:24px}.wpss-page h1{line-height:1.15}.wpss-page .wpss-hero{padding:clamp(24px,5vw,64px);background:#10243b;color:#fff;border-radius:24px}.wpss-page .wpss-hero a{color:#fff}.wpss-page .wpss-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.wpss-page .wpss-card{border:1px solid #d1dce8;border-radius:16px;padding:20px}@media(max-width:700px){.wpss-floating{left:0;right:0;top:auto;bottom:0;max-width:none;justify-content:center;margin:0;border-radius:0}.wpss-floating .wpss-button{width:auto;font-size:.8rem;padding:.5rem}.wpss-floating .wpss-status:empty{display:none}body:has(.wpss-floating){padding-bottom:110px}}@media print{.wpss-share,.wpss-floating{display:none}}
.wpss-page pre{max-width:100%;overflow-x:auto;padding:16px;background:#f3f6fa;border-radius:12px}.wpss-page p,.wpss-page li,.wpss-branding{overflow-wrap:anywhere}
.wpss-button{box-sizing:border-box;line-height:1.4}.wpss-page .wpss-hero,.wpss-page .wpss-grid{margin-bottom:24px}