.kc-banner,.kc-modal{line-height:1.9;word-spacing:0;letter-spacing:0;color:var(--color-text-primary);font-family:var(--font-thai)}.kc-banner{position:fixed;inset:auto 0 0 0;z-index:2000;background:var(--color-surface);border-top:1px solid var(--color-border);box-shadow:var(--shadow-lg);padding:16px 16px calc(16px + env(safe-area-inset-bottom, 0px))}.kc-banner-inner{max-width:1120px;margin:0 auto;display:flex;flex-direction:column;gap:14px}.kc-banner-title{font-family:var(--font-display);font-weight:600;font-size:1rem;margin:0 0 2px}.kc-banner-body{font-size:.875rem;color:var(--color-text-secondary);margin:0}.kc-banner-actions{display:flex;flex-wrap:wrap;gap:8px}@media (min-width:768px){.kc-banner-inner{flex-direction:row;align-items:center;justify-content:space-between;gap:24px}.kc-banner-actions{flex-wrap:nowrap;flex-shrink:0}}.kc-btn{font-family:var(--font-display);font-weight:500;font-size:.875rem;padding:10px 18px;border-radius:var(--radius-full);border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:background .15s ease,border-color .15s ease,color .15s ease}.kc-btn-primary{background:var(--color-brand);color:var(--color-text-inverse)}.kc-btn-primary:hover{background:var(--color-brand-dark)}.kc-btn-outline{background:transparent;color:var(--color-text-primary);border-color:var(--color-border)}.kc-btn-outline:hover{border-color:var(--color-brand);color:var(--color-brand-dark)}.kc-btn-ghost{background:transparent;color:var(--color-text-secondary)}.kc-btn-ghost:hover,.kc-link{color:var(--color-brand-dark)}.kc-link{text-decoration:underline;text-underline-offset:2px}.kc-overlay{position:fixed;inset:0;z-index:2001;background:rgba(26,26,46,.5);display:flex;align-items:flex-end;justify-content:center;padding:0}@media (min-width:640px){.kc-overlay{align-items:center;padding:24px}}.kc-modal{background:var(--color-surface);width:100%;max-width:520px;border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:var(--shadow-lg);padding:24px;max-height:88vh;overflow-y:auto}@media (min-width:640px){.kc-modal{border-radius:var(--radius-lg)}}.kc-modal-title{font-family:var(--font-display);font-weight:600;font-size:1.25rem;margin:0 0 6px}.kc-modal-intro{font-size:.875rem;color:var(--color-text-secondary);margin:0 0 18px}.kc-cat{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:14px 16px;margin-bottom:12px}.kc-cat-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px}.kc-cat-name{font-family:var(--font-display);font-weight:600;font-size:.9375rem}.kc-cat-always{font-size:.75rem;font-weight:500;color:var(--color-brand-dark);background:var(--color-brand-light);padding:3px 10px;border-radius:var(--radius-full)}.kc-cat-desc{font-size:.8125rem;color:var(--color-text-muted);margin:0}.kc-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.kc-switch{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:44px;min-height:44px;cursor:pointer}.kc-switch input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.kc-switch-track{width:44px;height:26px;border-radius:var(--radius-full);background:var(--color-border);transition:background .15s ease;position:relative}.kc-switch-track:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:var(--radius-full);background:#fff;box-shadow:var(--shadow-sm);transition:transform .15s ease}.kc-switch input:checked+.kc-switch-track{background:var(--color-brand)}.kc-switch input:checked+.kc-switch-track:after{transform:translateX(18px)}.kc-switch input:focus-visible+.kc-switch-track{outline:2px solid var(--color-border-focus);outline-offset:2px}.kc-foot-link,.kc-switch-label{cursor:pointer}.kc-foot-link{background:none;border:none;padding:0;font:inherit;color:inherit;text-align:left;transition:color .15s ease}.kc-foot-link:hover{color:var(--color-brand)}