.cpp-root,.cpp-root *{box-sizing:border-box}.cpp-root{--cpp-bg:#020617;--cpp-panel-bg:#fff;--cpp-text:#111827;--cpp-muted:#4b5563;--cpp-banner-text:#e5e7eb;--cpp-banner-muted:#cbd5e1;--cpp-primary:#2563eb;--cpp-primary-hover:#1d4ed8;--cpp-border:#e5e7eb;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.cpp-theme-dark_ocean{--cpp-bg:#020617;--cpp-primary:#2563eb;--cpp-primary-hover:#1d4ed8}.cpp-theme-light_clean{--cpp-bg:#f8fafc;--cpp-banner-text:#111827;--cpp-banner-muted:#4b5563;--cpp-primary:#111827;--cpp-primary-hover:#374151}.cpp-theme-islamoa_sunset{--cpp-bg:#7c2d12;--cpp-primary:#f97316;--cpp-primary-hover:#ea580c}.cpp-theme-seabana_teal{--cpp-bg:#0f766e;--cpp-primary:#0ea5e9;--cpp-primary-hover:#0284c7}.cpp-theme-timboczon_blue{--cpp-bg:#0f172a;--cpp-primary:#2563eb;--cpp-primary-hover:#1d4ed8}.cpp-theme-witawink_purple{--cpp-bg:#4c1d95;--cpp-primary:#7c3aed;--cpp-primary-hover:#6d28d9}.cpp-banner{position:fixed;left:1rem;right:1rem;bottom:1rem;z-index:99998;max-width:980px;margin:0 auto;display:flex;gap:1rem;align-items:center;justify-content:space-between;background:var(--cpp-bg);color:var(--cpp-banner-text);border:1px solid rgba(148,163,184,.35);box-shadow:0 20px 60px rgba(0,0,0,.35);border-radius:18px;padding:1rem}.cpp-banner[hidden],.cpp-floating-button[hidden]{display:none!important}.cpp-banner p{margin:.25rem 0 0;font-size:.9rem;color:var(--cpp-banner-muted)}.cpp-banner__actions{display:flex;flex-wrap:wrap;gap:.5rem}.cpp-btn{border:0;border-radius:999px;padding:.72rem 1rem;font-weight:700;cursor:pointer;font-size:.88rem}.cpp-btn--primary{background:var(--cpp-primary);color:#fff}.cpp-btn--primary:hover{background:var(--cpp-primary-hover)}.cpp-btn--ghost{background:rgba(148,163,184,.16);color:inherit}.cpp-btn--ghost:hover{background:rgba(148,163,184,.26)}.cpp-modal{position:fixed;inset:0;z-index:99999;display:none}.cpp-modal.is-open{display:block}.cpp-modal__backdrop{position:absolute;inset:0;background:rgba(2,6,23,.72)}.cpp-modal__panel{position:relative;margin:4vh auto;width:min(92vw,720px);max-height:92vh;overflow:hidden;display:flex;flex-direction:column;background:var(--cpp-panel-bg);color:var(--cpp-text);border-radius:16px;box-shadow:0 24px 80px rgba(0,0,0,.35)}.cpp-modal__header{display:flex;gap:1rem;align-items:flex-start;padding:1.2rem 1.4rem .8rem;border-bottom:1px solid var(--cpp-border)}.cpp-kicker{margin:0 0 .35rem;color:#6b7280;font-size:.84rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.cpp-modal h2{margin:0;font-size:1.5rem}.cpp-icon-btn{border:0;background:transparent;font-size:1.8rem;line-height:1;cursor:pointer;color:#374151;padding:0}.cpp-modal__body{overflow:auto;padding:1rem 1.4rem}.cpp-intro{color:var(--cpp-muted);margin:0 0 1rem;font-size:.96rem}.cpp-card{display:flex;justify-content:space-between;gap:1rem;border:1px solid var(--cpp-border);border-radius:14px;padding:1rem;margin-bottom:.8rem;background:#fff}.cpp-card h3{margin:0 0 .35rem;font-size:1rem;color:#111827}.cpp-card p{margin:0 0 .5rem;color:#4b5563;line-height:1.45}.cpp-card a{color:var(--cpp-primary);text-decoration:none;font-weight:650}.cpp-card a:hover{text-decoration:underline}.cpp-always{white-space:nowrap;align-self:center;background:#ecfdf5;color:#047857;border-radius:999px;padding:.4rem .7rem;font-size:.8rem;font-weight:800}.cpp-switch{position:relative;display:inline-flex;align-self:center;width:52px;height:30px;flex:0 0 52px}.cpp-switch input{opacity:0;width:0;height:0}.cpp-switch span{position:absolute;cursor:pointer;inset:0;background:#9ca3af;transition:.2s;border-radius:999px}.cpp-switch span:before{position:absolute;content:"";height:22px;width:22px;left:4px;top:4px;background:white;transition:.2s;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.2)}.cpp-switch input:checked+span{background:var(--cpp-primary)}.cpp-switch input:checked+span:before{transform:translateX(22px)}.cpp-modal__footer{display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.4rem;border-top:1px solid var(--cpp-border);background:#f8fafc}.cpp-floating-button{position:fixed;bottom:1rem;z-index:99997;width:46px;height:46px;border:0;border-radius:999px;background:var(--cpp-bg);color:#fff;box-shadow:0 12px 35px rgba(0,0,0,.3);cursor:pointer;font-size:1.2rem}.cpp-position-bottom_right .cpp-floating-button{right:1rem}.cpp-position-bottom_left .cpp-floating-button{left:1rem}@media(max-width:720px){.cpp-banner{flex-direction:column;align-items:stretch}.cpp-banner__actions,.cpp-modal__footer{flex-direction:column}.cpp-card{align-items:flex-start}.cpp-modal__panel{margin:2vh auto;max-height:96vh}}