:root{--ck-bg:#1a1a1a;--ck-accent:#D9B76A;--ck-accent-dark:#b89a5a;--ck-accent-rgb:217,183,106;--ck-text-primary:rgba(255, 255, 255, 0.95);--ck-text-muted:rgba(255, 255, 255, 0.8);--ck-text-link:var(--ck-accent);--ck-modal-bg:#ffffff;--ck-modal-footer-bg:#f8f9fa;--ck-modal-border:rgba(0, 0, 0, 0.1);--ck-modal-text:#1a1a1a;--ck-modal-text-muted:#4a4a4a;--ck-modal-category-name:#111111;--ck-toggle-off:#d0d5db;--ck-toggle-on:var(--ck-accent);--ck-radius:12px;--ck-radius-sm:5px;--ck-max-width:1280px;--ck-modal-max-width:520px;--ck-transition:280ms cubic-bezier(0.4, 0, 0.2, 1);--ck-ease-out:cubic-bezier(0.16, 1, 0.3, 1);--ck-z-banner:9000;--ck-z-overlay:9050;--ck-z-modal:9100;--ck-z-float:8999}.ck-banner{position:fixed;bottom:0;left:0;right:0;z-index:var(--ck-z-banner);background:var(--ck-bg);border-top:1px solid rgba(var(--ck-accent-rgb),.12);box-shadow:0 -4px 24px rgba(0,0,0,.22);transform:translateY(100%);transition:transform .42s var(--ck-ease-out);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Inter,sans-serif;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.ck-banner.ck-banner--visible{transform:translateY(0)}.ck-banner.ck-banner--hidden{transform:translateY(100%);pointer-events:none}.ck-banner__inner{max-width:var(--ck-max-width);margin:0 auto;padding:10px 28px;display:flex;align-items:center;gap:16px}.ck-banner__content{flex:1;min-width:0}.ck-banner__title{font-size:.85rem;font-weight:600;color:var(--ck-accent);margin-bottom:2px;line-height:1.3}.ck-banner__text{font-size:.85rem;color:var(--ck-text-muted);line-height:1.5;margin:0}.ck-banner__link{color:var(--ck-text-link);text-decoration:underline;text-underline-offset:2px;transition:color var(--ck-transition)}.ck-banner__link:hover{color:var(--ck-accent)}.ck-banner__actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.ck-btn{display:inline-flex;align-items:center;justify-content:center;padding:.38rem .9rem;font-family:inherit;font-size:.75rem;font-weight:500;border-radius:var(--ck-radius-sm);border:none;cursor:pointer;transition:all var(--ck-transition);white-space:nowrap;line-height:1;min-height:30px;letter-spacing:.1px}.ck-btn--primary{background:var(--ck-accent);color:#1a1a1a;font-weight:600}.ck-btn--primary:hover{background:var(--ck-accent-dark);transform:translateY(-1px)}.ck-btn--outline{background:0 0;border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.38)}.ck-btn--outline:hover{border-color:rgba(255,255,255,.28);color:rgba(255,255,255,.65)}.ck-btn--ghost{background:0 0;color:rgba(255,255,255,.3);border:none;padding:.38rem .4rem;text-decoration:underline;text-underline-offset:2px;font-size:.72rem}.ck-modal{position:fixed;inset:0;z-index:var(--ck-z-modal);display:flex;align-items:center;justify-content:center;padding:20px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Inter,sans-serif;pointer-events:none;opacity:0;transition:opacity var(--ck-transition)}.ck-modal.ck-modal--visible{pointer-events:all;opacity:1}.ck-modal__overlay{position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:var(--ck-z-overlay);cursor:pointer}.ck-modal__box{position:relative;z-index:calc(var(--ck-z-modal) + 10);background:var(--ck-modal-bg);border-radius:var(--ck-radius);box-shadow:0 24px 64px rgba(0,0,0,.22);width:100%;max-width:var(--ck-modal-max-width);max-height:88vh;display:flex;flex-direction:column;overflow:hidden;transform:translateY(14px) scale(.98);transition:transform var(--ck-transition);border-top:2px solid var(--ck-accent)}.ck-modal.ck-modal--visible .ck-modal__box{transform:translateY(0) scale(1)}.ck-modal__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px 11px;border-bottom:1px solid var(--ck-modal-border);background:var(--ck-bg)}.ck-modal__title{font-size:.88rem;font-weight:600;color:var(--ck-accent);margin:0;line-height:1.3}.ck-modal__close{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.08);color:rgba(255,255,255,.55);border:none;cursor:pointer;flex-shrink:0;transition:all var(--ck-transition)}.ck-modal__body{flex:1;overflow-y:auto;padding:14px 18px}.ck-modal__intro{font-size:.9rem;color:var(--ck-modal-text-muted);line-height:1.6;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--ck-modal-border)}.ck-category__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0}.ck-category__name{font-size:.8rem;font-weight:600;color:var(--ck-modal-category-name);margin-bottom:1px}.ck-category__desc{font-size:.85rem;color:#555;line-height:1.5;margin:0}.ck-category__badge{display:inline-flex;align-items:center;padding:2px 7px;background:rgba(var(--ck-accent-rgb),.1);color:var(--ck-accent-dark);font-size:.65rem;font-weight:600;border-radius:20px}.ck-toggle{position:relative;display:inline-block;width:34px;height:19px;cursor:pointer}.ck-toggle input{opacity:0;width:0;height:0}.ck-toggle__slider{position:absolute;inset:0;background:var(--ck-toggle-off);border-radius:20px;transition:background var(--ck-transition)}.ck-toggle__slider::before{content:'';position:absolute;width:13px;height:13px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform var(--ck-transition)}.ck-toggle input:checked+.ck-toggle__slider{background:var(--ck-toggle-on)}.ck-toggle input:checked+.ck-toggle__slider::before{transform:translateX(15px)}.ck-modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:7px;padding:10px 18px;border-top:1px solid var(--ck-modal-border);background:var(--ck-modal-footer-bg)}.ck-toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%) translateY(16px);background:var(--ck-bg);color:var(--ck-accent);font-size:.82rem;font-weight:600;padding:8px 18px;border-radius:var(--ck-radius-sm);border:1px solid rgba(var(--ck-accent-rgb),.28);box-shadow:0 8px 24px rgba(0,0,0,.25);z-index:9999;opacity:0;transition:.3s;white-space:nowrap}.ck-toast.ck-toast--visible{opacity:1;transform:translateX(-50%) translateY(0)}@media (max-width:767px){.ck-banner__inner{flex-direction:column;align-items:flex-start;padding:10px 16px}.ck-banner__actions{width:100%;gap:5px}.ck-banner__actions .ck-btn{flex:1}.ck-modal{align-items:flex-end;padding:0}.ck-modal__box{max-width:100%;border-radius:var(--ck-radius) var(--ck-radius) 0 0}.ck-modal__footer{flex-direction:column}.ck-modal__footer .ck-btn{width:100%}}