.cyber-engine-card{background:hsl(var(--bg-surface-2));border:1px solid hsl(var(--border-subtle));border-radius:var(--radius-xl,1rem);padding:1.5rem;position:relative;box-shadow:0 4px 20px -2px #00000059}.cyber-filters-wrap{flex-direction:column;gap:1.25rem;margin-bottom:1.5rem;display:flex}.cyber-input-group{flex-direction:column;gap:.5rem;display:flex}.cyber-label-row{justify-content:space-between;align-items:center;display:flex}.cyber-filter-label{font-size:var(--text-xs,.75rem);text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--text-muted));font-weight:700}.cyber-counter{font-size:.75rem;font-family:var(--font-mono,monospace);color:hsl(var(--text-muted));font-weight:600}.cyber-input-wrapper{align-items:center;display:flex;position:relative}.cyber-seed-input{background:hsl(var(--bg-surface-1,248 26% 8%));border:1px solid hsl(var(--border-subtle));border-radius:var(--radius-md,.5rem);width:100%;font-family:var(--font-body);color:hsl(var(--text-primary));outline:none;padding:.75rem 1rem;font-size:.9375rem;transition:border-color .2s,box-shadow .2s}.cyber-seed-input:focus{border-color:#12d9f8;box-shadow:0 0 0 3px #12d9f82e}.cyber-chips-row{flex-wrap:wrap;gap:.5rem;display:flex}.cyber-faction-chip,.cyber-syntax-chip{background:hsl(var(--bg-surface-1,248 26% 8%));border:1px solid hsl(var(--border-subtle));color:hsl(var(--text-muted));cursor:pointer;white-space:nowrap;border-radius:9999px;padding:.45rem .85rem;font-size:.8125rem;font-weight:600;transition:background-color .15s,color .15s,border-color .15s}.cyber-faction-chip:hover,.cyber-syntax-chip:hover{background:hsl(var(--bg-surface-3,248 32% 16%));color:hsl(var(--text-primary));border-color:hsl(var(--border-medium))}.cyber-faction-chip.active{color:#aff3fd;background:#0bb2cb38;border-color:#12d9f8}.cyber-syntax-chip.active{color:#fec3e2;background:#ea2a9038;border-color:#f452a9}.btn-generate-cyber{color:#fff;border-radius:var(--radius-md,.5rem);cursor:pointer;background:linear-gradient(135deg,#0896ba,#6f27ec);border:none;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.85rem 1.5rem;font-size:.9375rem;font-weight:700;transition:transform .15s,box-shadow .15s,filter .15s;display:inline-flex;box-shadow:0 4px 14px #0896ba59}.btn-generate-cyber:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 6px 20px #0896ba73}.cyber-cards-grid{grid-template-columns:1fr;gap:.75rem;display:grid}@media (width>=640px){.cyber-cards-grid{grid-template-columns:repeat(2,1fr)}}.cyber-result-card{background:hsl(var(--bg-surface-1,248 26% 8%));border:1px solid hsl(var(--border-subtle));border-radius:var(--radius-md,.5rem);flex-direction:column;gap:.5rem;padding:.85rem 1rem;transition:border-color .15s,transform .15s;display:flex}.cyber-result-card:hover{border-color:#12d9f899;transform:translateY(-1px)}.cyber-card-header{justify-content:space-between;align-items:center;display:flex}.cyber-card-tag{text-transform:uppercase;letter-spacing:.05em;color:#92eefc;background:#0f9db340;border-radius:9999px;padding:.15rem .45rem;font-size:.6875rem;font-weight:700}.cyber-card-meaning{color:hsl(var(--text-muted));font-size:.6875rem;font-style:italic}.cyber-name-row{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.cyber-card-name{font-family:var(--font-mono,monospace);color:hsl(var(--text-primary));letter-spacing:-.01em;font-size:1.0625rem;font-weight:700}.cyber-card-syntax{color:hsl(var(--text-muted));font-size:.7rem;font-weight:600}.cyber-card-actions{gap:.4rem;margin-top:.25rem;display:flex}.btn-cyber-copy,.btn-cyber-fav{border-radius:var(--radius-sm,.25rem);cursor:pointer;border:1px solid hsl(var(--border-subtle));justify-content:center;align-items:center;gap:.35rem;padding:.4rem .65rem;font-size:.75rem;font-weight:600;transition:background-color .15s,color .15s,border-color .15s;display:inline-flex}.btn-cyber-copy{background:hsl(var(--bg-surface-2));color:hsl(var(--text-secondary));flex:1}.btn-cyber-copy:hover{color:#fff;background:#0ba5cb;border-color:#0ba5cb}.btn-cyber-fav{background:hsl(var(--bg-surface-2));color:hsl(var(--accent-gold))}.btn-cyber-fav:hover{background:hsl(var(--accent-gold) / .15);border-color:hsl(var(--accent-gold))}.cyber-toast{z-index:100;color:#fff;opacity:0;pointer-events:none;background:#0a95b8;border-radius:9999px;align-items:center;gap:.5rem;padding:.65rem 1.1rem;font-size:.8125rem;font-weight:700;transition:opacity .2s,transform .2s;display:inline-flex;position:fixed;bottom:1.5rem;right:1.5rem;transform:translateY(10px);box-shadow:0 8px 24px #00000073}.cyber-toast.visible{opacity:1;pointer-events:auto;transform:translateY(0)}
