.col-page{min-height:100vh;padding:2rem 1rem 4rem;background:#f8fafc}.dark .col-page{background:#0b0b0d}.col-shell{max-width:72rem;margin:0 auto}.col-title{font-size:1.875rem;font-weight:800;color:#0f172a}.dark .col-title{color:#fff}.col-lead{margin-top:.5rem;font-size:1.0625rem;line-height:1.6;color:#334155}.dark .col-lead{color:#d1d5db}.col-section-title{font-size:1.25rem;font-weight:700;color:#0f172a}.dark .col-section-title{color:#fff}.col-panel{padding:1.25rem;border-radius:1rem;background:linear-gradient(135deg,#ffffffe6,#f8fafcbf);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(15,23,42,.08);box-shadow:0 4px 20px #0f172a0f,inset 0 1px #ffffffb3}.dark .col-panel{background:linear-gradient(135deg,#ffffff14,#ffffff08);border-color:#ffffff1a;box-shadow:0 4px 20px #00000040,inset 0 1px #ffffff0f}.col-rules{display:flex;flex-wrap:wrap;gap:.5rem}.col-chip{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:9999px;font-size:.9375rem;font-weight:600}.col-chip--must{color:#14532d;background:#22c55e29;border:1px solid rgba(34,197,94,.3)}.dark .col-chip--must{color:#bbf7d0;background:#22c55e24;border-color:#22c55e47}.col-chip--mustnot{color:#7f1d1d;background:#ef444424;border:1px solid rgba(239,68,68,.3)}.dark .col-chip--mustnot{color:#fecaca;background:#ef444424;border-color:#ef444447}.col-chip-remove{border:none;background:none;cursor:pointer;color:inherit;opacity:.7;font-size:.875rem}.col-chip-remove:hover{opacity:1}.col-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(15rem,100%),1fr));gap:1rem}.col-card{display:block;padding:1rem;border-radius:.875rem;text-decoration:none;background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(15,23,42,.08);box-shadow:0 2px 12px #0f172a0f,inset 0 1px #fff9;transition:all .2s ease}.dark .col-card{background:#ffffff0d;border-color:#ffffff14;box-shadow:0 2px 12px #0003,inset 0 1px #ffffff0d}.col-card:hover{transform:translateY(-2px)}.col-card-name{font-size:1.0625rem;font-weight:700;color:#0f172a}.dark .col-card-name{color:#fff}.col-card-tagline{margin-top:.25rem;font-size:.9375rem;color:#475569}.dark .col-card-tagline{color:#9ca3af}.col-card-meta{margin-top:.625rem;font-size:.875rem;color:#475569}.dark .col-card-meta{color:#9ca3af}.col-btn{padding:.5rem .875rem;border-radius:.75rem;font-size:.9375rem;font-weight:600;cursor:pointer;color:#334155;background:#fffc;border:1px solid rgba(15,23,42,.1);box-shadow:0 2px 8px #0f172a0f,inset 0 1px #fff9;transition:all .2s ease}.dark .col-btn{color:#d1d5db;background:#ffffff12;border-color:#ffffff1a}.col-btn:hover:not(:disabled){transform:translateY(-1px)}.col-btn:disabled{opacity:.5;cursor:not-allowed}.col-btn--primary{color:#fff;background:linear-gradient(135deg,#6366f1f2,#4f46e5e6);border-color:#ffffff2e;box-shadow:0 4px 12px #4f46e540,inset 0 1px #ffffff29}.col-btn--danger{color:#7f1d1d;background:#ef444424;border-color:#ef44444d}.dark .col-btn--danger{color:#fecaca}.col-btn--go{color:#14532d;background:#22c55e2e;border-color:#22c55e59}.dark .col-btn--go{color:#bbf7d0}.col-input{width:100%;padding:.625rem .875rem;border-radius:.75rem;font-size:1rem;color:#0f172a;background:#fffc;border:1px solid rgba(15,23,42,.12);box-shadow:inset 0 1px #fff9;transition:all .2s ease}.col-input::-moz-placeholder{color:#6b7280}.col-input::placeholder{color:#6b7280}.col-input:focus{outline:none;border-color:#6366f173;box-shadow:0 0 0 3px #6366f159}.dark .col-input{color:#fff;background:#ffffff0d;border-color:#ffffff1a}.dark .col-input::-moz-placeholder{color:#9ca3af}.dark .col-input::placeholder{color:#9ca3af}.col-label{display:block;margin-bottom:.375rem;font-size:.9375rem;font-weight:600;color:#334155}.dark .col-label{color:#d1d5db}.col-muted{font-size:1rem;color:#475569}.dark .col-muted{color:#9ca3af}.col-empty{padding:2rem 1rem;text-align:center;font-size:1rem;color:#475569}.dark .col-empty{color:#9ca3af}