.cd-page{min-height:calc(100vh - 57px);background:#fff;color:#111;padding:2.5rem 1.5rem 4rem}.dark .cd-page{background:var(--background);color:var(--foreground)}.cd-container{max-width:100%;margin:0 auto}.cd-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.75rem}.cd-header-main{gap:1rem}.cd-header-main,.cd-logo{display:flex;align-items:center}.cd-logo{flex-shrink:0;width:3rem;height:3rem;justify-content:center;border:1px solid color-mix(in srgb,#e5e5e5 85%,transparent);border-radius:.75rem;background:#fff;overflow:hidden;box-shadow:0 1px 2px rgba(15,23,42,.04)}.dark .cd-logo{border-color:var(--border);background:var(--muted)}.cd-title{font-size:2rem;font-weight:700;line-height:1.2;letter-spacing:-.02em;margin:0}.cd-subtitle{margin:.25rem 0 0;font-size:.9375rem;color:#737373}.dark .cd-subtitle{color:var(--muted-foreground)}.cd-header-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.cd-download-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;color:#525252;background:#fff;border:1px solid #e5e5e5;border-radius:9999px;cursor:pointer}.cd-download-btn:hover{background:#fafafa}.dark .cd-download-btn{background:var(--background);border-color:var(--border);color:var(--muted-foreground)}.cd-star-btn{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;color:#525252;background:#fff;border:1px solid #e5e5e5;border-radius:9999px;cursor:pointer}.cd-star-btn:hover{background:#fafafa}.dark .cd-star-btn{background:var(--background);border-color:var(--border);color:var(--muted-foreground)}.cd-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.cd-tag{display:inline-flex;align-items:center;padding:.375rem .875rem;font-size:.875rem;font-weight:400;line-height:1.25;color:#374151;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:9999px;white-space:nowrap}.dark .cd-tag{background:var(--muted);border-color:var(--border);color:var(--foreground)}.cd-primary-btn{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;color:#fff;background:#171717;border:1px solid #171717;border-radius:.5rem;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease,box-shadow .15s ease,opacity .15s ease}.cd-primary-btn:hover{background:#404040;border-color:#404040;transform:translateY(-1px);box-shadow:0 6px 16px rgba(15,23,42,.12)}.cd-primary-btn:active{transform:translateY(0);box-shadow:none}.cd-primary-btn:focus-visible{outline:2px solid #171717;outline-offset:2px}.cd-primary-btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.dark .cd-primary-btn{color:#111;background:#ededed;border-color:#ededed}.dark .cd-primary-btn:hover{background:#fff;border-color:#fff}.dark .cd-primary-btn:focus-visible{outline-color:#ededed}.cd-secondary-btn{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:500;color:#404040;background:color-mix(in srgb,#fff 88%,transparent);border:1px solid color-mix(in srgb,#e5e5e5 90%,transparent);border-radius:.5rem;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.65);backdrop-filter:blur(8px);transition:background .15s ease,border-color .15s ease,transform .15s ease,box-shadow .15s ease}.cd-secondary-btn:hover{background:#fafafa;border-color:#d4d4d4;transform:translateY(-1px)}.cd-secondary-btn:active{transform:translateY(0)}.cd-secondary-btn:focus-visible{outline:2px solid #171717;outline-offset:2px}.dark .cd-secondary-btn{color:var(--foreground);background:color-mix(in srgb,var(--background) 80%,transparent);border-color:var(--border);box-shadow:none}.cd-filter-tag{display:inline-flex;align-items:center;gap:.375rem;min-height:2rem;padding:.375rem .875rem;font-size:.875rem;font-weight:400;line-height:1.25;color:#374151;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:9999px;cursor:pointer;white-space:nowrap;box-shadow:none;transition:color .15s ease,background .15s ease,border-color .15s ease}.cd-filter-tag:hover{background:#eef0f2;border-color:#d1d5db}.cd-filter-tag:active{background:#e5e7eb}.cd-filter-tag:focus-visible{outline:2px solid #9ca3af;outline-offset:2px}.cd-filter-tag.is-active{color:#111827;background:#e5e7eb;border-color:#d1d5db;font-weight:500;box-shadow:none}.cd-filter-tag-count{font-size:.75rem;font-weight:500;color:#6b7280}.cd-filter-tag.is-active .cd-filter-tag-count{color:#4b5563}.dark .cd-filter-tag{color:#d1d5db;background:rgba(156,163,175,.14);border-color:rgba(209,213,219,.22)}.dark .cd-filter-tag:hover{background:rgba(156,163,175,.2)}.dark .cd-filter-tag.is-active{color:#f9fafb;background:rgba(156,163,175,.28);border-color:rgba(209,213,219,.35)}.dark .cd-filter-tag:focus-visible{outline-color:#9ca3af}.dark .cd-filter-tag-count,.dark .cd-filter-tag.is-active .cd-filter-tag-count{color:#9ca3af}.cd-sync-hint{color:#a3a3a3}.cd-rule-card-actions{gap:.5rem;flex-shrink:0}.cd-icon-btn,.cd-rule-card-actions{display:inline-flex;align-items:center}.cd-icon-btn{justify-content:center;width:2.75rem;height:2.75rem;padding:0;font-size:1.125rem;line-height:1;color:#737373;background:#fff;border:1px solid color-mix(in srgb,#e5e5e5 90%,transparent);border-radius:.5rem;cursor:pointer;transition:color .15s ease,background .15s ease,border-color .15s ease,transform .15s ease,box-shadow .15s ease}.cd-icon-btn:hover{background:#fafafa;color:#171717;transform:translateY(-1px);box-shadow:0 4px 12px rgba(15,23,42,.08)}.cd-icon-btn:active{transform:translateY(0);box-shadow:none}.cd-icon-btn:focus-visible{outline:2px solid #171717;outline-offset:2px}.cd-icon-btn-danger:hover{color:#e11d48;border-color:color-mix(in srgb,#ef4444 36%,transparent);background:color-mix(in srgb,#ef4444 8%,#fff)}.dark .cd-icon-btn{color:var(--muted-foreground);background:var(--background);border-color:var(--border)}.dark .cd-icon-btn:focus-visible{outline-color:#fff}.cd-rule-tags{display:flex;flex-wrap:wrap;gap:.375rem;padding:.875rem 1.25rem 0;background:#fafafa}.dark .cd-rule-tags{background:var(--muted)}.cd-rule-tag{display:inline-flex;padding:.1875rem .5rem;font-size:.6875rem;font-weight:600;color:#525252;background:#fff;border:1px solid #e5e5e5;border-radius:9999px}.dark .cd-rule-tag{color:var(--muted-foreground);background:var(--background);border-color:var(--border)}.cd-empty{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;padding:2rem 1.25rem;border:1px dashed #d4d4d4;border-radius:.75rem;color:#737373}.dark .cd-empty{border-color:var(--border);color:var(--muted-foreground)}.cd-modal-backdrop{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:1.25rem;background:rgba(15,23,42,.45);backdrop-filter:blur(4px);animation:cd-backdrop-in .2s ease both}.cd-modal{width:min(40rem,100%);max-height:min(90vh,44rem);overflow:auto;padding:1.25rem;background:color-mix(in srgb,#fff 94%,transparent);border:1px solid color-mix(in srgb,#e5e5e5 80%,transparent);border-radius:.875rem;box-shadow:0 18px 48px rgba(15,23,42,.18);backdrop-filter:blur(12px);animation:cd-modal-in .28s cubic-bezier(.22,1,.36,1) both}.dark .cd-modal{background:color-mix(in srgb,var(--background) 92%,transparent);border-color:var(--border)}@keyframes cd-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes cd-modal-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion:reduce){.cd-modal,.cd-modal-backdrop{animation:none!important}}.cd-modal-title{margin:0 0 1rem;font-size:1.125rem;font-weight:700}.cd-modal-field{display:flex;flex-direction:column;gap:.375rem;margin-bottom:.875rem;font-size:.8125rem;color:#525252}.dark .cd-modal-field{color:var(--muted-foreground)}.cd-modal-field input,.cd-modal-field textarea{width:100%;padding:.625rem .75rem;font-size:.875rem;line-height:1.5;color:#111;background:#fff;border:1px solid #e5e5e5;border-radius:.5rem;resize:vertical}.dark .cd-modal-field input,.dark .cd-modal-field textarea{color:var(--foreground);background:var(--background);border-color:var(--border)}.cd-modal-field input:focus,.cd-modal-field textarea:focus{outline:none;border-color:#171717}.cd-modal-error{margin:0 0 .75rem;font-size:.8125rem;color:#e11d48}.cd-modal-actions{display:flex;justify-content:flex-end;gap:.5rem}.cd-rules-label{margin:0 0 .75rem;font-size:.6875rem;font-weight:600;letter-spacing:.08em;color:#a3a3a3;text-transform:uppercase}.dark .cd-rules-label{color:var(--muted-foreground)}.cd-rules-list{display:flex;flex-direction:column;gap:.75rem}.cd-page--prompts .cd-rules-list{gap:.5rem}.cd-page--prompts .cd-rule-card-header{min-height:2.5rem;padding:.375rem .75rem;gap:.5rem}.cd-page--prompts .cd-rule-title{font-size:.875rem;font-weight:500;line-height:1.35}.cd-page--prompts .cd-rule-card-actions{gap:.375rem}.cd-page--prompts .cd-add-btn{min-height:2rem;padding:.25rem .625rem;font-size:.75rem;border-radius:.375rem}.cd-page--prompts .cd-icon-btn{width:2rem;height:2rem}.cd-page--prompts .cd-chevron,.cd-page--prompts .cd-chevron-open,.cd-page--prompts .cd-icon-btn svg{width:14px;height:14px}.cd-page--prompts .cd-rule-card:hover{border-color:color-mix(in srgb,#a3a3a3 55%,transparent);transform:translateY(0);box-shadow:0 2px 10px rgba(15,23,42,.06)}.cd-page--prompts .cd-rule-tags{padding:.5rem .75rem 0;gap:.25rem}.cd-page--prompts .cd-rule-content{padding:.625rem .75rem;font-size:.75rem;line-height:1.55;max-height:18rem}.cd-rule-card{border:1px solid color-mix(in srgb,#e5e5e5 88%,transparent);border-radius:.75rem;background:#fff;overflow:hidden;box-shadow:0 1px 2px rgba(15,23,42,.04);animation:cd-card-enter .35s cubic-bezier(.22,1,.36,1) both;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.dark .cd-rule-card{border-color:var(--border);background:var(--background)}@keyframes cd-card-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.cd-add-btn,.cd-filter-tag,.cd-icon-btn,.cd-primary-btn,.cd-rule-card,.cd-secondary-btn{animation:none!important;transition:none!important}.cd-filter-tag:hover,.cd-icon-btn:hover,.cd-page--prompts .cd-rule-card:hover,.cd-primary-btn:hover,.cd-secondary-btn:hover{transform:none}}.cd-rule-card-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.875rem 1rem}.cd-rule-card-header-open{border-bottom:1px solid #e5e5e5}.dark .cd-rule-card-header-open{border-bottom-color:var(--border)}.cd-rule-toggle{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0;padding:0;border:none;background:none;cursor:pointer;text-align:left;color:inherit}.cd-chevron{transform:rotate(0deg)}.cd-chevron,.cd-chevron-open{flex-shrink:0;color:#737373;transition:transform .15s ease}.cd-chevron-open{transform:rotate(90deg)}.cd-rule-title{font-size:.9375rem;font-weight:500;line-height:1.4}.cd-add-btn{flex-shrink:0;min-height:2.75rem;padding:.375rem .875rem;font-size:.8125rem;font-weight:500;color:#fff;background:#171717;border:none;border-radius:.5rem;cursor:pointer;transition:background .15s ease,transform .15s ease,box-shadow .15s ease}.cd-add-btn:hover{background:#404040;transform:translateY(-1px);box-shadow:0 6px 16px rgba(15,23,42,.14)}.cd-add-btn:active{transform:translateY(0);box-shadow:none}.cd-add-btn:focus-visible{outline:2px solid #171717;outline-offset:2px}.dark .cd-add-btn{background:#ededed;color:#111}.dark .cd-add-btn:hover{background:#fff}.dark .cd-add-btn:focus-visible{outline-color:#ededed}.cd-rule-body{padding:0}.cd-rule-content{margin:0;max-height:24rem;overflow:auto;padding:1rem 1.25rem;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:.8125rem;line-height:1.6;color:#404040;white-space:pre-wrap;word-break:break-word;background:#fafafa}.dark .cd-rule-content{background:var(--muted);color:var(--foreground)}@media (max-width:640px){.cd-header{flex-direction:column}.cd-header-actions{align-self:stretch;flex-wrap:wrap}.cd-header-actions .cd-primary-btn,.cd-header-actions .cd-secondary-btn{flex:1 1 auto}.cd-title{font-size:1.625rem}.cd-rule-card-header{flex-wrap:wrap}.cd-rule-card-actions{width:100%;justify-content:flex-end}}