.cc{--cc-ink: #0f172a;--cc-muted: #64748b;--cc-line: #e2e8f0;--cc-bg: #ffffff;--cc-soft: #f8fafc;--cc-accent: #0f766e;--cc-accent-fg: #ffffff;--cc-radius: 16px;--cc-font: "Plus Jakarta Sans", "Segoe UI", ui-sans-serif, sans-serif;--cc-shadow: 0 4px 6px rgba(15, 23, 42, .04), 0 18px 40px rgba(15, 23, 42, .1);box-sizing:border-box;position:fixed;z-index:12000;left:max(1rem,env(safe-area-inset-left));right:max(1rem,env(safe-area-inset-right));bottom:max(1rem,env(safe-area-inset-bottom));display:flex;justify-content:center;pointer-events:none;font-family:var(--cc-font);color:var(--cc-ink)}.cc *,.cc *:before,.cc *:after{box-sizing:border-box}.cc[hidden]{display:none!important}.cc.is-open{pointer-events:none}.cc__panel{width:min(560px,100%);padding:1.25rem 1.25rem 1.15rem;background:var(--cc-bg);border:1px solid var(--cc-line);border-radius:var(--cc-radius);box-shadow:var(--cc-shadow);pointer-events:auto}.cc__title{margin:0 0 .4rem;font-size:1.15rem;font-weight:700;letter-spacing:-.03em;line-height:1.25}.cc__desc{margin:0 0 1rem;color:var(--cc-muted);font-size:.92rem;line-height:1.5}.cc__list{display:grid;gap:.5rem;margin-bottom:1.1rem}.cc__row{display:grid;grid-template-columns:auto 1fr;gap:.7rem;align-items:start;padding:.7rem .8rem;border:1px solid var(--cc-line);border-radius:12px;background:var(--cc-soft);cursor:pointer;transition:border-color .12s ease,background .12s ease}.cc__row:hover{border-color:#cbd5e1;background:#fff}.cc__row:has(.cc__check:disabled){cursor:default}.cc__check{margin-top:.15rem;width:1.05rem;height:1.05rem;accent-color:var(--cc-accent)}.cc__check:focus-visible{outline:2px solid var(--cc-accent);outline-offset:2px}.cc__text{display:grid;gap:.2rem;min-width:0}.cc__label-row{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.cc__label{font-weight:650;font-size:.92rem}.cc__badge{display:inline-flex;align-items:center;padding:.1rem .4rem;border-radius:999px;background:#ccfbf1;color:#0f766e;font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.cc__hint{color:var(--cc-muted);font-size:.8rem;line-height:1.4}.cc__actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.cc__btn{min-height:2.5rem;padding:0 1rem;border-radius:999px;border:1px solid var(--cc-line);background:#fff;color:var(--cc-ink);font:inherit;font-weight:650;font-size:.875rem;cursor:pointer;transition:background .12s ease,border-color .12s ease}.cc__btn:focus-visible{outline:2px solid var(--cc-accent);outline-offset:2px}.cc__btn--ghost:hover{background:var(--cc-soft);border-color:#cbd5e1}.cc__btn--primary{background:var(--cc-accent);border-color:var(--cc-accent);color:var(--cc-accent-fg)}.cc__btn--primary:hover{filter:brightness(1.06)}.cc--bar{left:0;right:0;bottom:0}.cc--bar .cc__panel{width:100%;max-width:none;border-radius:0;border-left:none;border-right:none;border-bottom:none;display:grid;grid-template-columns:1fr auto;gap:.85rem 1.25rem;align-items:start;padding:.9rem 1.25rem}.cc--bar .cc__list{grid-column:1 / -1;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.5rem 1rem}.cc--bar .cc__actions{justify-content:flex-end;align-self:center}.cc--modal{left:0;right:0;bottom:0;top:0;align-items:center;justify-content:center;background:#0f172a73;pointer-events:auto}.cc--modal[hidden]{display:none!important}.cc--modal .cc__panel{width:min(440px,calc(100% - 2rem));margin:1rem}.cc--soft{--cc-bg: #f0fdfa;--cc-soft: #ccfbf1;--cc-line: #99f6e4;--cc-accent: #0d9488}.cc--contrast{--cc-ink: #000000;--cc-muted: #1e293b;--cc-bg: #ffffff;--cc-soft: #f1f5f9;--cc-line: #0f172a;--cc-accent: #000000;--cc-shadow: 0 0 0 2px #0f172a}.cc--dark{--cc-ink: #f1f5f9;--cc-muted: #94a3b8;--cc-bg: #0f172a;--cc-soft: #1e293b;--cc-line: #334155;--cc-accent: #2dd4bf;--cc-accent-fg: #042f2e;--cc-shadow: 0 18px 40px rgba(0, 0, 0, .45)}@media(max-width:900px){.cc__panel{padding:1.1rem 1.1rem 1rem}.cc--bar .cc__panel{grid-template-columns:1fr}.cc--bar .cc__actions{justify-content:stretch}}@media(max-width:560px){.cc{left:max(.65rem,env(safe-area-inset-left));right:max(.65rem,env(safe-area-inset-right));bottom:max(.65rem,env(safe-area-inset-bottom))}.cc__panel{width:100%;padding:1rem .95rem .95rem;border-radius:14px}.cc__title{font-size:1.05rem}.cc__actions{flex-direction:column-reverse}.cc__btn{width:100%;min-height:2.75rem}}
