.cc-root{--cc-surface:var(--surface,#12151d);--cc-surface-2:var(--surface-2,#181c26);--cc-ink:var(--ink,#f3f5f8);--cc-ink-light:var(--ink-light,#98a2b3);--cc-ink-dim:var(--ink-dim,#657085);--cc-line:var(--line,rgba(255,255,255,.09));--cc-line-strong:var(--line-strong,rgba(255,255,255,.18));--cc-accent:var(--orange,#fb4f14);--cc-accent-dark:var(--orange-dark,#d94411);--cc-accent-light:var(--orange-light,#ff9457);--cc-ok:#5be08a;--cc-ok-bg:rgba(34,197,94,.12);--cc-ok-line:rgba(34,197,94,.28);--cc-raise:rgba(255,255,255,.03);--cc-raise-2:rgba(255,255,255,.07);--cc-scrim:rgba(5,7,11,.72);--cc-shadow:0 -18px 60px -20px rgba(0,0,0,.75);--cc-shadow-modal:0 40px 90px -24px rgba(0,0,0,.8);font-family:var(--sans,"Inter Variable","Segoe UI",Helvetica,Arial,system-ui,sans-serif)}.light .cc-root,:root[data-theme=light] .cc-root{--cc-surface:#fff;--cc-surface-2:#f6f7f9;--cc-ink:#14171d;--cc-ink-light:#4a5261;--cc-ink-dim:#6b7484;--cc-line:rgba(10,12,17,.10);--cc-line-strong:rgba(10,12,17,.20);--cc-raise:rgba(10,12,17,.02);--cc-raise-2:rgba(10,12,17,.06);--cc-ok:#12854a;--cc-ok-bg:rgba(34,197,94,.12);--cc-ok-line:rgba(22,163,74,.32);--cc-scrim:rgba(20,23,29,.42);--cc-shadow:0 -18px 60px -24px rgba(10,12,17,.3);--cc-shadow-modal:0 40px 90px -28px rgba(10,12,17,.4)}.cc-root button{font-family:inherit}.cc-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;border-radius:10px;font-weight:600;font-size:14px;line-height:1.2;cursor:pointer;border:1px solid transparent;white-space:nowrap;transition:background .15s,color .15s,border-color .15s,box-shadow .15s,transform .15s}.cc-btn:focus-visible{outline:2px solid var(--cc-accent);outline-offset:2px}.cc-btn-primary{background:var(--cc-accent);color:#fff;box-shadow:0 8px 24px -8px rgba(251,79,20,.55)}.cc-btn-primary:hover{background:var(--cc-accent-dark);color:#fff;transform:translateY(-1px);box-shadow:0 10px 28px -8px rgba(251,79,20,.65)}.cc-btn-ghost{border-color:var(--cc-line-strong);color:var(--cc-ink);background:var(--cc-raise)}.cc-btn-ghost:hover{border-color:var(--cc-ink-light);background:var(--cc-raise-2)}.cc-btn-quiet{color:var(--cc-ink-light);background:none;text-decoration:underline;text-underline-offset:3px}.cc-btn-quiet:hover{color:var(--cc-ink)}.cc-banner{position:fixed;left:0;right:0;bottom:0;z-index:2000;background:var(--cc-surface);border-top:1px solid var(--cc-line-strong);box-shadow:var(--cc-shadow);padding:20px 24px calc(20px + env(safe-area-inset-bottom,0px));max-height:88vh;overflow-y:auto;animation:cc-rise .28s cubic-bezier(.22,1,.36,1)}.cc-banner:focus{outline:none}.cc-banner-inner{max-width:1180px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}.cc-banner-copy{flex:1 1 440px;min-width:0}.cc-banner-title{font-family:var(--display,var(--sans));font-size:17px;font-weight:700;letter-spacing:-.01em;color:var(--cc-ink);margin:0 0 6px}.cc-banner-desc{font-size:14px;line-height:1.6;color:var(--cc-ink-light);margin:0;max-width:760px}.cc-banner-note{font-size:13px;line-height:1.55;color:var(--cc-ink-dim);margin:7px 0 0;max-width:760px}.cc-banner-actions{gap:10px;flex-wrap:wrap;flex:0 0 auto}.cc-banner-actions,.cc-overlay{display:flex;align-items:center}.cc-overlay{position:fixed;inset:0;z-index:2100;justify-content:center;padding:24px;background:var(--cc-scrim);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:cc-fade .18s ease-out}.cc-modal{display:flex;flex-direction:column;width:100%;max-width:640px;max-height:min(86vh,780px);background:var(--cc-surface);border:1px solid var(--cc-line-strong);border-radius:16px;box-shadow:var(--cc-shadow-modal);overflow:hidden;animation:cc-pop .22s cubic-bezier(.22,1,.36,1)}.cc-modal:focus{outline:none}.cc-modal-head{display:flex;align-items:flex-start;gap:16px;padding:24px 26px 18px;border-bottom:1px solid var(--cc-line);background:var(--cc-surface-2)}.cc-modal-title{font-family:var(--display,var(--sans));font-size:20px;font-weight:700;letter-spacing:-.02em;color:var(--cc-ink);margin:0 0 8px}.cc-modal-desc{font-size:13.5px;line-height:1.6;color:var(--cc-ink-light);margin:0}.cc-close{flex:0 0 auto;width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--cc-line);border-radius:8px;background:none;color:var(--cc-ink-light);font-size:20px;line-height:1;cursor:pointer;transition:color .15s,border-color .15s,background .15s}.cc-close:hover{color:var(--cc-ink);border-color:var(--cc-line-strong);background:var(--cc-raise-2)}.cc-close:focus-visible{outline:2px solid var(--cc-accent);outline-offset:2px}.cc-modal-body{flex:1 1 auto;overflow-y:auto;padding:2px 26px}.cc-modal-foot{padding:16px 26px calc(20px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--cc-line);background:var(--cc-surface-2)}.cc-saved{font-family:var(--mono,monospace);font-size:11.5px;color:var(--cc-ink-dim);margin:0 0 12px}.cc-modal-actions{display:flex;gap:10px;flex-wrap:wrap}.cc-cat{padding:20px 0;border-bottom:1px solid var(--cc-line)}.cc-cat:last-child{border-bottom:none}.cc-cat-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:8px}.cc-cat-title{font-family:var(--display,var(--sans));font-size:15.5px;font-weight:700;color:var(--cc-ink);margin:0}.cc-cat-desc{font-size:13.5px;line-height:1.6;color:var(--cc-ink-light);margin:0 0 12px}.cc-cat-list{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0}.cc-cat-list li{font-size:11px;letter-spacing:.01em;color:var(--cc-ink-dim);background:var(--cc-raise);border:1px solid var(--cc-line);border-radius:999px;padding:4px 10px}.cc-always,.cc-cat-list li{font-family:var(--mono,monospace)}.cc-always{font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--cc-ok);background:var(--cc-ok-bg);border:1px solid var(--cc-ok-line);border-radius:999px;padding:6px 11px;white-space:nowrap;flex:0 0 auto}.cc-switch{position:relative;display:inline-flex;align-items:center;gap:9px;flex:0 0 auto}.cc-switch-input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:1}.cc-track{position:relative;width:44px;height:24px;flex:0 0 auto;border:1px solid var(--cc-line-strong);border-radius:999px;background:var(--cc-raise-2);transition:background .18s,border-color .18s}.cc-knob{position:absolute;top:50%;left:2px;width:18px;height:18px;border-radius:50%;background:var(--cc-ink-light);transform:translateY(-50%);transition:transform .18s,background .18s}.cc-switch-input:checked~.cc-track{background:var(--cc-accent);border-color:var(--cc-accent)}.cc-switch-input:checked~.cc-track .cc-knob{background:#fff;transform:translateY(-50%) translateX(22px)}.cc-switch-input:focus-visible~.cc-track{outline:2px solid var(--cc-accent);outline-offset:2px}.cc-switch-input:hover~.cc-track{border-color:var(--cc-ink-light)}.cc-switch-text{width:26px;font-family:var(--mono,monospace);font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--cc-ink-dim)}.cc-switch-input:checked~.cc-switch-text{color:var(--cc-accent-light)}@keyframes cc-rise{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes cc-fade{0%{opacity:0}to{opacity:1}}@keyframes cc-pop{0%{transform:translateY(12px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@media (prefers-reduced-motion:reduce){.cc-banner,.cc-modal,.cc-overlay{animation:none}.cc-btn,.cc-close,.cc-knob,.cc-track{transition:none}.cc-btn-primary:hover{transform:none}}@media(max-width:900px){.cc-banner-inner{flex-direction:column;align-items:stretch;gap:18px}.cc-banner-actions{width:100%}}@media(max-width:560px){.cc-banner{padding:18px 18px calc(18px + env(safe-area-inset-bottom,0px))}.cc-banner-actions{flex-direction:column;align-items:stretch}.cc-banner-actions .cc-btn{width:100%}.cc-overlay{padding:0;align-items:flex-end}.cc-modal{max-width:none;max-height:92vh;border-radius:16px 16px 0 0;border-bottom:none}.cc-modal-head{padding:20px 18px 16px}.cc-modal-body{padding:2px 18px}.cc-modal-foot{padding:16px 18px calc(18px + env(safe-area-inset-bottom,0px))}.cc-modal-actions{flex-direction:column}.cc-modal-actions .cc-btn{width:100%}.cc-cat-head{align-items:flex-start}}.cc-link{background:none;border:0;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;text-decoration:none}.cc-link:hover{color:var(--ink,#f3f5f8);text-decoration:underline}.cc-link:focus-visible{outline:2px solid var(--orange,#fb4f14);outline-offset:3px;border-radius:3px}