.cc-banner{position:fixed;z-index:5000;display:flex;flex-direction:column;gap:var(--space-4);inline-size:min(28rem,calc(100vw - var(--space-8)));padding:var(--space-5);border-radius:var(--radius-xl);background:var(--surface-raised);box-shadow:var(--shadow-elevated)}.cc-banner--bottom-left{inset-block-end:var(--space-5);inset-inline-start:var(--space-5)}.cc-banner--bottom-right{inset-block-end:var(--space-5);inset-inline-end:var(--space-5)}.cc-banner--bottom{inset-block-end:var(--space-5);inset-inline-start:50%;transform:translateX(-50%)}.cc-banner--center{inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}.cc-banner__title{margin:0 0 var(--space-2);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--content-strong)}.cc-banner__text{margin:0;font-size:var(--text-sm);line-height:var(--leading-lg);font-weight:var(--font-normal);color:var(--content-secondary)}.cc-link{color:var(--content-accent);text-decoration:underline;text-underline-offset:2px}.cc-banner__actions,.cc-modal__actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.cc-banner__actions,.cc-modal__actions{justify-content:flex-end}.cc-modal__actions{margin-top:var(--space-5)}.cc-btn{flex:0 0 auto;padding:var(--space-2-5) var(--space-4);border:none;border-radius:var(--radius-md);font:inherit;font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.cc-btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.cc-btn--primary{background:var(--accent-500);color:var(--pure-white)}.cc-btn--primary:hover{background:var(--accent-600,var(--accent-500))}.cc-btn--secondary{background:var(--surface-overlay);color:var(--content-strong)}.cc-btn--secondary:hover{background-color:var(--surface-hover)}.cc-btn--ghost{background:transparent;color:var(--content-secondary)}.cc-btn--ghost:hover{background-color:var(--surface-hover);color:var(--content-strong)}.cc-overlay{position:fixed;inset:0;z-index:5001;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:rgb(var(--surface-canvas-rgb)/.78)}.cc-modal{inline-size:min(34rem,100%);max-block-size:85vh;overflow-y:auto;padding:var(--space-6);border-radius:var(--radius-xl);background:var(--surface-raised);box-shadow:var(--shadow-elevated)}.cc-modal__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5)}.cc-modal__title{margin:0;font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--content-strong)}.cc-close{display:inline-flex;align-items:center;justify-content:center;inline-size:2rem;block-size:2rem;flex:none;border:none;background:transparent;border-radius:var(--radius-md);color:var(--content-tertiary);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.cc-close:hover{background-color:var(--surface-hover);color:var(--content-strong)}.cc-close:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.cc-cats{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.cc-cat{padding:var(--space-4);border-radius:var(--radius-lg);background:var(--surface-overlay)}.cc-cat__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-2)}.cc-cat__name{font-size:var(--text-md);color:var(--content-strong)}.cc-cat__locked,.cc-cat__name{font-weight:var(--font-semibold)}.cc-cat__locked{font-size:var(--text-xs);color:var(--content-tertiary);text-transform:uppercase;letter-spacing:.04em}.cc-cat__desc{margin:0;font-size:var(--text-sm);line-height:var(--leading-lg);font-weight:var(--font-normal);color:var(--content-secondary)}.cc-switch{position:relative;display:inline-flex;flex:none;cursor:pointer}.cc-switch input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}.cc-switch__track{inline-size:2.75rem;block-size:1.5rem;border-radius:var(--radius-full);background:var(--surface-active);transition:background-color var(--duration-fast) var(--ease-standard)}.cc-switch__track:after{content:"";display:block;inline-size:1.125rem;block-size:1.125rem;margin:.1875rem;border-radius:var(--radius-full);background:var(--pure-white);transition:transform var(--duration-fast) var(--ease-standard)}.cc-switch input:checked+.cc-switch__track{background:var(--accent-500)}.cc-switch input:checked+.cc-switch__track:after{transform:translateX(1.25rem)}.cc-switch input:focus-visible+.cc-switch__track{box-shadow:var(--shadow-focus)}.cc-fab{position:fixed;inset-block-end:var(--space-5);inset-inline-start:var(--space-5);z-index:4999;display:inline-flex;align-items:center;justify-content:center;inline-size:2.5rem;block-size:2.5rem;border:none;border-radius:var(--radius-full);background:var(--surface-raised);color:var(--content-tertiary);box-shadow:var(--shadow-soft-md);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.cc-fab:hover{background-color:var(--surface-hover);color:var(--content-strong)}.cc-fab:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.cc-sr{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media (max-width:560px){.cc-banner{inset-inline:var(--space-4);inline-size:auto;transform:none}.cc-banner__actions{justify-content:stretch}.cc-banner__actions .cc-btn{flex:1 1 auto}}